@import url('https://fonts.googleapis.com/css2?family=Black+Han+Sans&family=Gowun+Dodum&family=Noto+Sans+KR:wght@400;600;700;900&display=swap');
:root{font-family:'Gowun Dodum','Noto Sans KR',sans-serif;color:#283e36;background:#f4ecd9;--ink:#283e36;--paper:#fff9e9;--brick:#b34f3e;--teal:#397d72}*{box-sizing:border-box}body{margin:0;background-image:radial-gradient(#84754e14 .8px,transparent .8px);background-size:5px 5px}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer;font:inherit;color:inherit}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible{outline:3px solid #b34f3e;outline-offset:4px}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.topbar{max-width:1140px;margin:auto;padding:24px 30px 18px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--ink)}.brand{font-family:'Black Han Sans',sans-serif;font-size:24px;letter-spacing:-1px}.brand span{font:700 10px monospace;letter-spacing:2px;margin-left:7px;border:1.5px solid var(--ink);padding:4px 5px;vertical-align:middle}.top-actions{display:flex;gap:22px}.top-actions button{border:0;background:transparent;padding:5px 0;font-size:12px;font-weight:700}main{max-width:1060px;margin:auto;padding:0 25px}.title-row{display:flex;justify-content:space-between;align-items:center;padding:30px 0 23px}.edition{font:700 9px monospace;letter-spacing:2px;color:#866c4c}.title-row h1{font-family:'Black Han Sans',sans-serif;font-weight:400;font-size:43px;letter-spacing:-1.5px;line-height:1;margin:11px 0 0;display:flex;align-items:center;gap:16px}.title-row h1 span{font:900 11px/1.4 monospace;letter-spacing:2px;border-left:2px solid var(--ink);padding-left:15px;max-width:75px;color:var(--brick)}.title-row>p{font-size:14px;line-height:1.6;margin:0;transform:rotate(-3deg)}.comic-game{border:3px solid var(--ink);border-radius:3px;background:var(--paper);box-shadow:7px 7px 0 #283e3614;overflow:hidden}.scene{height:370px;position:relative;overflow:hidden;background:#b9cebd;border-bottom:3px solid var(--ink);isolation:isolate}.sky{position:absolute;inset:0;background:linear-gradient(#a5c6bc,#e6dbb1 74%);z-index:-4}.sun{position:absolute;right:12%;top:25px;width:68px;height:68px;background:#ecc473;border:2px solid #36564d;box-shadow:0 0 0 8px #e6bc742f;border-radius:50%}.cloud{position:absolute;width:120px;height:20px;background:#eee5cd;border:2px solid #778c74;border-radius:50px;opacity:.7;top:47px;left:20%}.cloud:before{content:'';position:absolute;width:45px;height:25px;top:-18px;left:22px;border-radius:50% 50% 0 0;background:#eee5cd}.cloud-two{left:60%;top:89px;transform:scale(.7)}.city{position:absolute;inset:15px -100% 62px 0;z-index:-3;background-image:url('/assets/taxi/city-465.webp?jcs_img=20261025-1');background-size:auto 100%;background-position:0 bottom;background-repeat:repeat-x;animation:city-scroll 34s linear infinite;mix-blend-mode:multiply}.city-lines{position:absolute;inset:90px -100% 64px 0;z-index:-2;opacity:.16;background:repeating-linear-gradient(90deg,transparent 0 45px,#365b4c 46px 48px,transparent 49px 125px);animation:city-scroll 20s linear infinite}.scene-grain{position:absolute;inset:0;background-image:radial-gradient(#183b2d33 .7px,transparent .9px);background-size:4px 4px;pointer-events:none;z-index:5;opacity:.32}.scene-caption{position:absolute;top:18px;left:20px;border:2px solid var(--ink);box-shadow:3px 3px 0 #283e36;background:var(--paper);padding:9px 12px;font-size:11px;font-weight:700;z-index:7;display:flex;gap:7px;align-items:center;transform:rotate(-1deg)}.red-dot{width:6px;height:6px;border-radius:50%;background:var(--brick)}.road{position:absolute;bottom:0;left:0;right:-100%;height:82px;background:#566d62;border-top:5px solid #e5d8b7;z-index:-1}.road:after{content:'';position:absolute;bottom:22px;left:0;right:0;height:5px;background:repeating-linear-gradient(90deg,#d3cdb0 0 85px,transparent 85px 160px);animation:city-scroll 3s linear infinite}.taxi{position:absolute;width:370px;bottom:35px;left:calc(50% - 185px);z-index:4;transition:left 1s ease}.taxi-body{display:block;width:100%;filter:drop-shadow(0 6px 0 #253e3420)}.taxi-bounce{animation:taxi-bounce .45s steps(2,end) infinite;position:relative}.wheel{position:absolute;bottom:2.7%;width:12.5%;height:28%;border:6px solid #243a35;background:#b6bb9f;border-radius:50%;display:grid;place-items:center;animation:wheel-turn .7s linear infinite}.wheel-back{left:16.2%}.wheel-front{left:68%}.wheel i{width:59%;height:59%;border:2px solid #243a35;border-radius:50%;position:relative;background:#d8d8b9}.wheel i:after{content:'';position:absolute;left:44%;top:0;width:2px;height:100%;background:#243a35}.onboard-person{opacity:0;transition:opacity .3s}.has-passenger .onboard-person{opacity:1}.waiting-passenger{position:absolute;right:19%;bottom:75px;width:40px;height:91px;z-index:2;color:var(--ink);transition:opacity .4s,transform .8s}.waiting-passenger svg{width:100%;height:100%;fill:currentColor}.waiting-passenger>span{position:absolute;top:-14px;left:13px;font-size:20px;font-weight:900;transform:rotate(9deg)}.has-passenger .waiting-passenger{opacity:0;transform:translateX(-50px) scale(.7)}.stop-sign{position:absolute;right:12%;bottom:85px;padding:8px;background:#f2d67b;border:3px solid var(--ink);font:bold 15px monospace;transform:rotate(2deg);text-align:center}.stop-sign span{font-size:10px}.stop-sign:after{content:'';position:absolute;left:50%;top:100%;height:52px;width:4px;background:var(--ink)}.is-driving .stop-sign{animation:stop-depart 1.7s linear forwards}.is-driving .waiting-passenger{opacity:0}.is-stopped .city,.is-stopped .city-lines,.is-stopped .road:after,.is-stopped .taxi-bounce,.is-stopped .wheel{animation-play-state:paused}.speed-strokes{position:absolute;bottom:109px;left:calc(50% - 226px);line-height:13px;letter-spacing:2px;color:#f2e5bc;font-weight:900;opacity:.8}.is-stopped .speed-strokes{opacity:0}.street-caption{position:absolute;bottom:10px;left:18px;font-size:9px;letter-spacing:1px;color:#e0dbc5}.ride-meter{position:absolute;right:18px;top:17px;padding:11px 14px;border:2px solid var(--ink);border-radius:3px;background:#283e36;color:#f5e7bd;min-width:121px;z-index:7;box-shadow:3px 3px 0 #f5e7bd66;display:flex;flex-direction:column;gap:4px}.ride-meter>span{font-size:9px}.ride-meter strong{font:700 26px monospace;letter-spacing:2px}.ride-meter>span:last-child{font-size:9px;color:#c5cbb0}.conversation{padding:23px 40px 18px;background-image:radial-gradient(#a5925425 .65px,transparent .65px);background-size:6px 6px}.chapter-line{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px;margin-bottom:17px;font-weight:700}.record-label{font-size:13px;font-weight:500;line-height:1.5;color:#756747}.speech-balloon{position:relative;padding:26px 35px;background:#fffdf3;border:2.5px solid var(--ink);border-radius:21px 17px 20px 4px;box-shadow:3px 4px 0 #e0d5b9;min-height:155px}.speech-balloon:before{content:'';position:absolute;width:20px;height:20px;top:-12px;left:45px;background:#fffdf3;transform:rotate(45deg);border-left:2.5px solid var(--ink);border-top:2.5px solid var(--ink)}.speaker-label{display:block;color:var(--brick);font-size:11px;font-weight:700;letter-spacing:1px;margin-bottom:10px}.speech-balloon h2{font-size:27px;line-height:1.5;margin:0 0 9px;letter-spacing:-1px}.speech-balloon p{font-size:14px;line-height:1.9;margin:0;word-break:keep-all}.speech-balloon .beat-text{font-size:22px;line-height:1.8;letter-spacing:-.5px}.choice-row{display:flex;justify-content:center;gap:10px;margin:20px 0 14px}.button{border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);padding:12px 21px;border-radius:3px;background:#f5ead0;font-size:13px;font-weight:700;transition:transform .12s,box-shadow .12s;min-height:45px}.button:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink)}.button:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.main-button{background:var(--teal);color:#fff6dc}.like-button{background:#e3ac72}.drop-button{background:#fff7e7;color:#8b5444}.pause-button{display:block;margin:7px auto 0;border:0;border-bottom:1px dashed #a3997e;background:transparent;color:#867e67;font-size:10px;padding:4px}.game-footnote{text-align:center;font-size:9px;color:#92876c;line-height:1.7;margin:18px 0 0}.paused-card{text-align:center;padding:8px}.paused-card .speech-balloon:before{display:none}#notice,.recovery{font-size:11px;line-height:1.8;padding:11px 14px;margin:0 0 17px;border:1px dashed var(--brick);background:#fff1d7;color:#84563f}.recovery .button{font-size:11px;padding:8px 13px;min-height:35px}.reveal-kicker{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--brick)}.reveal-heading{display:flex;gap:19px;align-items:center;padding:10px 0 16px}.portrait{width:83px;height:94px;object-fit:cover;border:2px solid var(--ink);filter:sepia(.14);border-radius:4px;background:#d9dcc3}.portrait-placeholder{display:grid;place-items:center;font-size:36px}.reveal-heading h2{font-family:'Black Han Sans',sans-serif;font-weight:400;font-size:30px;margin:8px 0 5px}.reveal-heading p{font-size:12px;margin:0;color:#8a785e}.reveal-stats{display:flex;gap:12px;flex-wrap:wrap;padding:13px 0 18px;font-size:12px;border-top:1px dashed #b1a585}.reveal-stats span{padding:5px 9px;background:#ece4ca;border:1px solid #cec1a0;border-radius:2px}.reveal-note{font-size:11px;line-height:1.8;color:#8b765b}.sources{border-top:2px solid var(--ink);margin-top:19px}.sources details{border-bottom:1px solid #cec2a1;padding:13px 0}.sources summary{font-size:12px;font-weight:700;cursor:pointer;line-height:1.7}.sources .source-context{font-size:11px;line-height:1.8;color:#8a775a;margin:8px 0}.sources blockquote{font-size:13px;line-height:1.8;margin:10px 0;padding-left:12px;border-left:3px solid #b7c2a8}.sources a{display:block;color:#39776a;font-size:11px;text-decoration:underline;line-height:1.8;margin:7px 0;overflow-wrap:anywhere}.sources time{font-size:10px;color:#8a775a;margin-right:6px}footer{display:flex;justify-content:space-between;gap:10px;padding:24px 1px 32px;font-size:10px;color:#8d8064}footer>span{font-style:italic}dialog{width:calc(100% - 32px);max-width:570px;max-height:85vh;padding:27px;background:#fff7e3;border:3px solid var(--ink);border-radius:4px;color:var(--ink);box-shadow:8px 8px 0 #283e3640}dialog::backdrop{background:#21372e9e;backdrop-filter:blur(3px)}.dialog-top{display:flex;justify-content:space-between;align-items:center}.dialog-top button{background:transparent;border:1px solid #9e9271;font-size:11px;padding:5px 9px}dialog h2{font-family:'Black Han Sans',sans-serif;font-weight:400;font-size:28px;margin:24px 0}dialog ol{padding-left:22px}dialog li{padding:6px;font-size:14px}dialog li p,.help-note{font-size:12px;line-height:1.9;color:#897a5c}.help-note{border-top:1px dashed #b4a885;padding-top:15px}.journal-item{width:100%;border:0;border-top:1px dashed #b4a885;background:transparent;padding:15px 0;text-align:left;display:flex;justify-content:space-between;gap:15px;align-items:center}.journal-item strong{font-size:15px}.journal-item small{display:block;font-size:10px;margin-top:5px;color:#8e7c5c}.journal-empty{font-size:13px;line-height:1.9;color:#8e7c5c}.journal-label{font-size:10px;color:#8e7c5c;margin-bottom:20px}.journal-result{margin-top:22px;border-top:2px solid var(--ink);padding-top:20px}@keyframes city-scroll{to{transform:translateX(-33.333%)}}@keyframes wheel-turn{to{transform:rotate(360deg)}}@keyframes taxi-bounce{to{transform:translateY(-1px)}}@keyframes stop-depart{to{transform:translateX(-900px)}}
@media(max-width:650px){.topbar{padding:18px 18px 14px;margin:0 16px}.brand{font-size:21px}.top-actions{gap:15px}.top-actions button{font-size:10px}main{padding:0 16px}.title-row{padding:25px 2px 20px}.title-row h1{font-size:32px;gap:9px;letter-spacing:-1px}.title-row h1 span{font-size:9px;padding-left:9px;max-width:55px;letter-spacing:1px}.edition{font-size:7px;letter-spacing:1.4px}.title-row>p{display:none}.scene{height:285px}.city{inset:10px -150% 58px 0}.city-lines{inset:75px -150% 60px 0}.sun{width:49px;height:49px;top:43px;right:19%}.scene-caption{top:13px;left:12px;padding:7px 8px;font-size:9px;max-width:190px}.ride-meter{right:12px;top:12px;min-width:91px;padding:8px 9px}.ride-meter strong{font-size:21px}.ride-meter>span{font-size:8px}.ride-meter>span:last-child{font-size:8px}.taxi{width:285px;left:calc(50% - 142px);bottom:35px}.wheel{border-width:5px}.stop-sign{right:10%;bottom:78px;font-size:11px;padding:6px}.stop-sign span{font-size:8px}.waiting-passenger{right:21%;height:73px;width:32px;bottom:70px}.waiting-passenger>span{font-size:16px;left:10px}.speed-strokes{left:calc(50% - 170px);bottom:88px;font-size:12px;line-height:10px}.road{height:76px}.street-caption{font-size:7px;left:12px;bottom:10px}.conversation{padding:20px 18px 17px}.chapter-line{font-size:10px;margin-bottom:16px;gap:8px}.record-label{font-size:12px}.speech-balloon{padding:22px 22px;border-radius:17px 15px 17px 3px;min-height:173px}.speech-balloon h2{font-size:24px}.speech-balloon p{font-size:12px}.speech-balloon .beat-text{font-size:18px;line-height:1.85}.speaker-label{font-size:10px}.choice-row{gap:8px;flex-wrap:wrap;margin:18px 0 13px}.button{padding:11px 14px;font-size:12px;min-height:43px}.choice-row .button{flex:1;white-space:nowrap}.game-footnote{font-size:8px;margin-top:17px}.reveal-heading h2{font-size:28px}.reveal-heading{gap:15px}.portrait{width:73px;height:84px}.reveal-stats{font-size:11px;gap:7px}.reveal-stats span{padding:5px 7px}footer{font-size:9px;flex-wrap:wrap;justify-content:space-between;padding:22px 2px}footer>span{display:none}dialog{padding:23px}.cloud{left:10%;transform:scale(.7)}.cloud-two{left:55%}.comic-game{box-shadow:4px 4px 0 #283e3614}}@media(max-width:365px){.title-row>p{display:none}.scene-caption{max-width:155px;font-size:8px}.button{font-size:11px;padding:10px}.conversation{padding:18px 14px}.chapter-line{font-size:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.is-driving .stop-sign{opacity:0}.speed-strokes{display:none}}
/* Rainy night, warm lamps and a physical taxi meter. */
.scene{background:#182833}.sky{background:linear-gradient(#172533,#3c5360 74%)}.sun{background:#d9e2d4;opacity:.45;border-color:#82959a;box-shadow:0 0 35px #d6e5d633}.cloud{opacity:.18}.city{mix-blend-mode:normal;filter:brightness(.66) saturate(.67)}.city-lines{opacity:.07}.road{background:linear-gradient(#425b66,#182d38);border-top-color:#728180}.road:after{opacity:.4}.taxi-body{filter:drop-shadow(0 8px 5px #080e1680)}.headlamp{fill:#fff9d0;stroke:#eec879;filter:drop-shadow(0 0 8px #fff3a4)}.headlight-beam{position:absolute;z-index:-1;left:89%;top:34%;width:88%;height:62%;background:linear-gradient(90deg,#fff5c37d,#ffedac25 60%,transparent);clip-path:polygon(0 42%,100% 0,100% 100%,0 59%);filter:blur(2px);pointer-events:none}.light-reflection{position:absolute;left:72%;top:92%;width:120%;height:22%;border-radius:50%;transform:skewX(-30deg);background:radial-gradient(ellipse at left,#eacc7b6e,transparent 68%);filter:blur(5px);z-index:-1}.rain{position:absolute;inset:-50%;pointer-events:none;z-index:6;background-image:repeating-linear-gradient(105deg,transparent 0 49px,#d6e8f055 50px,#d6e8f055 51px,transparent 52px 100px);background-size:113px 137px;mask-image:repeating-linear-gradient(0deg,transparent 0 54px,#000 55px 69px,transparent 70px 130px);animation:rainfall .8s linear infinite;opacity:.48}.rain-far{z-index:1;opacity:.2;background-size:71px 97px;animation-duration:1.35s}.rain-splashes{position:absolute;bottom:24px;left:-10%;width:120%;height:47px;z-index:3;opacity:.3;background:radial-gradient(ellipse at center,transparent 2px,#c9e0e8 3px,transparent 5px);background-size:79px 17px;transform:skewX(-20deg);animation:splashes .8s steps(3) infinite}.street-caption{color:#d2dfe1}.scene-caption{max-width:calc(100% - 235px);font-size:10px}.ride-meter{background:linear-gradient(145deg,#293034,#131c20);border:3px solid #10191d;box-shadow:0 2px 0 #78848a inset,3px 4px 0 #111b23a0;min-width:201px;gap:7px;padding:12px;color:#e6e5da;border-radius:8px}.meter-top{display:flex;justify-content:space-between;gap:12px;font:700 8px monospace;letter-spacing:1px;color:#9ba5a5}.meter-top span:last-child{color:#efbd65}.meter-label{font-size:10px!important;letter-spacing:2px}.meter-display{display:flex;align-items:baseline;justify-content:flex-end;gap:8px;background:#121e1b;border:1px solid #476354;border-radius:3px;padding:7px 9px;box-shadow:0 2px 6px #0008 inset}.meter-display strong{font:600 31px/1.1 'Courier New',monospace;font-variant-numeric:tabular-nums;letter-spacing:1px;color:#d8f1b4;text-shadow:0 0 9px #a7e58f44}.meter-display span{font:14px monospace;color:#adc79d}.sound-bar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:12px 22px;border-bottom:1px solid #cbbb97;background:#ede3cc}.sound-bar button{background:#fff8e9;border:1px solid #978a6d;border-radius:20px;padding:8px 12px;font-size:11px;min-height:36px}.sound-bar button[aria-pressed=true]{background:#314c49;color:#fff4d9;border-color:#314c49}.sound-bar>span{font-size:10px;color:#756951;margin-left:auto}.speech-balloon .gentle-line{font-size:13px;line-height:1.8;color:#747765;border-top:1px dashed #d2ccb7;margin-top:16px;padding-top:12px}.gentle-line:before{content:'손님의 한마디 · ';font-size:10px;color:#938970}.reveal-stats .distance-result{background:#253c36;color:#edf1ce;font-weight:700;padding:8px 12px}body:has(dialog[open]) .rain,body:has(dialog[open]) .rain-splashes{animation-play-state:paused}@keyframes rainfall{from{transform:translate(0,-65px)}to{transform:translate(-35px,65px)}}@keyframes splashes{0%{opacity:.14;background-position:0 0}50%{opacity:.38;background-position:27px 7px}100%{opacity:.19;background-position:57px 14px}}@media(max-width:650px){.ride-meter{top:12px;right:10px;min-width:162px;padding:9px;gap:5px}.meter-display strong{font-size:25px}.meter-top{font-size:7px;letter-spacing:.3px}.meter-display{padding:6px}.scene-caption{max-width:calc(100% - 192px);font-size:8px;line-height:1.6;padding:7px}.sound-bar{padding:10px 13px;gap:6px}.sound-bar button{font-size:10px;padding:7px 9px}.sound-bar>span{flex-basis:100%;margin:2px 0 0;font-size:9px}.speech-balloon .gentle-line{font-size:12px}.gentle-line:before{display:block}.rain-near{opacity:.35}}@media(prefers-reduced-motion:reduce){.rain,.rain-splashes{animation:none!important;opacity:.15}}

.speech-balloon .intro-note{font-size:11px;line-height:1.7;color:#8b816b;margin-top:16px;padding-top:12px;border-top:1px dashed #d2ccb7}.is-leaving .taxi-bounce{animation:gentle-brake .4s ease-out 1!important}@keyframes gentle-brake{0%{transform:rotate(0)}35%{transform:rotate(1deg) translateY(1px)}100%{transform:rotate(0)}}@media(prefers-reduced-motion:reduce){.is-leaving .taxi-bounce{animation:none!important}}
:is(.comic-game:fullscreen,.comic-game:-webkit-full-screen){width:100%;height:100%;max-width:none;overflow:auto;background:var(--paper);border:0;border-radius:0;box-shadow:none}:is(.comic-game:fullscreen,.comic-game:-webkit-full-screen) .scene{height:clamp(260px,44vh,530px)}:is(.comic-game:fullscreen,.comic-game:-webkit-full-screen) .conversation{max-width:1180px;margin:auto;width:100%}.taxi-fullscreen{overflow:hidden}.taxi-fullscreen .comic-game{position:fixed;inset:0;z-index:9999;width:100%;height:100dvh;max-width:none;overflow:auto;background:var(--paper);border:0;border-radius:0;box-shadow:none}.taxi-fullscreen .scene{height:clamp(260px,44dvh,530px)}.taxi-fullscreen .conversation{max-width:1180px;margin:auto;width:100%}#fullscreen-toggle{margin-left:auto}:is(.comic-game:fullscreen,.comic-game:-webkit-full-screen) .sound-bar,.taxi-fullscreen .sound-bar{position:sticky;top:0;z-index:10;padding-top:max(10px,env(safe-area-inset-top));padding-left:max(13px,env(safe-area-inset-left));padding-right:max(13px,env(safe-area-inset-right))}@media(max-height:500px){:is(.comic-game:fullscreen,.comic-game:-webkit-full-screen) .scene,.taxi-fullscreen .scene{height:220px}.comic-game:fullscreen .conversation,.taxi-fullscreen .conversation{padding-top:14px}}

.dialogue-scroll{height:clamp(185px,27vh,255px);overflow-y:auto;overscroll-behavior:contain;padding:0 12px 12px 0;scrollbar-width:thin;scrollbar-color:#788d7c #ede8da;scroll-behavior:smooth}.dialogue-scroll.auto-follow{overflow-y:hidden}.dialogue-scroll:focus-visible{outline:2px solid #7d9789;outline-offset:5px}.dialogue-sentence{display:block;padding:3px 0 9px 10px;border-left:2px solid transparent;transition:color .2s,border-color .2s}.dialogue-sentence.is-speaking{color:#215e50;border-left-color:#7c9f87}.speech-balloon .scroll-hint{font-size:10px;line-height:1.5;margin:10px 0 0;color:#8b816b;border-top:1px dashed #ddd4bb;padding-top:8px}.dialogue-scroll .gentle-line{margin-left:10px}@media(max-width:650px){.dialogue-scroll{height:220px;padding-right:8px}.speech-balloon .scroll-hint{font-size:9px}.dialogue-sentence{padding-left:7px}}@media(max-height:500px){.dialogue-scroll{height:180px}}@media(prefers-reduced-motion:reduce){.dialogue-scroll{scroll-behavior:auto}}