:root{--ivory:#f5ebdd;--ivory-2:#efe2cf;--paper:#fbf6ee;--navy:#17324d;--navy-2:#22476b;--navy-deep:#0f2335;--teal:#287e83;--teal-2:#1f6468;--brass:#c49a52;--brass-2:#a57e3c;--terracotta:#bd6550;--ink:#1d2733;--muted:#5b6573;--line:#d8c9b1;--ok:#2f7d4a;--warn:#b7791f;--danger:#a8413a;--shadow:0 6px 20px #0f23352e;--radius:14px;--radius-sm:9px;--tap:44px;--font-body:"Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display:"Nanum Myeongjo", "Noto Serif KR", "AppleMyungjo", "Batang", Georgia, serif;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--ivory);color:var(--ink);font-family:var(--font-body);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;margin:0;font-size:16px;line-height:1.5}body.large-text{font-size:18px}h1,h2,h3{font-family:var(--font-display);color:var(--navy);margin:0 0 .5em;line-height:1.25}h1{font-size:clamp(1.6rem,4vw,2.4rem)}h2{font-size:1.35rem}h3{font-size:1.1rem}p{margin:0 0 .75em}a{color:var(--teal-2)}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--brass);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.btn{min-height:var(--tap);min-width:var(--tap);border:1.5px solid var(--navy);background:var(--paper);color:var(--navy);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:999px;justify-content:center;align-items:center;gap:.45em;padding:.55em 1.05em;font-weight:700;text-decoration:none;transition:background .15s,transform .1s;display:inline-flex}.btn:hover:not(:disabled){background:#fff}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--navy);color:var(--ivory)}.btn.primary:hover:not(:disabled){background:var(--navy-2)}.btn.teal{background:var(--teal);border-color:var(--teal);color:#fff}.btn.brass{background:var(--brass);border-color:var(--brass-2);color:var(--navy-deep)}.btn.danger{border-color:var(--danger);color:var(--danger)}.btn.danger.solid{background:var(--danger);color:#fff}.btn.ghost{background:0 0;border-color:#0000}.btn.small{min-height:36px;padding:.3em .8em;font-size:.9rem}.btn.block{width:100%}.icon-btn{width:var(--tap);height:var(--tap);border-radius:50%;padding:0}.field{gap:.3em;margin-bottom:.9em;display:grid}.field label,.field .label{color:var(--navy);font-size:.95rem;font-weight:700}.field .hint{color:var(--muted);font-size:.85rem}input[type=text],input[type=email],input[type=number],select,textarea{min-height:var(--tap);border-radius:var(--radius-sm);border:1.5px solid var(--line);background:#fff;width:100%;padding:.5em .8em}input:focus,select:focus,textarea:focus{border-color:var(--teal);outline:none;box-shadow:0 0 0 3px #287e8340}.code-input{letter-spacing:.3em;text-transform:uppercase;text-align:center;font-family:ui-monospace,Consolas,monospace;font-size:1.35rem}.check{min-height:var(--tap);cursor:pointer;align-items:center;gap:.6em;display:flex}.check input{width:22px;height:22px}.panel{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#fbf6eef0;padding:1.1rem 1.2rem}.panel.navy{color:var(--ivory);background:#17324df0;border-color:#c49a5273}.panel.navy h2,.panel.navy h3{color:var(--ivory)}.stack{gap:.8rem;display:grid}.row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.row.between{justify-content:space-between}.muted{color:var(--muted)}.small{font-size:.88rem}.pill{background:var(--ivory-2);color:var(--navy);border:1px solid var(--line);white-space:nowrap;border-radius:999px;align-items:center;gap:.35em;padding:.15em .65em;font-size:.82rem;font-weight:700;display:inline-flex}.pill.teal{background:var(--teal);color:#fff;border-color:var(--teal)}.pill.warn{color:#7a4f0e;background:#fdf0d8;border-color:#e6c07a}.pill.danger{color:var(--danger);background:#f8e0dc;border-color:#e3aaa1}.pill.ok{color:var(--ok);background:#e1f1e5;border-color:#a8d3b4}.dot{background:#b9b3a8;border-radius:50%;flex:none;width:10px;height:10px;display:inline-block}.dot.on{background:#2f9d57;box-shadow:0 0 0 2px #2f9d5740}.notice{border-radius:var(--radius-sm);color:#5a3a0a;background:#fdf0d8;border:1px solid #e6c07a;padding:.75rem 1rem}.notice.error{color:#6d221b;background:#f8e0dc;border-color:#e3aaa1}.notice.info{color:#173f42;background:#e3f0f1;border-color:#a9cfd2}.page{min-height:100%;padding:calc(16px + var(--safe-top)) calc(16px + var(--safe-right)) calc(24px + var(--safe-bottom)) calc(16px + var(--safe-left))}.page.center{place-items:center;display:grid}.container{max-width:1100px;margin:0 auto}.topbar{padding:calc(8px + var(--safe-top)) calc(12px + var(--safe-right)) 8px calc(12px + var(--safe-left));background:var(--navy);color:var(--ivory);align-items:center;gap:.7rem;min-height:56px;display:flex}.topbar .brand{color:var(--ivory);font-family:var(--font-display);align-items:center;gap:.5rem;font-weight:700;text-decoration:none;display:flex}.topbar .brand img{width:34px;height:34px}.topbar .spacer{flex:1}.topbar .btn{color:var(--ivory);background:0 0;border-color:#f5ebdd99}.topbar .btn.brass{background:var(--brass);color:var(--navy-deep);border-color:var(--brass)}.bg-photo{z-index:-1;background-position:50%;background-size:cover;position:fixed;inset:0}.bg-photo:after{content:"";background:linear-gradient(#f5ebdd59,#f5ebdd99);position:absolute;inset:0}.title-screen{align-items:stretch;min-height:100%;display:flex;position:relative}.title-screen picture,.title-screen .title-bg{z-index:-1;position:fixed;inset:0}.title-screen .title-bg img{object-fit:cover;object-position:70% center;width:100%;height:100%}.title-card{width:min(520px,100%);padding:calc(24px + var(--safe-top)) 16px calc(24px + var(--safe-bottom));margin:auto 0 auto clamp(0px,6vw,80px)}.brand-lockup{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.brand-lockup img{filter:drop-shadow(0 4px 10px #0f233540);width:clamp(72px,16vw,104px);height:auto}.brand-lockup .ko{font-family:var(--font-display);color:var(--navy);font-size:clamp(2.1rem,7vw,3.1rem);font-weight:800;line-height:1}.brand-lockup .en{letter-spacing:.42em;color:var(--brass-2);margin-top:.35rem;font-size:.9rem;font-weight:700}.subtitle{font-family:var(--font-display);color:var(--navy);margin-bottom:1.2rem;font-size:1.1rem}.title-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-top:.8rem;display:grid}.solo-cta{margin-top:.8rem;padding:.8rem 1rem}.choice-row{flex-wrap:wrap;gap:8px;display:flex}.choice-row .option{flex:auto;justify-content:center;width:auto;min-height:44px}.member-chip.bot{border-style:dashed}@media (width<=760px) and (orientation:portrait){.title-card{align-self:flex-start;margin:0 auto}}.lobby-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;display:grid}.room-card{gap:.5rem;display:grid}.room-card .members{flex-wrap:wrap;gap:.35rem;display:flex}.member-chip{border:1px solid var(--line);background:#fff;border-radius:999px;align-items:center;gap:.35em;padding:.2em .6em;font-size:.9rem;display:inline-flex}.member-chip.ready{border-color:var(--ok);background:#eef8f1}.game{background:var(--navy-deep) center / 512px repeat;color:var(--ink);grid-template-rows:auto 1fr auto;grid-template-columns:1fr;display:grid;position:fixed;inset:0;overflow:hidden}.game-top{padding:calc(6px + var(--safe-top)) calc(10px + var(--safe-right)) 6px calc(10px + var(--safe-left));color:var(--ivory);z-index:3;background:#0f2335eb;align-items:center;gap:.5rem;min-height:52px;display:flex}.game-top .title{font-family:var(--font-display);white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.game-top .btn{color:var(--ivory);background:0 0;border-color:#f5ebdd80}.game-main{grid-template-columns:1fr;min-height:0;display:grid;position:relative}.board-wrap{min-width:0;min-height:0;position:relative;overflow:hidden}.board-svg{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;width:100%;height:100%;display:block}.board-svg:active{cursor:grabbing}.board-controls{right:calc(10px + var(--safe-right));z-index:2;gap:6px;display:grid;position:absolute;top:10px}.board-controls .btn{width:var(--tap);height:var(--tap);background:#fbf6eeeb;padding:0;font-size:1.2rem}.side{display:none}.game-bottom{border-top:2px solid var(--brass);padding:6px calc(8px + var(--safe-right)) calc(6px + var(--safe-bottom)) calc(8px + var(--safe-left));z-index:3;background:#fbf6eef7;grid-template-rows:auto minmax(0,1fr);max-height:58vh;display:grid}.game-bottom.collapsed .tab-body{display:none}.tabs{scrollbar-width:none;gap:4px;display:flex;overflow-x:auto}.tabs button{min-height:40px;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;flex:1 0 auto;padding:0 .7em;font-weight:700}.tabs button[aria-selected=true]{color:var(--navy);border-bottom-color:var(--teal)}.tab-body{min-height:0;padding:8px 2px 2px;overflow:auto}.turn-banner{white-space:nowrap;background:#f5ebdd26;border-radius:999px;align-items:center;gap:.5rem;padding:.35rem .7rem;font-size:.9rem;font-weight:700;display:flex}.turn-banner.mine{background:var(--brass);color:var(--navy-deep)}@media (width>=768px){.game-bottom{max-height:46vh}}@media (width>=1100px){.game{grid-template-rows:auto 1fr auto;grid-template-columns:1fr 340px}.game-top{grid-column:1/3}.game-main{grid-area:2/1}.side{border-left:2px solid var(--brass);min-height:0;padding:10px 12px calc(10px + var(--safe-bottom));background:#fbf6eef7;flex-direction:column;grid-area:2/2/4;gap:10px;display:flex;overflow:auto}.game-bottom{grid-area:3/1;max-height:34vh}.game-bottom .tabs .desk-hide,.game-bottom .desk-hide{display:none}}.card-row{flex-wrap:wrap;gap:8px;display:flex}.train-card{background:var(--paper) center 45% / 118% auto no-repeat;border:2px solid #0f23358c;border-radius:8px;flex-direction:column;flex:none;justify-content:space-between;align-items:center;width:64px;height:86px;padding:3px 2px;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 6px #0f233533}.train-card.white{border-color:#3c3c3c}.train-card .band{height:18px;position:absolute;top:0;left:0;right:0}.train-card .sym{width:18px;height:18px;position:relative}.train-card .label{color:var(--navy-deep);background:#fbf6eee6;border-radius:6px;padding:0 4px;font-size:.72rem;font-weight:800;position:relative}.train-card .count{background:var(--navy);color:#fff;border-radius:12px;place-items:center;min-width:24px;height:24px;padding:0 5px;font-size:.85rem;font-weight:800;display:grid;position:absolute;bottom:18px;right:3px}.train-card.zero{opacity:.35}button.train-card{cursor:pointer;font:inherit}button.train-card:disabled{cursor:not-allowed;filter:grayscale(.4);opacity:.55}button.train-card:not(:disabled):hover{transform:translateY(-2px)}.deck-card{background:var(--navy) center / cover no-repeat;color:var(--ivory)}.market{flex-wrap:wrap;align-items:flex-end;gap:6px;display:flex}@media (width>=1100px){.train-card{width:58px;height:78px}}.ticket{background:var(--paper) center / cover no-repeat;border:1.5px solid var(--teal);text-align:left;cursor:pointer;border-radius:10px;grid-template-columns:1fr auto;align-items:center;gap:.4rem;width:100%;min-height:64px;padding:.55rem .9rem .55rem 1.3rem;display:grid;position:relative}.ticket .cities{color:var(--navy);font-weight:800;line-height:1.25}.ticket .en{color:var(--muted);font-size:.78rem}.ticket .pts{font-family:var(--font-display);color:var(--teal-2);border:2px solid var(--teal);background:#ffffffd9;border-radius:50%;place-items:center;min-width:2.2em;height:2.2em;font-size:1.3rem;font-weight:800;display:grid}.ticket.done{border-color:var(--ok);box-shadow:inset 6px 0 0 var(--ok)}.ticket.selected{outline:3px solid var(--brass)}.ticket.picked{border-color:var(--brass-2);box-shadow:inset 6px 0 0 var(--brass)}.ticket-list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;display:grid}.seat{border:1px solid var(--line);background:#fff;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem;padding:.45rem .6rem;display:grid}.seat.current{border-color:var(--brass);box-shadow:0 0 0 2px var(--brass)}.seat .name{text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}.seat .stats{color:var(--muted);font-size:.82rem}.seat .score{font-family:var(--font-display);color:var(--navy);font-size:1.2rem;font-weight:800}.log{gap:4px;font-size:.88rem;display:grid}.log .entry{border-left:3px solid var(--line);padding:.25rem .5rem}.log .entry.private{border-left-color:var(--brass);background:#fbf3e2}.log .entry.policy{border-left-color:var(--terracotta)}.overlay{z-index:50;padding:16px;padding-bottom:calc(16px + var(--safe-bottom));background:#0f23358c;place-items:center;display:grid;position:fixed;inset:0}.dialog{background:var(--paper);border-radius:var(--radius);border:2px solid var(--brass);width:min(560px,100%);max-height:calc(100dvh - 32px);box-shadow:var(--shadow);padding:1.1rem 1.2rem 1.2rem;overflow:auto}.dialog.wide{width:min(900px,100%)}.dialog-head{align-items:flex-start;gap:.6rem;margin-bottom:.6rem;display:flex}.dialog-head h2{flex:1;margin:0}@media (width<=767px){.overlay.sheet{place-items:end stretch;padding:0}.overlay.sheet .dialog{border-radius:var(--radius) var(--radius) 0 0;width:100%;padding-bottom:calc(1.2rem + var(--safe-bottom));border-bottom:none;max-height:85dvh}}.option-list{gap:8px;display:grid}.option{border:2px solid var(--line);cursor:pointer;text-align:left;background:#fff;border-radius:10px;align-items:center;gap:.7rem;width:100%;min-height:52px;padding:.5rem .8rem;display:flex}.option[aria-pressed=true],.option[aria-checked=true]{border-color:var(--teal);background:#eaf5f5}.banner{z-index:4;max-width:calc(100% - 24px);box-shadow:var(--shadow);border-radius:12px;flex-wrap:wrap;align-items:center;gap:.6rem;padding:.6rem .9rem;font-weight:700;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%)}.banner.warn{background:#fdf0d8;border:1.5px solid #e6c07a}.banner.info{background:#e3f0f1;border:1.5px solid #a9cfd2}.banner.danger{background:#f8e0dc;border:1.5px solid #e3aaa1}.toasts{left:50%;bottom:calc(90px + var(--safe-bottom));z-index:60;pointer-events:none;gap:8px;width:min(420px,100% - 24px);display:grid;position:fixed;transform:translate(-50%)}.toast{background:var(--navy);color:var(--ivory);box-shadow:var(--shadow);border-radius:12px;padding:.7rem 1rem;font-weight:700;animation:.25s ease-out toast-in}.toast.ok{background:var(--ok)}.toast.error{background:var(--danger)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.console{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=1000px){.console{grid-template-columns:minmax(300px,380px) 1fr}}.code-big{letter-spacing:.18em;color:var(--navy);font-family:ui-monospace,Consolas,monospace;font-size:clamp(2rem,6vw,3rem);font-weight:800}.qr-full{background:#fff;border-radius:12px;place-items:center;gap:.6rem;padding:16px;display:grid}.qr-full svg{width:min(70vmin,520px);height:auto}.table{border-collapse:collapse;width:100%;font-size:.92rem}.table th,.table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;padding:.45rem .5rem}.table th{color:var(--navy);font-size:.85rem}.table-wrap{overflow-x:auto}.results-screen{background:#0f233540 50%/cover no-repeat}.conductor{grid-template-columns:auto 1fr;align-items:end;gap:.6rem;display:grid}.conductor img{width:clamp(80px,18vw,130px);height:auto}.bubble{border:2px solid var(--navy);box-shadow:var(--shadow);background:#fff;border-radius:14px;padding:.7rem .9rem;position:relative}.tutorial-panel{z-index:5;width:min(460px,100% - 20px);position:absolute;bottom:10px;left:10px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}body.reduce-motion *,body.reduce-motion :before,body.reduce-motion :after{transition-duration:.01ms!important;animation-duration:.01ms!important}.board-svg{--k:1;background:#0f2335}.city-label{font-family:var(--font-body);fill:var(--navy-deep);paint-order:stroke;stroke:#fbf6eef2;stroke-width:calc(3.4px / var(--k));stroke-linejoin:round;font-weight:800;font-size:clamp(6.5px, calc(12.5px / var(--k)), 15px);pointer-events:none}.city-label.hl{fill:#8a2f1f}.city-en{fill:#4a5563;font-size:.78em;font-weight:600}.board-svg[data-dense="1"] .city-label:not(.hl){display:none}.city-hl{animation:1.6s ease-in-out infinite city-pulse}@keyframes city-pulse{50%{opacity:.3}}@media (pointer:coarse){.btn.small,.tabs button{min-height:44px}}.game>*{min-width:0}.game-top{flex-wrap:wrap;row-gap:4px}.game-top .title{flex:0 auto;min-width:0}.tutorial-panel .bubble{min-width:0}@media (width<=480px){.tutorial-panel .conductor img{display:none}.tutorial-panel .conductor{grid-template-columns:1fr!important}.game-top .hide-narrow{display:none}}@media (width>=1100px){.desk-only-hide{display:none}}.tabs{min-width:0}@media (width<=480px){.train-card{width:54px;height:72px}.game-bottom{max-height:46vh}.market-hint{display:none}.tabs button{padding:0 .45em;font-size:.92rem}}