:root{color:#30251f;background:#382319;font-family:Pretendard,Apple SD Gothic Neo,Malgun Gothic,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #30251f;--muted: #70665e;--cream: #fbf3e4;--paper: #fffaf0;--paper-deep: #f2e3ca;--line: #d9c7aa;--green: #2f6e5a;--green-dark: #245446;--terracotta: #a45338;--wood-dark: #382319;--wood: #67412c;--shadow: 0 20px 55px rgb(28 15 8 / 26%)}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--wood-dark)}body{margin:0;min-width:320px;min-height:100dvh}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}button,input,select,a{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #df9a48;outline-offset:3px}.visually-hidden{width:1px;height:1px;padding:0;margin:-1px;position:absolute;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{min-height:100dvh;padding:max(20px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));position:relative;overflow:hidden;background:radial-gradient(circle at 18% 0%,rgb(255 221 164 / 13%),transparent 30%),radial-gradient(circle at 85% 80%,rgb(0 0 0 / 19%),transparent 33%),repeating-linear-gradient(88deg,rgb(255 255 255 / 2%) 0 2px,transparent 2px 16px),linear-gradient(135deg,#50311f,#70472f 49%,#382319)}.app-shell:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.16;background-image:repeating-radial-gradient(ellipse at 30% 0%,transparent 0 42px,rgb(21 8 3 / 35%) 43px 44px,transparent 45px 70px);mix-blend-mode:multiply}.brand-bar,footer,.welcome-layout,.chooser-wrap,.lobby-wrap,.match-pending,.board-screen,.game-catalog,.route-unavailable,.error-banner,.replaced-panel,.loading-screen,.board-load-recovery,.session-load-recovery{position:relative;z-index:1}.brand-bar{max-width:1240px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:24px}.brand{color:#fff7e7;display:inline-flex;align-items:center;gap:12px;text-decoration:none}.brand-seal{width:48px;height:48px;border:1px solid rgb(255 244 221 / 45%);display:grid;place-items:center;border-radius:50%;font:800 14px/1 Georgia,serif;letter-spacing:.06em;box-shadow:inset 0 0 0 4px #ffffff0d}.brand strong{display:block;font-family:Georgia,Nanum Myeongjo,serif;font-size:18px;letter-spacing:-.02em}.brand small{display:block;margin-top:3px;color:#d7c1a5;font-size:13px}.connection-pill{min-height:40px;padding:9px 13px;display:inline-flex;align-items:center;gap:8px;border:1px solid rgb(255 244 221 / 19%);border-radius:999px;color:#ead9c2;background:#22110a4f;font-size:13px}.connection-pill svg{width:16px}.connection-pill.is-connected{color:#eaf6dc;border-color:#9ecd9759}.game-catalog-link{min-height:40px;padding:8px 12px;border:1px solid rgb(255 244 221 / 28%);border-radius:11px;color:#fff3df;background:#22110a40;display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:800;text-decoration:none}.game-catalog-link:hover{background:#fff4dd1f}.game-catalog-link svg{width:17px;height:17px}.paper-panel{background:linear-gradient(145deg,#fffbf2fa,#f4e6cffa);border:1px solid rgb(255 255 255 / 50%);border-radius:28px;box-shadow:var(--shadow),inset 0 0 0 1px #69442614}.eyebrow{display:block;color:var(--terracotta);font:800 12px/1.3 Georgia,serif;letter-spacing:.15em}.chooser-wrap,.lobby-wrap,.board-screen,.match-pending{overflow-wrap:anywhere}h1,h2,p{margin-top:0;word-break:keep-all}h1,h2{font-family:Georgia,Nanum Myeongjo,serif;color:var(--ink);letter-spacing:-.04em}h1{font-size:clamp(36px,5vw,66px);line-height:1.12}h2{font-size:25px;line-height:1.25}p{color:var(--muted);font-size:16px;line-height:1.75}label{display:block;margin-bottom:8px;color:#53483f;font-size:14px;font-weight:750}input{width:100%;min-height:52px;padding:13px 15px;border:1px solid #cdbb9f;border-radius:13px;color:var(--ink);background:#fffdf8d1;font-size:16px;transition:border-color .16s ease,box-shadow .16s ease}input:hover{border-color:#9d896d}input:focus{border-color:var(--green);box-shadow:0 0 0 4px #2f6e5a1f;outline:none}input::placeholder{color:#9d9188}.primary-button,.secondary-button,.start-button{min-height:50px;padding:12px 19px;border:1px solid transparent;border-radius:13px;display:inline-flex;justify-content:center;align-items:center;gap:9px;font-size:15px;font-weight:800;transition:transform .15s ease,background-color .15s ease,box-shadow .15s ease}.primary-button{color:#fffdf7;background:var(--green);box-shadow:0 7px 16px #295c4b3d}.primary-button:hover:not(:disabled),.start-button:hover:not(:disabled){background:var(--green-dark);transform:translateY(-1px)}.secondary-button{color:#4b382b;background:#eee0ca;border-color:#cfbaa0}.secondary-button:hover:not(:disabled){background:#e3d0b4;transform:translateY(-1px)}.start-button{color:#fffdf7;background:var(--terracotta);box-shadow:0 7px 16px #a4533838}.start-button:hover:not(:disabled){background:#89432e}.primary-button svg,.secondary-button svg,.start-button svg{width:19px;height:19px}.full{width:100%}.spinner{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.welcome-layout{min-height:calc(100dvh - 170px);max-width:1120px;margin:30px auto 0;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:80px}.welcome-art{min-height:520px;display:grid;place-items:center;position:relative}.welcome-art:before,.welcome-art:after{content:"";position:absolute;border:1px solid rgb(255 239 209 / 16%);border-radius:50%}.welcome-art:before{width:480px;height:480px}.welcome-art:after{width:390px;height:390px}.board-mark{width:min(100%,420px);height:auto;display:block}.welcome-art .board-mark{position:relative;z-index:1;filter:drop-shadow(0 35px 30px rgb(20 8 3 / 30%));transform:rotate(-3deg)}.welcome-panel{padding:clamp(30px,5vw,54px)}.welcome-panel h1{margin:18px 0 20px;font-size:clamp(40px,4.5vw,58px)}.welcome-panel form{margin-top:30px}.welcome-panel input{margin-bottom:13px}.welcome-preview-link{min-height:44px;margin-top:9px;border-radius:11px;color:var(--green-dark);display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:800;text-decoration:none}.game-learning-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 16px;margin:8px 0 14px}.game-learning-links a{display:inline-flex;align-items:center;min-height:44px;color:var(--green-dark);font-size:15px;font-weight:750;text-underline-offset:4px}.welcome-preview-link:hover{background:#2f6e5a17}.tutorial-entry{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px 24px;padding:20px 24px;margin-bottom:22px;border:1px solid var(--line);border-radius:18px;background:var(--cream)}.tutorial-entry-copy{display:flex;align-items:flex-start;gap:12px;flex:1 1 260px;min-width:0}.tutorial-entry-copy>svg{flex:none;width:26px;height:26px;color:var(--green)}.tutorial-entry strong{display:block;color:var(--green-dark);font-size:18px;line-height:1.5;word-break:keep-all}.tutorial-entry p{margin:5px 0 0;font-size:15px;line-height:1.6}.tutorial-entry>a{flex:none;text-decoration:none}.welcome-panel .tutorial-entry{padding:18px 0;border-width:1px 0;border-radius:0;background:transparent}.welcome-panel .tutorial-entry>a{width:100%}.privacy-note{margin:16px 0 0;color:#877a70;font-size:13px;line-height:1.55;text-align:center}.game-catalog{max-width:1120px;min-height:calc(100dvh - 165px);margin:64px auto 0}.game-catalog-heading{max-width:720px;margin-bottom:30px}.game-catalog-heading h1{margin:13px 0 18px;color:#fff6e6;font-size:clamp(42px,5vw,64px)}.game-catalog-heading p{max-width:640px;margin-bottom:0;color:#dfccb3}.game-catalog-heading .eyebrow{color:#e0b28e}.catalog-feedback-note{max-width:760px;margin:24px 0 0;color:#dfccb3;font-size:14px;line-height:1.7}.catalog-feedback-note button{padding:8px 0;border:0;color:#f4dfc2;background:transparent;font:inherit;text-align:left;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.catalog-feedback-note button:focus-visible{outline:2px solid #f4dfc2;outline-offset:4px;border-radius:3px}.catalog-status{width:fit-content;max-width:100%;min-height:44px;margin:0 0 22px;padding:10px 13px;border:1px solid rgb(255 235 198 / 24%);border-radius:12px;color:#f1d9b9;background:#28140a38;display:flex;align-items:center;gap:9px;font-size:14px;line-height:1.5}.catalog-status svg{width:18px;height:18px;flex:none}.game-catalog-grid{display:grid;grid-template-columns:minmax(0,760px);gap:22px}.game-card{min-width:0;padding:26px;display:grid;grid-template-columns:minmax(230px,.8fr) minmax(0,1.2fr);align-items:center;gap:30px}.game-card-art{min-height:250px;border-radius:22px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 38%,#9f7452,#5a3826 72%)}.game-card-art .board-mark{width:min(90%,280px);filter:drop-shadow(0 22px 18px rgb(27 11 5 / 30%));transform:rotate(-3deg)}.game-card-copy{min-width:0}.game-card-meta{margin-bottom:13px;display:flex;align-items:center;gap:9px;color:#766557;font-size:13px;font-weight:800}.game-card-meta strong{padding:5px 9px;border-radius:999px;color:var(--green-dark);background:#dce9d8}.game-card h2{margin-bottom:9px;font-size:clamp(27px,4vw,36px)}.game-card p{margin-bottom:13px}.game-card-links{display:flex;flex-wrap:wrap;gap:8px 16px;margin-bottom:20px}.game-card-links a{min-height:44px;color:var(--green-dark);display:inline-flex;align-items:center;font-size:14px;font-weight:800;text-underline-offset:4px}.game-card-enter{width:fit-content;max-width:100%;text-decoration:none;text-align:center}.route-unavailable{width:min(640px,100%);min-height:360px;margin:72px auto;padding:clamp(28px,5vw,48px);border:1px solid #dbc6a7;border-radius:28px;background:var(--cream);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--ink);text-align:center;box-shadow:var(--shadow)}.route-unavailable>svg{width:42px;height:42px;margin-bottom:14px;color:var(--terracotta)}.route-unavailable h1{margin:13px 0;font-size:clamp(29px,5vw,40px)}.route-unavailable p{max-width:480px;margin-bottom:24px}.route-unavailable .primary-button{max-width:100%;text-decoration:none}.chooser-wrap{max-width:1040px;min-height:calc(100dvh - 165px);margin:60px auto 0}.chooser-heading{max-width:720px;margin-bottom:36px}.chooser-heading h1{margin:13px 0 16px;color:#fff6e6;font-size:clamp(42px,5vw,64px)}.chooser-heading p{max-width:610px;color:#dfccb3}.chooser-connection{min-height:42px;margin-top:-4px;padding:8px 12px;border:1px solid rgb(255 235 198 / 24%);border-radius:12px;display:inline-flex;align-items:center;gap:8px;color:#f1d9b9;background:#28140a38;font-size:14px}.chooser-connection svg{width:18px;flex:none}.chooser-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.action-panel{padding:28px}.action-icon{width:48px;height:48px;margin-bottom:20px;border-radius:16px;display:grid;place-items:center;color:#fff;background:var(--green)}.action-icon.secondary{background:var(--terracotta)}.action-icon svg{width:22px}.action-panel h2{margin-bottom:8px}.action-panel p{min-height:48px;margin-bottom:22px;font-size:14px;line-height:1.6}.action-panel input{margin-bottom:12px}.code-input{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:21px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.lobby-wrap{max-width:1160px;min-height:calc(100dvh - 165px);margin:52px auto 0}.lobby-topline{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:30px}.lobby-topline>div:first-child{min-width:0}.lobby-topline h1{margin:10px 0 8px;color:#fff6e6;font-size:clamp(36px,4vw,55px)}.lobby-topline p{margin-bottom:0;color:#dfccb3}.reconnect-policy{min-height:32px;margin-top:8px;display:inline-flex;align-items:center;gap:7px;color:#ead8bd;font-size:14px;font-weight:700}.reconnect-policy svg{width:17px}.invite-ticket{width:250px;flex:none;padding:19px 20px;border-radius:18px;color:var(--ink);background:#f6e9d2;box-shadow:0 14px 30px #190a033d;display:grid;grid-template-columns:1fr auto;align-items:center}.invite-ticket small{color:#806d5b;font-size:12px;font-weight:700}.invite-ticket strong{grid-row:2;font:800 24px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em;-webkit-user-select:all;user-select:all}.invite-ticket button{grid-column:2;grid-row:1 / span 2;min-height:44px;padding:8px 10px;border:0;border-radius:10px;display:flex;align-items:center;gap:6px;color:var(--green-dark);background:#2f6e5a1a;font-size:13px;font-weight:800}.invite-ticket button:hover{background:#2f6e5a2e}.invite-ticket svg{width:16px}.invite-ticket .copy-help{grid-column:1 / -1;margin:12px 0 0;color:var(--ink);font-size:14px;line-height:1.6;overflow-wrap:anywhere}.lobby-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.75fr);gap:24px;align-items:start}.table-panel,.ready-panel{padding:26px}.table-summary{min-height:42px;padding-bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#716354;border-bottom:1px solid var(--line);font-size:14px;font-weight:750}.table-summary span{display:flex;align-items:center;gap:7px}.table-summary svg{width:18px}.seat-list{margin:18px 0 0;padding:0;list-style:none;display:grid;gap:10px}.seat-card{min-height:76px;padding:12px 14px;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:13px;border:1px solid #dccbb3;border-radius:16px;background:#fffdf79e}.seat-card.is-ready{border-color:#9ab8a0;background:#eef3e6}.seat-card.is-offline{background:#eee9df}.seat-card.is-offline .player-piece,.seat-card.is-offline .seat-state{filter:grayscale(.65);opacity:.73}.seat-card.is-empty{color:#86796e;border-style:dashed;background:transparent}.seat-number{width:37px;height:37px;border:1px solid #cbb89e;border-radius:50%;display:grid;place-items:center;font:700 14px Georgia,serif}.player-piece{width:40px;height:40px;display:grid;place-items:center}.player-piece i{position:relative;width:29px;height:19px;margin-top:12px;border-radius:12px 12px 7px 7px;background:var(--green);box-shadow:inset 0 -3px #0000001f}.player-piece i:before{content:"";position:absolute;width:17px;height:17px;left:6px;top:-12px;border-radius:50%;background:#4b8973}.seat-card:nth-child(2) .player-piece i,.seat-card:nth-child(2) .player-piece i:before{background:#b47643}.seat-card:nth-child(3) .player-piece i,.seat-card:nth-child(3) .player-piece i:before{background:#775778}.seat-card:nth-child(4) .player-piece i,.seat-card:nth-child(4) .player-piece i:before{background:#7589a2}.seat-card strong{display:block;color:#493b31;font-size:16px}.seat-card small{display:block;margin-top:4px;color:#897c71;font-size:13px}.seat-person{min-width:0}.offline-countdown{color:#5b4638;font-size:14px;font-variant-numeric:tabular-nums;font-weight:800}.seat-controls{display:flex;justify-content:flex-end;align-items:center;gap:10px}.seat-state{display:inline-flex;align-items:center;gap:5px;color:#806f61;font-size:13px;font-weight:800;white-space:nowrap}.is-ready .seat-state{color:var(--green-dark)}.seat-state svg{width:17px}.kick-button,.confirm-kick-button,.cancel-kick-button{min-height:44px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:14px;font-weight:800}.kick-button{padding:8px 10px;border:1px solid #d2b7a8;color:#7d3f31;background:#fff8ed}.kick-button:hover:not(:disabled){border-color:#ae6c58;background:#f9e5d9}.kick-button svg,.confirm-kick-button svg{width:17px}.kick-confirmation{grid-column:1 / -1;padding-top:12px;border-top:1px solid #d8c5aa;display:flex;justify-content:space-between;align-items:center;gap:14px}.kick-confirmation p{min-width:0;margin:0;color:#4e3b2e;font-size:14px;line-height:1.45}.kick-confirmation p strong,.kick-confirmation p span{display:block}.kick-confirmation p span{margin-top:3px;color:#7d6c5f;font-size:13px;font-weight:500}.kick-confirmation>div{display:flex;gap:7px;flex:none}.confirm-kick-button{padding:8px 12px;border:1px solid #994b38;color:#fff;background:#a45338}.confirm-kick-button:hover:not(:disabled){background:#89432e}.cancel-kick-button{padding:8px 13px;border:1px solid #c9b79f;color:#55463a;background:#f4ead9}.cancel-kick-button:hover:not(:disabled){background:#e9dbc6}.ready-panel{text-align:center}.mini-board{height:145px;margin:-8px auto 12px;overflow:hidden;display:grid;place-items:center}.mini-board .board-mark{width:190px;transform:translateY(8px)}.ready-panel h2{margin:10px 0 8px}.ready-panel p{margin-bottom:18px;font-size:14px;line-height:1.6}.ready-panel .start-button{margin-top:10px}.start-help{display:block;margin-top:9px;color:#8a796c;font-size:13px;line-height:1.5}.text-button{min-height:44px;margin-top:12px;padding:8px 14px;border:0;color:#766457;background:transparent;font-size:14px;text-decoration:underline;text-underline-offset:3px}.text-button:hover:not(:disabled){color:#43362e}.connection-notice,.replaced-panel{max-width:1160px;margin:0 auto 18px;padding:13px 16px;border:1px solid #e0bd77;border-radius:14px;color:#4e3c25;background:#fff0c9;display:flex;align-items:center;gap:12px;box-shadow:0 9px 22px #1d0e0626}.connection-notice svg{width:20px;flex:none}.connection-notice strong,.connection-notice span,.replaced-panel strong,.replaced-panel span{display:block}.connection-notice strong,.replaced-panel strong{font-size:14px}.connection-notice span,.replaced-panel span{margin-top:2px;font-size:13px;line-height:1.45}.replaced-panel{margin-top:20px;justify-content:space-between}.replaced-panel .secondary-button{flex:none}.app-notifications{position:fixed;z-index:40;top:max(12px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));max-width:800px;max-height:calc(100dvh - max(12px,env(safe-area-inset-top)) - max(12px,env(safe-area-inset-bottom)));margin-inline:auto;display:grid;gap:10px;overflow:auto;pointer-events:none}.error-banner,.room-notice{margin:0;padding:14px 16px;display:grid;grid-template-columns:22px minmax(0,1fr) 40px;align-items:center;gap:10px;border-radius:14px;box-shadow:0 12px 24px #1f0a042e;pointer-events:auto;overflow-wrap:anywhere}.error-banner{border:1px solid #dd9d91;color:#662b21;background:#ffddd4}.room-notice{border:1px solid #d1b371;color:#513c25;background:#fff0c9}.error-banner>svg,.room-notice>svg{width:21px}.error-banner strong,.error-banner small,.room-notice strong,.room-notice small{display:block}.error-banner strong{font-size:14px}.error-banner small{margin-top:3px;font-size:12px;opacity:.76}.room-notice strong{font-size:14px}.room-notice small{margin-top:3px;font-size:13px}.icon-button{width:40px;height:40px;border:0;border-radius:10px;color:#662b21;background:transparent;font-size:26px}.icon-button:hover{background:#662b2114}.match-pending{min-height:calc(100dvh - 165px);display:grid;place-items:center;padding:50px 0}.match-paper{width:min(700px,100%);padding:clamp(30px,5vw,54px);text-align:center}.large-board{max-width:340px;max-height:230px;margin:12px auto 0;overflow:hidden;display:grid;place-items:center}.large-board .board-mark{width:310px}.match-paper h1{margin:8px 0;font-size:clamp(36px,5vw,54px)}.match-paper>p{margin-bottom:20px}.participant-row{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.participant-row span{min-height:38px;padding:8px 12px;border:1px solid #d1bfa4;border-radius:999px;display:inline-flex;align-items:center;gap:7px;color:#58483b;background:#ffffff61;font-size:14px;font-weight:750}.participant-row i{width:9px;height:9px;border-radius:50%;background:var(--green)}.match-paper .match-note{max-width:530px;margin:24px auto;padding-top:20px;border-top:1px solid var(--line);font-size:14px}.match-paper .recovery-note{max-width:530px;margin:-8px auto 18px;padding:12px 14px;border:1px solid #d4b471;border-radius:12px;color:#5b4328;background:#fff0c9;font-size:14px;font-weight:750;line-height:1.55}.board-screen{max-width:1440px;min-height:calc(100dvh - 150px);margin:42px auto 0}.board-screen-heading{margin-bottom:22px;display:flex;justify-content:space-between;align-items:end;gap:28px}.board-screen-heading>div:first-child{min-width:0}.board-screen-heading h1{margin:9px 0 5px;color:#fff6e6;font-size:clamp(36px,4.2vw,58px)}.board-screen-heading p{margin:0;color:#e4d0b5}.turn-chip{min-width:205px;min-height:68px;padding:13px 16px;flex:0 1 auto;border:1px solid rgb(255 241 217 / 22%);border-radius:18px;color:#f7ead8;background:#23120a61;display:flex;align-items:center;gap:12px;box-shadow:0 10px 24px #15090333}.turn-chip[data-active=true]{border-color:#f4cb7094;background:#573a1ab3}.turn-chip>svg{width:24px}.turn-chip span,.turn-chip small,.turn-chip strong{display:block}.turn-chip>span{min-width:0}.turn-chip small{color:#d6bea1;font-size:12px}.turn-chip strong{margin-top:3px;font-size:16px}.board-connection-notice{min-height:46px;margin-bottom:16px;padding:10px 15px;border:1px solid #dfbd77;border-radius:13px;color:#57442b;background:#fff0c9;display:flex;align-items:center;gap:9px;font-size:14px;font-weight:750}.board-connection-notice svg{width:19px;flex:none}.board-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}.board-viewport{min-width:0;height:min(760px,calc(100dvh - 205px));min-height:560px;position:sticky;top:18px;overflow:hidden;border:1px solid rgb(255 244 224 / 20%);border-radius:28px;background:radial-gradient(circle at 48% 42%,#a6754d,#68432d 55%,#3b2519);box-shadow:0 26px 60px #180a034f,inset 0 0 0 1px #170a043b}.board-viewport:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle,transparent 57%,rgb(23 10 4 / 28%))}.board-canvas{width:100%;height:100%;display:block;cursor:grab;touch-action:none}.board-canvas:active{cursor:grabbing}.camera-reset,.board-actions-jump{min-height:44px;padding:9px 12px;position:absolute;z-index:2;top:15px;right:15px;border:1px solid rgb(255 244 224 / 45%);border-radius:12px;color:#fff9ed;background:#2d1c12bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:800}.camera-reset:hover,.board-actions-jump:hover{background:#1f120be0}.camera-reset svg,.board-actions-jump svg{width:17px}.board-actions-jump{display:none;left:15px;right:auto}.board-help{padding:7px 10px;position:absolute;z-index:2;left:15px;bottom:15px;border-radius:9px;color:#ead8bd;background:#27160dab;font-size:13px}.board-render-error{max-width:430px;padding:16px 18px;position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #d59687;border-radius:14px;color:#642d24;background:#ffe1d9;font-size:15px;font-weight:750;line-height:1.55;text-align:center;box-shadow:0 16px 36px #1c0a0540}.board-render-error{width:min(430px,calc(100% - 32px))}.has-render-error .board-canvas{visibility:hidden}.board-render-error p{margin:0 0 12px}.board-render-error button{max-width:100%;min-height:44px;justify-content:center}.board-side-panel{min-width:0;display:grid;gap:14px;scroll-margin-top:18px}.board-side-panel:focus-visible{outline:3px solid #df9a48;outline-offset:3px}.board-side-panel .paper-panel{border-radius:20px}.placement-panel,.setup-complete-panel,.players-panel,.roll-panel,.resource-panel,.turn-panel,.turn-return-panel,.gameplay-panel,.winner-panel{padding:20px}.panel-kicker{color:var(--terracotta);font:800 12px/1.3 Georgia,serif;letter-spacing:.12em}.placement-panel h2,.setup-complete-panel h2{margin:7px 0 10px;font-size:24px}.placement-panel>p,.setup-complete-panel>p{margin-bottom:15px;font-size:14px;line-height:1.55}.placement-panel .pending-hint{padding:10px 12px;border-radius:10px;color:#4b4530;background:#ede8cc}.placement-panel select{width:100%;min-height:50px;padding:11px 38px 11px 12px;border:1px solid #cdbb9f;border-radius:12px;color:var(--ink);background:#fffcf5;font-size:16px;text-overflow:ellipsis}.selection-help{margin:9px 0 13px!important;color:#7d7065;font-size:13px!important}.selection-help strong{color:var(--ink);font-size:16px;line-height:1.6}.placement-confirm{min-height:52px}.control-help{display:block;margin-top:9px;color:#895345;font-size:13px;line-height:1.45;text-align:center}.turn-panel-title{margin-bottom:14px;display:flex;align-items:end;justify-content:space-between;gap:12px}.turn-panel-title .panel-kicker b{font:inherit}.turn-panel-title>strong{color:#493c32;font:800 20px/1.25 Georgia,Nanum Myeongjo,serif;text-align:right}.turn-prompt{margin:0;padding:12px;border-radius:11px;color:#695b4f;background:#f0e6d5;font-size:14px;line-height:1.55;text-align:center}.dice-result{min-height:72px;padding:10px 12px;border:1px solid #d6c2a2;border-radius:15px;display:grid;grid-template-columns:48px 14px 48px 1fr;align-items:center;gap:7px;background:#fffdf79e}.die{width:48px;height:48px;border:2px solid #b59c77;border-radius:12px;display:grid;place-items:center;color:#46362b;background:#fffaf0;font:800 24px/1 Georgia,serif;box-shadow:inset 0 -4px #603e2517}.dice-plus{color:#8b7969;font-size:18px;font-weight:800;text-align:center}.dice-total{min-width:54px;justify-self:end;text-align:center}.dice-total small,.dice-total strong{display:block}.dice-total small{color:#827367;font-size:12px}.dice-total strong{margin-top:2px;color:var(--terracotta);font:800 29px/1 Georgia,serif}.production-summary{margin-top:13px;padding:13px;border-radius:13px;background:#eee8d5}.production-summary>strong{display:block;margin-bottom:7px;color:#4a4035;font-size:14px}.production-summary ul,.discard-wait-list{margin:0;padding:0;list-style:none}.production-summary li{min-height:29px;display:grid;grid-template-columns:minmax(72px,auto) 1fr;align-items:baseline;gap:8px;color:#65594e;font-size:13px}.production-summary li span{font-weight:750}.production-summary li b{min-width:0;font-weight:600;text-align:right;overflow-wrap:anywhere}.shortage-note{margin:9px 0 0;padding-top:9px;border-top:1px solid #d2c6a8;display:flex;align-items:flex-start;gap:7px;color:#754b38;font-size:13px;line-height:1.5}.shortage-note svg{width:17px;height:17px;flex:none}.turn-control-block{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.turn-control-block>p,.turn-control-block form>p{margin:0 0 12px;color:#5f5349;font-size:14px;line-height:1.55}.turn-control-block select{width:100%;min-height:50px;margin-bottom:10px;padding:11px 38px 11px 12px;border:1px solid #cdbb9f;border-radius:12px;color:var(--ink);background:#fffcf5;font-size:15px;text-overflow:ellipsis}.discard-fields{margin:0;padding:0;border:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.discard-fields label{min-width:0;margin:0}.discard-fields label>span{min-height:43px;padding:6px 2px;display:flex;flex-direction:column;justify-content:center;color:#5c4d41;font-size:13px;text-align:center}.discard-fields label small{color:#89796c;font-size:11px;font-weight:650}.discard-fields input{min-height:46px;padding:8px 4px;border-radius:9px;font-size:16px;font-weight:800;text-align:center}.discard-count{margin:9px 0!important;padding:7px 9px;border-radius:9px;color:#7d493d!important;background:#f4ddd3;font-weight:800;text-align:center}.discard-count[data-valid=true]{color:var(--green-dark)!important;background:#e0eadc}.discard-wait-list{margin-top:10px;display:grid;gap:5px}.discard-wait-list li{padding:7px 9px;border-radius:8px;color:#725143;background:#f1e4d5;font-size:13px;font-weight:750}.turn-return-panel>p{margin:0 0 11px;padding:10px 12px;border-radius:10px;color:#5b4328;background:#fff0c9;font-size:14px;line-height:1.5}.turn-panel .primary-button{min-height:52px}.score-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.score-strip>span{min-width:0;padding:9px 10px;border:1px solid #dbc9ac;border-radius:11px;background:#fffdf7a6}.score-strip>span[data-active=true]{border-color:#c8ad66;background:#f3e6bf}.score-strip strong,.score-strip b,.score-strip small{display:block}.score-strip strong{overflow:hidden;color:#4b3d32;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.score-strip b{margin-top:4px;color:var(--terracotta);font:800 18px/1 Georgia,serif}.score-strip small{margin-top:4px;color:#806f62;font-size:12px}.private-score{margin:9px 0 0;padding:8px 10px;border:1px solid #d7c189;border-radius:9px;color:#5b4939;background:#f5e9c6;font-size:13px;line-height:1.4}.private-score strong{margin-left:4px;color:var(--terracotta)}.private-score small{display:block;margin-top:2px;color:#837264;font-size:12px}.award-line{margin:10px 0 0;padding:8px 10px;border-radius:9px;color:#68594b;background:#eee6d6;font-size:13px;line-height:1.5}.gameplay-section{border-top:1px solid var(--line)}.gameplay-section:first-of-type{margin-top:14px}.gameplay-section summary{min-height:50px;padding:10px 2px;cursor:pointer;list-style:none;display:grid;grid-template-columns:1fr auto 20px;align-items:center;gap:7px;color:#4b3d32}.gameplay-section summary::-webkit-details-marker{display:none}.gameplay-section summary span{font-size:15px;font-weight:850}.gameplay-section summary small{color:#87766a;font-size:13px}.gameplay-section summary svg{width:18px;transition:transform .15s ease}.gameplay-section[open] summary svg{transform:rotate(180deg)}.gameplay-section-body{padding:2px 0 15px}.gameplay-section-body select,.development-hand+label+select,.road-card-fields select{width:100%;min-height:48px;margin-bottom:10px;padding:10px 34px 10px 11px;border:1px solid #cdbb9f;border-radius:11px;color:var(--ink);background:#fffcf5;font-size:14px;text-overflow:ellipsis}.cost-note{margin:-2px 0 10px;padding:7px 9px;border-radius:8px;color:#675447;background:#f0e6d5;font-size:13px;line-height:1.45}.bank-trade-fields>label{margin-bottom:8px}.bank-trade-fields label select,.bank-trade-fields label input{margin-top:5px}.bank-trade-fields>p{margin:2px 0 10px;color:#655346;font-size:13px;line-height:1.5;text-align:center}.trade-resource-pair{display:grid;gap:10px}.trade-resource-grid{min-width:0;margin:0;padding:9px;border:1px solid #d7c5a8;border-radius:11px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.trade-resource-grid legend{padding:0 4px;color:#59493e;font-size:13px;font-weight:800}.trade-resource-grid label{min-width:0;margin:0;text-align:center}.trade-resource-grid label>span{min-height:39px;display:flex;flex-direction:column;justify-content:center;color:#655449;font-size:12px}.trade-resource-grid label small{color:#8b7b6e;font-size:11px}.trade-resource-grid input{min-height:42px;padding:6px 2px;border-radius:8px;font-size:14px;font-weight:800;text-align:center}.trade-offer-list{margin:12px 0 0;padding:0;list-style:none;display:grid;gap:7px}.trade-offer-list>li{padding:10px;border:1px solid #d8c5a7;border-radius:11px;background:#fffdf79e}.trade-offer-list>li[data-status=ACCEPTED]{border-color:#9fb29a;background:#e5ecdd}.trade-offer-list>li[data-status=CANCELLED]{opacity:.68}.trade-offer-list li>div:first-child{display:flex;justify-content:space-between;gap:8px}.trade-offer-list li strong{color:#4a3c31;font-size:13px}.trade-offer-list li small{color:#806e62;font-size:12px}.trade-offer-list li p{margin:7px 0;color:#67574c;font-size:13px;line-height:1.45}.trade-offer-list li p span{display:block}.trade-offer-list .trade-decline-status{margin:4px 0 7px;color:#8a493c;font-weight:700}.trade-response-actions{display:flex;flex-wrap:wrap;gap:6px}.trade-response-actions button{flex:1 1 110px}.trade-offer-list li>div:last-child{display:flex;gap:6px}.trade-offer-list button{min-height:44px;padding:8px 13px;flex:1;border:1px solid #bda78a;border-radius:9px;color:#493a30;background:#eee0ca;font-size:13px;font-weight:800}.trade-offer-list button:first-child{color:#fff;border-color:var(--green);background:var(--green)}.trade-offer-list .empty-offer{color:#817268;font-size:13px;text-align:center}.buy-development{margin-bottom:12px}.development-hand{margin-bottom:12px;display:grid;gap:6px}.development-hand>span{min-height:45px;padding:8px 10px;border:1px solid #d7c3a1;border-radius:9px;display:flex;align-items:center;justify-content:space-between;gap:8px;background:#f5ead5}.development-hand strong{color:#514134;font-size:13px}.development-hand small{color:#806f62;font-size:12px;text-align:right}.development-hand p{margin:0;color:#7d6e63;font-size:13px;text-align:center}.road-card-fields{display:grid;gap:2px}.option-help{margin:7px 0 10px;color:#6e5d50;font-size:13px;font-weight:800;text-align:center}.gameplay-end-turn{margin-top:14px;padding-top:14px;border-top:2px solid #cdb996}.gameplay-end-turn p{margin:0 0 9px;color:#68584b;font-size:13px;line-height:1.5;text-align:center}.winner-panel{text-align:center}.winner-panel>svg{width:42px;height:42px;margin-bottom:5px;color:#b9802f}.winner-panel h2{margin:7px 0;font-size:24px}.winner-panel>p{margin-bottom:13px;font-size:14px;line-height:1.55}.winner-panel ol{margin:0;padding:0;list-style:none}.winner-panel li{min-height:39px;padding:7px 9px;border-top:1px solid #ddcbae;display:flex;justify-content:space-between;align-items:center;gap:10px;color:#5a493c;font-size:14px}.winner-panel li strong{color:var(--terracotta)}.setup-complete-panel{text-align:center}.setup-complete-panel>svg{width:42px;height:42px;color:var(--green)}.setup-exit{margin-top:16px;padding-top:15px;border-top:1px solid var(--line)}.setup-exit>p{margin:0 0 11px;padding:10px 12px;border-radius:10px;color:#5b4328;background:#fff0c9;font-size:14px;line-height:1.5}.return-confirm{padding-top:14px;border-top:1px solid var(--line)}.setup-exit>.return-confirm{padding-top:0;border-top:0}.return-confirm>strong{display:block;margin-bottom:12px;color:#4e4035;font-size:14px}.return-confirm>div{display:grid;grid-template-columns:1fr auto;gap:8px}.panel-heading{margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:10px;color:#514338;font-size:14px;font-weight:800}.panel-heading span{display:inline-flex;align-items:center;gap:7px}.panel-heading svg{width:17px}.panel-heading small{color:#8a796b;font-size:12px}.players-panel ul,.resource-panel ul{margin:0;padding:0;list-style:none}.players-panel li{min-height:54px;padding:8px 7px;border-radius:11px;display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:9px}.players-panel li+li{border-top:1px solid rgb(202 184 159 / 48%)}.players-panel li[data-current=true]{background:#f2e6c5}.players-panel li>i{width:11px;height:28px;border-radius:7px;box-shadow:inset 0 -3px #00000024}.players-panel li span,.players-panel li strong,.players-panel li small{min-width:0;display:block}.players-panel li strong{color:#493c32;font-size:14px}.players-panel li small{margin-top:3px;color:#83766c;font-size:12px}.players-panel li em{color:#8a5e51;font-size:12px;font-style:normal;font-weight:750;white-space:nowrap}.players-panel li em[data-connected=true]{color:var(--green)}.roll-panel ol{max-height:170px;margin:0;padding:0;overflow-y:auto;list-style:none}.roll-panel li{min-height:38px;display:grid;grid-template-columns:1fr auto 30px;align-items:center;gap:8px;color:#66584d;font-size:13px}.roll-panel li b{font-weight:600}.roll-panel li strong{width:28px;height:28px;border:1px solid #c9b794;border-radius:50%;display:grid;place-items:center;color:#4a3b2f;background:#fff9ec}.resource-panel ul{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.resource-panel li{min-width:0;min-height:58px;padding:7px 4px;border-radius:10px;color:#fff;display:grid;place-items:center;align-content:center;gap:3px;text-align:center}.resource-panel li[data-resource=wood]{background:#58765d}.resource-panel li[data-resource=brick]{background:#a5654d}.resource-panel li[data-resource=wool]{background:#829760}.resource-panel li[data-resource=grain]{color:#4f3f26;background:#d3ad58}.resource-panel li[data-resource=ore]{background:#707776}.resource-panel li span{max-width:100%;overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.resource-panel li strong{font-size:18px}.resource-panel>p{margin:0;font-size:13px;text-align:center}.board-unavailable{display:grid;place-items:center}.board-empty-state{max-width:580px;padding:40px;text-align:center}.board-empty-state>svg{width:38px;height:38px;color:var(--terracotta)}.board-empty-state h1{margin:12px 0;font-size:31px}.loading-screen{min-height:calc(100dvh - 165px);display:grid;place-content:center;justify-items:center;gap:12px;color:#f7e9d4}.loading-screen svg{width:28px}.loading-screen strong{font-size:16px}.board-load-recovery,.session-load-recovery{max-width:640px;margin:48px auto;padding:clamp(24px,5vw,48px);border:1px solid #dbc6a7;border-radius:24px;background:var(--cream);color:var(--ink);text-align:center;box-shadow:0 18px 40px #24160924}.board-load-icon{width:36px;height:36px;color:var(--terracotta)}.board-load-recovery h1,.session-load-recovery h1{margin:18px 0;font-size:clamp(26px,4vw,34px);line-height:1.35;word-break:keep-all;overflow-wrap:anywhere}.board-load-recovery p,.session-load-recovery p{margin:0 0 24px;font-size:16px;line-height:1.7;word-break:keep-all;overflow-wrap:anywhere}.board-load-recovery .primary-button,.session-load-recovery .primary-button{max-width:100%;min-height:48px;white-space:normal}.board-load-recovery .board-load-detail,.session-load-recovery .board-load-detail{margin:24px 0 0;font-size:14px}footer{max-width:1240px;min-height:42px;margin:16px auto 0;display:flex;justify-content:center;align-items:center;gap:7px;color:#cbb396;font-size:13px;text-align:center}footer svg{width:16px;flex:none}.app-shell>footer{flex-wrap:wrap}.beta-notice{flex-basis:100%;margin:8px auto 0;color:#d7c1a5;font-size:12px;line-height:1.7;text-align:center;word-break:keep-all}.beta-notice span{display:block}@media(max-width:820px){.welcome-layout{grid-template-columns:1fr;gap:10px;margin-top:36px}.welcome-art{min-height:250px}.welcome-art:before{width:280px;height:280px}.welcome-art:after{width:220px;height:220px}.welcome-art .board-mark{width:280px}.chooser-grid,.lobby-grid{grid-template-columns:1fr}.lobby-topline{align-items:stretch}.invite-ticket{width:240px}.ready-panel{display:grid;grid-template-columns:150px 1fr;grid-template-rows:auto auto auto auto;column-gap:20px;text-align:left}.ready-panel .mini-board{grid-row:1 / span 4}.ready-panel .eyebrow{align-self:end}.ready-panel .full,.ready-panel .start-help,.ready-panel .text-button{grid-column:1 / -1}.board-screen{margin-top:34px}.board-screen-heading{align-items:stretch}.board-layout{grid-template-columns:1fr}.board-viewport{height:62dvh;min-height:430px;position:relative;top:auto}.board-actions-jump{display:inline-flex}.board-side-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.placement-panel,.setup-complete-panel,.turn-panel,.gameplay-panel,.winner-panel{grid-column:1 / -1}}@media(max-width:600px){.app-shell{padding-left:max(15px,env(safe-area-inset-left));padding-right:max(15px,env(safe-area-inset-right))}.brand small{display:none}.brand-seal{width:42px;height:42px}.connection-pill{padding:8px 10px;font-size:14px}.connection-pill svg{display:none}.welcome-layout{display:block;min-height:auto;margin-top:34px}.welcome-art{min-height:190px}.welcome-art:before{width:210px;height:210px}.welcome-art:after{display:none}.welcome-art .board-mark{width:205px}.welcome-panel{padding:28px 22px;border-radius:23px}.welcome-panel h1{font-size:37px}.game-catalog{margin-top:38px}.game-catalog-heading h1{font-size:39px}.game-card{padding:18px;grid-template-columns:1fr;gap:20px;border-radius:23px}.game-card-art{min-height:190px}.game-card-art .board-mark{width:210px}.game-card-enter{width:100%;white-space:normal}.route-unavailable{min-height:330px;margin-top:38px;padding:28px 20px;border-radius:23px}.eyebrow,.brand small,.privacy-note,.invite-ticket small,.invite-ticket button,.seat-card small,.seat-state,.start-help,.connection-notice strong,.connection-notice span,.replaced-panel strong,.replaced-panel span,.error-banner strong,.error-banner small,.room-notice strong,.room-notice small,.kick-confirmation p,.kick-confirmation p span,.participant-row span{font-size:14px}.chooser-wrap,.lobby-wrap{margin-top:38px}.chooser-heading h1{font-size:39px}.chooser-grid{gap:14px}.tutorial-entry{padding:18px}.tutorial-entry>a{width:100%}.action-panel{padding:22px}.lobby-topline{display:block}.lobby-topline h1{font-size:38px}.invite-ticket{width:100%;margin-top:20px}.table-panel,.ready-panel{padding:18px;border-radius:22px}.table-summary{font-size:14px}.seat-card{min-height:82px;padding:11px;grid-template-columns:38px 1fr;gap:11px}.seat-controls{grid-column:2;justify-content:flex-start;flex-wrap:wrap}.seat-card.is-empty{grid-template-columns:38px 1fr}.seat-card.is-empty .seat-state{display:none}.ready-panel{display:block;text-align:center}.mini-board{height:130px}.replaced-panel,.kick-confirmation{align-items:stretch;flex-direction:column}.kick-confirmation>div{width:100%}.confirm-kick-button,.cancel-kick-button{flex:1}.match-pending{padding:32px 0}.match-paper{padding:28px 20px;border-radius:23px}.large-board{height:190px}.board-screen{margin-top:30px}.board-screen-heading{display:block}.board-screen-heading h1{font-size:37px}.turn-chip{width:100%;min-height:60px;margin-top:16px}.turn-chip small,.panel-kicker,.panel-heading small,.players-panel li small,.players-panel li em,.roll-panel li,.resource-panel li span,.resource-panel>p,.selection-help,.control-help,.board-help{font-size:14px!important}.board-viewport{height:56dvh;min-height:390px;border-radius:22px}.camera-reset{top:11px;right:11px}.board-actions-jump{top:11px;left:11px}.board-help{max-width:calc(100% - 22px);left:11px;bottom:11px}.board-side-panel{grid-template-columns:1fr}.placement-panel,.setup-complete-panel,.players-panel,.roll-panel,.resource-panel,.turn-panel,.turn-return-panel,.gameplay-panel,.winner-panel{padding:18px}.placement-panel>p,.setup-complete-panel>p,.panel-heading,.players-panel li strong{font-size:14px}.players-panel li{min-height:62px}.resource-panel li{min-height:66px}.resource-panel li span{white-space:normal}.return-confirm>div{grid-template-columns:1fr}.discard-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.discard-fields label:last-child{grid-column:1 / -1}footer{padding:10px 4px;flex-wrap:wrap;font-size:14px}footer .app-learning-links{width:100%;margin-left:0;justify-content:center;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.bot-policy{display:flex;align-items:flex-start;gap:.7rem;margin:1rem 0;text-align:left;font-size:1rem}.bot-policy input{flex:0 0 auto;width:1.2rem;height:1.2rem;margin-top:.2rem;accent-color:var(--green, #316b58)}.bot-policy small{display:block;margin-top:.45rem;font-size:.86rem;line-height:1.5;opacity:.8}