.debug-download[data-v-d8280dac]{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:14px 0}.debug-download small[data-v-d8280dac]{font-size:11px;line-height:1.7;color:#75806a;flex:1;min-width:180px}.registration-admin[data-v-c6128955]{display:grid;gap:18px}.registration-admin .panel[data-v-c6128955]{padding:22px}.registration-admin p[data-v-c6128955]{font-size:13px;line-height:1.8}.registration-admin textarea[data-v-c6128955]{width:100%;font-family:monospace;resize:vertical;font-size:12px;white-space:pre;overflow:auto}.code-toolbar[data-v-c6128955]{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.code-list[data-v-c6128955]{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:12px}.code-entry[data-v-c6128955]{border:1px solid var(--line);border-radius:12px;padding:16px;display:grid;gap:10px;background:#fffdf5}.code-entry code[data-v-c6128955]{font-size:12px;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}.code-entry small[data-v-c6128955]{line-height:1.8;color:#666}.unused[data-v-c6128955]{color:#347844}.used[data-v-c6128955]{color:#856327}.role-editor-row[data-v-07598041]{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-bottom:1px solid #ddd;padding:16px 0}.role-editor-row>div[data-v-07598041]{display:flex;align-items:center;gap:8px}.role-editor-row textarea[data-v-07598041]{width:100%;min-height:90px;resize:vertical}.role-editor-row label[data-v-07598041]{display:flex;flex-direction:column;gap:6px}@media(max-width:600px){.role-editor-row[data-v-07598041]{grid-template-columns:1fr}}.admin-page[data-v-78f6ace3]{padding:24px 0 48px;max-width:1100px;margin:auto;min-height:65vh;overflow-wrap:anywhere}.admin-page-heading[data-v-78f6ace3]{display:flex;justify-content:flex-end;margin-bottom:12px}.admin-page .tabs[data-v-78f6ace3]{display:flex;flex-wrap:wrap;gap:6px}.admin-page input[data-v-78f6ace3],.admin-page select[data-v-78f6ace3]{min-width:0}.admin-page .form-row[data-v-78f6ace3]>*{min-width:0}.admin-page .admin-user[data-v-78f6ace3]{flex-wrap:wrap;gap:10px}@media(max-width:600px){.admin-page[data-v-78f6ace3]{padding-top:16px}.admin-page .tabs button[data-v-78f6ace3]{flex:1 0 28%;padding:12px 6px}.admin-page .form-row[data-v-78f6ace3]{flex-direction:column}.admin-page .form-row[data-v-78f6ace3]>*{width:100%}}.restore-session[data-v-8b1d8e4d]{display:grid;align-content:center;justify-items:center;min-height:65svh;text-align:center;padding:24px}.restore-session>span[data-v-8b1d8e4d]{font-size:48px;color:#318f9b}.restore-session p[data-v-8b1d8e4d]{color:#68777b}:root{font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#223c38;background:#f5f3e9;font-synthesis:none;font-weight:400;--ink:#223c38;--muted:#748079;--paper:#fffef8;--orange:#ed7957;--green:#284b43;--line:#dddfd2}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:0;background:transparent;color:inherit;transition:background .18s,transform .18s,box-shadow .18s}button:disabled{cursor:not-allowed;opacity:.45}button:not(:disabled):active{transform:translateY(1px)}button:focus-visible,a:focus-visible{outline:3px solid #e39e37;outline-offset:4px}input,select{width:100%;border:1px solid var(--line);border-radius:9px;background:#fffef9;padding:13px 14px;color:var(--ink);outline:none;min-height:46px}input:focus,select:focus{border-color:var(--green);box-shadow:0 0 0 3px #284b4310}label{display:block;font-size:13px;font-weight:600;margin:19px 0 8px}label input,label select{margin-top:8px}h1,h2,h3,p{margin-top:0}h1{font-size:34px;letter-spacing:-1.5px;line-height:1.35}h2{font-size:23px;letter-spacing:-.5px;line-height:1.45}h3{font-size:17px}p{font-size:14px;line-height:1.9}small{font-size:11px}a{color:inherit;text-decoration:none}.muted{color:var(--muted)}.eyebrow,.section-number{font-size:10px;letter-spacing:2px;font-weight:750;color:#6d8277;display:block;margin-bottom:11px}.app-shell{max-width:1440px;margin:auto;padding:0 56px}.topbar{height:102px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:13px}.brand-icon{display:grid;place-items:center;background:var(--green);color:#f9d488;width:44px;height:44px;border-radius:50%;font-size:34px;line-height:1}.brand strong{display:block;font-size:21px;letter-spacing:1px}.brand small{display:block;font-size:8px;letter-spacing:2px;margin-top:5px}.top-actions{display:flex;align-items:center;gap:16px}.connection{display:flex;align-items:center;gap:7px;color:#929c94;font-size:11px;white-space:nowrap}.connection i{width:6px;height:6px;border-radius:50%;background:#d89249}.connection.connected i{background:#558a67}.icon-button{border:1px solid var(--line);width:32px;height:32px;border-radius:50%;font-weight:700}.nav-button{font-size:13px}.avatar-button{display:flex;align-items:center;gap:8px}.avatar-button>span,.avatar-button>img{width:34px;height:34px;object-fit:cover;border-radius:50%;background:#e3e8d9;display:grid;place-items:center}.avatar-button b{font-size:12px}.primary,.secondary,.danger{min-height:46px;padding:12px 22px;border-radius:8px;font-size:13px;font-weight:650;white-space:normal}.primary{background:var(--green);color:#fff;box-shadow:0 3px #19392f}.primary:not(:disabled):hover{background:#366354}.secondary{background:#f9f8ef;border:1px solid #cdd5c5}.secondary:not(:disabled):hover{background:#eef0e3}.danger{background:#f4d7cd;color:#913a2b}.danger-text{color:#9f4a39!important}.full{width:100%}.text-button{font-size:12px;min-height:42px;padding:8px 10px;color:#6a7c70}.text-button:hover{text-decoration:underline}.auth-layout{min-height:690px;display:grid;grid-template-columns:1.25fr 1fr;gap:80px;align-items:center;padding:64px 36px 58px}.hero{position:relative}.hero-label{font-size:9px;font-weight:700;letter-spacing:2px;display:flex;align-items:center;gap:9px;margin-bottom:24px}.hero-label span{font-size:7px;color:var(--orange)}.hero h1{font-size:62px;letter-spacing:-3px;line-height:1.2;margin-bottom:23px;font-weight:850}.hero h1 em{font-style:normal;color:var(--orange);position:relative}.hero p{color:#697b70;font-size:15px;line-height:2}.hero-chips{display:flex;gap:10px;margin-top:22px}.hero-chips span{font-size:10px;border:1px solid #d7dacb;padding:7px 12px;border-radius:50px}.hero-art{height:230px;position:relative;margin-top:25px;width:100%;max-width:480px}.oval-track{height:144px;width:85%;border:2px solid #d4d8c8;border-radius:100px;transform:rotate(-10deg);position:absolute;top:43px;left:15px;box-shadow:inset 0 0 0 12px #f5f3e9,inset 0 0 0 14px #d4d8c8,inset 0 0 0 26px #f5f3e9,inset 0 0 0 28px #d4d8c8}.art-runner{position:absolute;font-size:48px;transform:rotate(10deg);filter:drop-shadow(3px 5px 0 #d5d4c4)}.frog{top:-22px;left:50px}.rocket{right:25px;top:25px;font-size:63px}.banana{bottom:-16px;left:170px}.art-number{position:absolute;left:135px;top:43px;font-size:42px;font-weight:900;font-style:italic;color:#d9ddcb}.finish-flag{position:absolute;bottom:-28px;left:-14px;font-size:45px}.sticker{position:absolute;bottom:-5px;right:0;background:#edd394;padding:15px 20px;font-size:11px;line-height:1.7;transform:rotate(6deg);box-shadow:2px 3px #d8c07f}.auth-card{background:var(--paper);padding:42px 38px 26px;border:1px solid #e0e3d7;border-radius:16px;box-shadow:0 20px 40px #344d2e07;max-width:425px}.auth-card h2{font-size:26px;margin-bottom:9px}.auth-card .muted{font-size:12px}.auth-card .primary{margin-top:25px}.auth-switch{display:block;margin:14px auto 20px}.auth-note{border-top:1px solid #e7e8dc;padding-top:21px;color:#899584;font-size:10px;display:flex;gap:10px;align-items:center}.auth-note span{color:var(--orange);font-size:19px}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:24px 0;font-size:9px;color:#909a8a;letter-spacing:1px}.toast{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:100;max-width:calc(100vw - 24px);padding:12px 20px;background:#eff5e7;color:#36563e;border:1px solid #cbdbc4;border-radius:9px;box-shadow:0 4px 15px #203e2420;font-size:13px;display:flex;gap:20px;align-items:center}.toast.error{background:#fff0e8;border-color:#e7bca8;color:#8a402b}.toast button{font-size:22px}.lobby-layout,.room-layout{padding:42px 0 65px;min-height:calc(100vh - 170px)}.page-intro,.room-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:20px}.page-intro h1{margin-bottom:10px}.page-intro p{margin-bottom:0}.lobby-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.panel{border:1px solid var(--line);background:var(--paper);border-radius:13px;padding:32px}.room-create{background:#e9eddf}.room-join{background:#f4e8d7}.section-number{margin-bottom:28px}.panel p{color:#7b8577}.panel form{max-width:400px}.panel form button{margin-top:17px}.code-input{letter-spacing:4px;text-transform:uppercase}.return-room{margin-top:20px;background:#e9eddf;border-radius:9px;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;font-size:13px}.room-directory{margin-top:40px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.section-heading h2{margin-bottom:8px}.section-heading p{margin:0;color:var(--muted)}.section-heading h2 small{color:var(--muted);margin-left:8px}.empty{text-align:center;padding:40px;border:1px dashed #d0d7c9;border-radius:10px;color:#83927f}.empty>span{font-size:38px}.empty p{margin:15px 0 0}.room-list{display:grid;grid-template-columns:1fr 1fr;gap:15px}.room-tile{display:flex;align-items:center;gap:15px;background:var(--paper);padding:18px;border:1px solid var(--line);border-radius:10px}.room-tile-icon{background:#e9eddf;padding:12px 17px;border-radius:10px;font-size:23px}.room-tile h3{margin:0 0 8px}.room-tile small{color:var(--muted)}.room-tile button{margin-left:auto}.room-header h1{font-size:28px;margin-bottom:0}.room-tools{display:flex;flex-wrap:wrap}.players{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-bottom:24px}.player{position:relative;display:flex;align-items:center;gap:10px;background:#fffef8;border:1px solid var(--line);border-top:3px solid var(--player-color);border-radius:9px;padding:14px 12px;min-width:0}.player.self{background:#fffefa}.player.playing{box-shadow:0 0 0 2px var(--player-color)}.player-avatar{flex-shrink:0;width:38px;height:38px;border-radius:50%;overflow:hidden;background:color-mix(in srgb,var(--player-color) 20%,white);display:grid;place-items:center}.player-avatar img{width:100%;height:100%;object-fit:cover}.player-text{min-width:0}.player-text>strong{font-size:12px;display:block;overflow-wrap:anywhere}.player-text>strong small{font-size:9px;color:#9d8b5b;font-weight:400}.player-text>span{font-size:10px;display:block;color:#9b9e8c;margin-top:5px;line-height:1.5}.player-text>span.ready{color:#4b8665}.player-score{margin-left:auto;font-size:26px;white-space:nowrap}.player-score small{font-size:10px;font-weight:400;display:block;text-align:center}.kick{position:absolute;right:5px;top:6px;font-size:16px;color:#9f8b7d;min-width:26px;min-height:30px}.waiting-room{display:grid;grid-template-columns:1fr 1.25fr;gap:60px;background:var(--paper);border:1px solid var(--line);border-radius:13px;padding:50px;margin-top:30px}.waiting-art{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:125px;background:repeating-radial-gradient(ellipse at center,#edf0df 0,#edf0df 1px,transparent 2px,transparent 24px);border-radius:50%;height:320px}.waiting-art span{font-size:15px;margin-top:20px;font-weight:650}.waiting-info h2{font-size:25px}.waiting-info p{color:var(--muted)}.waiting-info .content-note{font-size:11px;line-height:1.8;margin-top:20px}.action-row{display:flex;gap:12px;margin:25px 0 20px}.room-settings{max-width:300px}.race-progress{display:flex;gap:6px;margin-bottom:30px}.race-progress>span{flex:1;border-top:2px solid #d8dccb;padding-top:10px;font-size:11px;color:#9ba18f}.race-progress>span b{font-size:15px;margin-right:8px}.race-progress>span small{display:block;margin-top:5px;font-size:9px}.race-progress .current{border-color:var(--orange);color:#c26649}.race-progress .done{border-color:#73977f;color:#73977f}.role-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.role-card{text-align:left;background:#fffef7;border:1px solid #dce0d0;border-radius:12px;min-height:238px;padding:17px 18px;display:flex;flex-direction:column;position:relative}.role-card:not(:disabled):hover{border-color:#a8b595;box-shadow:0 6px 12px #435c2b12;transform:translateY(-3px)}.role-card.selected{border:2px solid var(--orange);background:#fff4e5;padding:16px 17px}.role-card:disabled{opacity:.66}.role-number{color:#a1aa94;font-size:9px;letter-spacing:1px;display:flex;justify-content:space-between;width:100%}.role-number b{color:#ce704d;letter-spacing:0}.role-emoji{font-size:43px;display:block;margin:15px 0 10px}.role-card strong{font-size:17px;margin-bottom:10px}.role-card p{font-size:11px;line-height:1.9;color:#7b8776;margin:0}.role-card.small{min-height:120px}.role-card.small .role-emoji{font-size:30px}.pill{background:#e9edde;color:#6d8069;font-size:10px;padding:7px 12px;border-radius:50px;display:inline-block;white-space:nowrap}.my-roster{margin-top:30px}.my-roster .pill{margin:3px}.my-roster h3{font-size:13px}.selection-submit{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:25px 0}.selection-submit p{margin:0;color:var(--muted)}.board{background:#e7edde;border:1px solid #d5dfc9;border-radius:15px;padding:25px 28px}.board-heading{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:24px}.board-heading h2{font-size:22px;margin:0}.board-heading .eyebrow{font-size:8px;color:#91a183;margin-bottom:5px}.board-heading .pill{background:#f5f6e9}.track{display:flex;flex-direction:column;gap:8px}.track-row{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}.space{min-height:94px;border-radius:9px;background:#f6f7e9;border:1px solid #d4ddc9;position:relative;padding:9px;box-shadow:0 3px #cbd6be}.space.start{background:#d2e4cc}.space.finish{background:#2c5145;color:#f9edc4}.space.special{background:#f6dbb4;border-color:#e5c99e;box-shadow:0 3px #d8c196}.space-index{font-size:10px;font-weight:650;opacity:.65}.space-effect{display:block;font-size:9px;color:#ab7949;min-height:13px;margin-top:3px}.tokens{display:flex;flex-wrap:wrap;gap:3px;margin-top:4px}.token{width:25px;height:25px;display:inline-flex;align-items:center;justify-content:center;position:relative;border-radius:50%;font-size:11px;font-weight:700;color:#fff;box-shadow:0 2px 2px #20372835;border:1px solid #ffffff80}.token small{font-size:7px;position:absolute;bottom:-3px;right:-2px;background:#f9f5df;color:#29432e;border-radius:50%;width:11px;height:11px;text-align:center;line-height:11px}.token.active{outline:2px solid #435a39;outline-offset:2px}.token.tripped{transform:rotate(-30deg);opacity:.65}.token.mine:after{content:"";width:4px;height:4px;background:#f7d868;border-radius:50%;position:absolute;top:-5px}.board-caption{display:flex;justify-content:space-between;font-size:9px;color:#8b9b7f;margin-top:19px}.racer-status{display:flex;flex-wrap:wrap;gap:5px;margin:17px 0 24px}.racer-status>span{font-size:10px;padding:6px 9px;color:#87947c;border-radius:5px;background:#edeee3}.racer-status>span.own{background:#e4e9d9;color:#4a6746}.decision-panel{position:sticky;bottom:12px;display:flex;align-items:center;gap:20px;padding:22px 25px;background:var(--paper);border:1px solid #d5ddca;border-radius:12px;box-shadow:0 6px 30px #31442018;z-index:5}.dice{flex-shrink:0;width:56px;height:56px;display:grid;place-items:center;background:#f4e8cf;border-radius:12px;font-size:47px;color:#a17b3b}.decision-copy{min-width:0}.decision-copy .eyebrow{font-size:8px;margin-bottom:6px}.decision-copy h2{font-size:17px;margin-bottom:4px}.decision-copy p{font-size:10px;color:var(--muted);margin:0}.decision-options{margin-left:auto;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;max-width:55%}.decision-options button{font-size:12px}.waiting-dot{font-size:13px;color:#a5ad9b;padding:10px}.pause{border-color:#edcaaa;background:#fff5e6}.results{text-align:center;padding:40px}.result-medal{display:block;font-size:70px;margin-bottom:20px}.results h1{font-size:30px;margin-bottom:15px}.scoreboard{max-width:420px;margin:25px auto;text-align:left}.scoreboard article{display:flex;gap:18px;align-items:center;padding:15px;border-bottom:1px solid var(--line)}.scoreboard article>b{font-size:13px;color:#9ba786}.scoreboard article>strong{font-size:15px}.scoreboard article>span{margin-left:auto;font-size:25px;font-weight:700}.scoreboard small{font-size:10px;font-weight:400;margin-left:8px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#18372d72;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:20;display:flex;justify-content:center;align-items:center;padding:24px}.modal{position:relative;max-height:90dvh;overflow:auto;background:var(--paper);border-radius:15px;width:460px;padding:34px;box-shadow:0 15px 50px #142e3240}.modal.wide{width:880px}.close{position:absolute;right:16px;top:10px;font-size:29px;color:#8b9881;min-width:40px;min-height:40px}.modal .eyebrow{margin-top:5px}.modal h2{padding-right:12px}.modal .reference{margin-top:23px;grid-template-columns:repeat(3,1fr)}.modal .reference .role-card{min-height:230px}.profile-avatar{width:82px;height:82px;border-radius:50%;background:#e9eddf;display:grid;place-items:center;font-size:30px;overflow:hidden;margin:15px auto}.profile-avatar img{width:100%;height:100%;object-fit:cover}.file-button{text-align:center;color:#5e7960;cursor:pointer;margin:10px 0 25px}.file-button input{display:none}.modal>.primary{margin-top:20px}hr{border:0;border-top:1px solid var(--line);margin:28px 0}.success{color:#608056!important;margin-top:14px}.tabs{display:flex;gap:10px;flex-wrap:wrap;border-bottom:1px solid var(--line);margin-bottom:20px}.tabs button{font-size:13px;padding:11px 16px}.tabs .current{border-bottom:2px solid var(--green);font-weight:700}.create-user{background:#f0f2e7;padding:18px;border-radius:10px;margin-bottom:25px}.create-user h3{font-size:14px}.form-row{display:flex;gap:10px;margin:10px 0}.form-row>*{min-width:0;flex:1}.admin-user{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.admin-user strong{font-size:13px}.admin-user small,.audit-item small{display:block;font-size:10px;color:#8c9883;margin-top:7px}.edit-user{padding:25px;background:#edf1e1;border-radius:10px;margin-top:20px}.checkbox{display:flex;gap:8px;align-items:center}.checkbox input{width:18px;min-height:18px}.audit-item{padding:14px 0;border-bottom:1px solid var(--line);font-size:12px;overflow-wrap:anywhere}pre{font-size:10px;overflow:auto;background:#edf1e5;padding:15px;max-height:400px}.timeline{list-style:none;padding:0}.timeline li{display:flex;flex-direction:column;gap:6px;padding:15px 0 15px 16px;border-left:2px solid #e3e9d8;border-bottom:1px solid #edf0e6}.timeline li span{font-size:9px;color:#94a187}.timeline li strong{font-size:12px;font-weight:500;line-height:1.6}.timeline li small{font-size:9px;color:#a1aa96}@media(min-width:1300px){.hero h1{font-size:70px}.auth-layout{gap:100px}}@media(max-width:1050px){.app-shell{padding:0 30px}.auth-layout{gap:35px;padding:55px 0}.hero h1{font-size:53px}.role-grid{grid-template-columns:repeat(3,1fr)}.waiting-room{gap:30px;padding:30px}.waiting-art{font-size:95px;height:260px}.players{grid-template-columns:repeat(3,1fr)}.decision-panel{gap:12px}.space{padding:6px}.track-row{gap:5px}.track{gap:6px}}@media(max-width:720px){.app-shell{padding:0 18px}.topbar{height:79px}.brand strong{font-size:17px}.brand small{font-size:6px;letter-spacing:1.5px}.brand-icon{width:35px;height:35px;font-size:28px}.brand,.top-actions{gap:8px}.connection{font-size:9px}.avatar-button b{display:none}.nav-button{font-size:11px}.icon-button{display:none}.auth-layout{display:flex;flex-direction:column;gap:28px;padding:32px 0 45px;min-height:auto}.hero{width:100%;text-align:center}.hero-label{font-size:7px;justify-content:center;letter-spacing:1.5px;margin-bottom:17px}.hero h1{font-size:45px;line-height:1.25;letter-spacing:-2px;margin-bottom:14px}.hero h1 br{display:none}.hero p{font-size:12px;line-height:1.8;margin-bottom:12px}.hero-chips{justify-content:center;margin-top:13px}.hero-chips span{font-size:9px;padding:5px 10px}.hero-art{display:none}.auth-card{width:100%;padding:30px 25px 22px;max-width:440px}.auth-card h2{font-size:24px}.auth-note{padding-top:15px}footer{flex-direction:column;align-items:center;text-align:center;gap:8px;padding:20px 0;font-size:7px}.lobby-layout,.room-layout{padding:27px 0 36px}.page-intro{align-items:flex-start;gap:5px}.page-intro h1{font-size:25px;letter-spacing:-1px}.page-intro .text-button{flex-shrink:0;font-size:10px;padding:5px 0}.page-intro p{font-size:12px}.lobby-grid{grid-template-columns:1fr;gap:16px}.panel{padding:24px}.section-number{margin-bottom:15px}.panel h2{font-size:21px}.room-create p,.room-join p{font-size:12px;margin-bottom:0}.room-list{grid-template-columns:1fr}.room-tile{padding:14px;gap:10px}.room-tile h3{font-size:14px}.room-tile .secondary{font-size:11px;min-height:38px;padding:8px 13px}.room-directory{margin-top:30px}.section-heading h2{font-size:20px}.section-heading .text-button{padding:5px;font-size:11px}.return-room{padding:12px;font-size:11px;gap:10px}.return-room .secondary{padding:8px 12px;min-height:36px;font-size:11px}.room-header{align-items:flex-start;flex-direction:column;gap:8px;margin-bottom:17px}.room-header h1{font-size:25px}.room-tools{margin-left:-10px}.room-tools .text-button{font-size:11px;min-height:32px}.players{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:20px}.player{padding:10px 9px;gap:8px}.player-avatar{width:30px;height:30px;font-size:13px}.player-text>strong{font-size:11px}.player-text>strong small{font-size:8px}.player-text>span{font-size:9px}.player-score{font-size:21px}.waiting-room{display:flex;flex-direction:column;padding:24px;gap:15px;margin-top:16px}.waiting-art{height:135px;font-size:67px;border-radius:10px;background:#ecf0df}.waiting-art span{font-size:11px;margin-top:0}.waiting-info h2{font-size:21px}.waiting-info p{font-size:12px}.waiting-info .eyebrow{margin-top:10px}.action-row{flex-wrap:wrap;gap:10px}.action-row button{flex:1;padding:12px 14px}.waiting-info>small{font-size:9px}.race-progress{gap:5px;margin-bottom:24px}.race-progress>span{font-size:9px;padding-top:7px}.race-progress>span b{display:block;font-size:14px;margin-bottom:4px}.race-progress>span small{font-size:7px}.role-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.role-card{padding:13px;min-height:220px}.role-card.selected{padding:12px}.role-emoji{font-size:37px;margin:12px 0 8px}.role-card strong{font-size:15px}.role-card p{font-size:10px;line-height:1.8}.section-heading{align-items:flex-start;gap:8px}.section-heading h2{font-size:18px}.section-heading p{font-size:11px}.section-heading .pill{font-size:9px;padding:6px 8px}.selection-submit{flex-direction:column;align-items:stretch;gap:12px}.selection-submit p{font-size:12px}.board{padding:15px 9px;border-radius:11px;margin:0 -7px}.board-heading{padding:0 5px;margin-bottom:18px}.board-heading h2{font-size:17px}.board-heading .pill{font-size:8px;padding:5px 8px}.board-heading .eyebrow{font-size:7px;letter-spacing:1px}.track{gap:5px}.track-row{gap:4px}.space{min-height:70px;padding:4px 3px;border-radius:6px}.space-index{font-size:8px}.space-effect{font-size:6px;min-height:9px}.tokens{gap:2px;margin-top:2px}.token{width:18px;height:18px;font-size:8px;box-shadow:none}.token small{font-size:6px;width:9px;height:9px;line-height:9px;bottom:-2px;right:-1px}.token.active{outline-width:1px;outline-offset:1px}.board-caption{font-size:7px;gap:5px;padding:0 4px;margin-top:12px}.racer-status{gap:4px;margin:12px 0 18px}.racer-status>span{font-size:8px;padding:5px}.decision-panel{bottom:max(8px,env(safe-area-inset-bottom));padding:15px;gap:10px;flex-wrap:wrap}.dice{width:43px;height:43px;font-size:36px;border-radius:9px}.decision-copy{flex:1}.decision-copy h2{font-size:15px}.decision-copy .eyebrow{font-size:7px}.decision-copy p{font-size:9px}.decision-options{max-width:100%;width:100%;margin:5px 0 0;justify-content:stretch}.decision-options button{flex:1;min-width:90px;min-height:44px;padding:10px;font-size:12px}.waiting-dot{font-size:10px;padding:0}.results{padding:28px 18px}.results h1{font-size:23px;letter-spacing:-1px}.result-medal{font-size:58px}.results p{font-size:12px}.modal-backdrop{padding:12px;align-items:center}.modal{width:100%;padding:27px 20px;max-height:93dvh;border-radius:12px}.modal.wide{width:100%}.modal h2{font-size:21px}.modal .reference{grid-template-columns:repeat(2,minmax(0,1fr))}.modal .reference .role-card{min-height:225px}.modal>p{font-size:12px}.tabs{gap:2px}.tabs button{font-size:11px;padding:11px 12px}.form-row{flex-wrap:wrap}.create-user{padding:14px}.create-user input{font-size:12px;padding:10px}.scoreboard article{padding:12px}.toast{font-size:11px;padding:11px 14px;width:max-content}.close{right:8px;top:6px}.pause h2{font-size:18px}.pause p{font-size:12px}.connection:not(.connected){max-width:72px}.return-room>span{line-height:1.7}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media(max-width:720px){.hero h1 br{display:block}.hero h1{font-size:43px}}.space.void{visibility:hidden}.player-text>strong small{white-space:nowrap;display:inline-block}.admin-avatar{width:60px;height:60px;object-fit:cover;border-radius:50%}.scoreboard .podium-counts{display:block;font-size:11px;font-weight:400;margin-top:6px;color:#667158}.results .ranking-rule{font-size:12px;line-height:1.7;color:#737b68}.remember-login{font-size:12px}.role-portrait{display:inline-block;width:64px;height:64px;position:relative;flex-shrink:0;filter:drop-shadow(0 3px 1px #163d2920)}.role-portrait svg{width:100%;height:100%}.role-portrait>span{position:absolute;top:7%;right:0;bottom:0;left:0;text-align:center;font-size:38px;line-height:1.25}.role-card>.role-portrait{width:82px;height:82px;margin:10px auto;display:block}.role-card>.role-portrait>span{font-size:48px}.scenic-board{--ground:#d5e8c7;--road:#e4cf9d;--road-edge:#bca97d;background:#f6faee;overflow:hidden}.scenic-board.candy{--ground:#e5d6ed;--road:#f2c6be;--road-edge:#c79db7;background:#faf0fa}.scenic-board.lava{--ground:#39485c;--road:#ca8769;--road-edge:#8b5b51;background:#edf0f4}.theme-picker{font-size:11px;max-width:150px}.theme-picker select{padding:8px;margin-top:4px;background:#ffffffc9}.track-stage{position:relative;width:100%;isolation:isolate}.scenic-track{width:100%;display:block;overflow:visible}.map-number{font:800 12px sans-serif;fill:#514734}.map-effect{font:700 12px sans-serif;fill:#835322}.scenery-title{font:800 13px sans-serif;letter-spacing:2px;fill:#fff;opacity:.8}.runner-piece{position:absolute;transform:translate(-50%,-50%);width:34px;height:36px;transition:left .18s linear,top .18s linear;z-index:2;filter:drop-shadow(0 3px 2px #0003)}.runner-piece .role-portrait{width:100%;height:100%;background:#fff;border-radius:50%;border:2px solid var(--runner-color)}.runner-piece .role-portrait>span{font-size:22px}.runner-piece small{position:absolute;bottom:-4px;right:-4px;border-radius:50%;background:var(--runner-color);color:#fff;width:15px;height:15px;text-align:center;font-size:10px;font-weight:900}.runner-piece.active{z-index:4}.runner-piece.active:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:2px dashed var(--runner-color);border-radius:50%}.runner-piece.mine .role-portrait{box-shadow:0 0 0 2px #fff}.runner-piece.moving{z-index:6}.runner-piece.moving .role-portrait{animation:runner-hop .2s ease-in-out infinite alternate}.runner-piece.tripped .role-portrait{transform:rotate(65deg)}.runner-piece.eliminated{opacity:.3;filter:grayscale(1)}.track-live{display:flex;align-items:center;gap:18px;padding:18px 0 6px}.track-live>div:nth-child(2){flex:1;min-width:0}.track-live strong,.track-live small{display:block}.track-live small{font-size:11px;color:#677365;margin-top:5px}.runner-legend{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.runner-legend>span{display:flex;align-items:center;gap:4px;border-left:3px solid var(--runner-color);background:#ffffffb0;padding:3px 7px;border-radius:8px;font-size:11px}.runner-legend .role-portrait{width:28px;height:28px}.runner-legend .role-portrait>span{font-size:18px}.runner-legend small{color:#637367}.dice-stage{width:76px;height:76px;perspective:400px;position:relative;flex-shrink:0;display:grid;place-items:center}.dice-cube{width:48px;height:48px;transform-style:preserve-3d;transform:rotateX(-12deg) rotateY(-16deg);transition:transform .3s}.dice-face{position:absolute;width:48px;height:48px;border-radius:10px;padding:9px;display:grid;grid-template-columns:repeat(3,1fr);gap:3px;background:linear-gradient(145deg,#fffef6,#f9d7ac);border:1px solid #cbac83;box-shadow:inset 0 0 0 3px #fff5;backface-visibility:hidden}.dice-face i{border-radius:50%}.dice-face i.pip{background:#225c4b;box-shadow:inset 0 1px 1px #0005}.face-1{transform:translateZ(24px)}.face-2{transform:rotateY(90deg) translateZ(24px)}.face-3{transform:rotateY(180deg) translateZ(24px)}.face-4{transform:rotateY(-90deg) translateZ(24px)}.face-5{transform:rotateX(90deg) translateZ(24px)}.face-6{transform:rotateX(-90deg) translateZ(24px)}.rolling .dice-cube{animation:dice-tumble .8s cubic-bezier(.3,.1,.2,1) infinite}.dice-shadow{position:absolute;bottom:2px;width:44px;height:9px;border-radius:50%;background:#29452f25;filter:blur(3px);z-index:-1}.map-source{display:flex;flex-direction:column;gap:9px;margin:14px 0;padding:24px;border-radius:18px;background:#eee8df;color:#244b40;text-decoration:none;border:1px solid #0001}.map-source span{font-size:13px;line-height:1.6}.mild-source{background:linear-gradient(120deg,#d5e8c7,#f4e9bf)}.wild-source{background:linear-gradient(120deg,#e3d5ee,#f7cead)}.click-bloom{position:fixed;width:14px;height:14px;border:3px solid #f0b251;border-radius:50%;pointer-events:none;z-index:9999;animation:click-bloom .5s ease-out forwards}.map-source,button{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #de9d38;outline-offset:3px}button:not(:disabled):active{transform:scale(.96)}@keyframes runner-hop{to{translate:0 -5px;rotate:5deg}}@keyframes dice-tumble{0%{transform:rotateX(-12deg) rotateY(-16deg) translateY(0)}40%{transform:rotateX(220deg) rotateY(310deg) translateY(-14px)}to{transform:rotateX(708deg) rotateY(704deg) translateY(0)}}@keyframes click-bloom{to{transform:translate(-50%,-50%) scale(4);opacity:0}}@media(max-width:600px){.scenic-board{padding:14px 9px}.scenic-board .board-heading{gap:8px;align-items:center}.scenic-board h2{font-size:18px}.theme-picker{max-width:100px}.theme-picker select{font-size:12px}.track-stage{aspect-ratio:800/610}.scenic-track{height:100%}.runner-piece{width:23px;height:25px}.runner-piece .role-portrait>span{font-size:15px}.runner-piece small{width:11px;height:11px;font-size:8px}.runner-legend{gap:5px}.runner-legend>span{padding:2px 4px;flex:1 0 45%}.track-live{gap:8px}.track-live strong{font-size:13px}.track-live>.pill{display:none}.dice-stage{width:64px;height:70px}.map-source{padding:18px}.decision-options button{min-height:44px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}.click-bloom{display:none}}.scenic-board .track-stage{max-width:960px;margin:auto}.decision-panel{position:relative;bottom:auto}.reference-boards{margin:20px 0}.reference-boards img{width:100%;border-radius:12px}.reference-boards figcaption{font-size:11px;color:#657267;line-height:1.6;margin-top:8px}@media(min-width:900px){.runner-piece{width:42px;height:44px}.runner-piece .role-portrait>span{font-size:27px}}@media(max-width:600px){.map-number{font-size:16px}.map-effect{font-size:15px}}.scenic-board{margin-left:0;margin-right:0;min-width:0}.runner-piece.speaking{z-index:12}.speech-bubble{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);min-width:65px;max-width:150px;width:max-content;padding:8px 12px;border:2px solid #244e43;border-radius:16px 16px 16px 3px;background:#fffdf4;color:#244e43;font-size:14px;font-weight:800;line-height:1.4;box-shadow:0 5px 12px #243b3025;overflow-wrap:anywhere;animation:bubble-pop .2s ease-out}.speech-bubble:after{content:"";position:absolute;bottom:-7px;left:50%;width:10px;height:10px;background:#fffdf4;border-right:2px solid #244e43;border-bottom:2px solid #244e43;transform:rotate(45deg)}.trip-badge{position:absolute;bottom:-18px;left:50%;transform:translate(-50%);padding:2px 6px;border-radius:6px;background:#9c3046;color:#fff;font-size:10px;font-weight:800;white-space:nowrap}.runner-piece.tripped .role-portrait{border-color:#b63653;box-shadow:0 0 0 3px #ffc7ce}.trip-text{font-size:10px;color:#a0213e;font-weight:800;display:block;font-style:normal}.speech-editor-row{display:grid;grid-template-columns:140px repeat(3,1fr);gap:12px;align-items:center;border-bottom:1px solid #ddd;padding:12px 0}.speech-editor-row>div{display:flex;align-items:center;gap:8px}.speech-editor-row .role-portrait{width:40px;height:40px}.speech-editor-row .role-portrait>span{font-size:26px}.speech-editor-row label{font-size:12px}.speech-editor-row input{margin:3px 0}.replay-controls{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:14px 0}.replay-controls select{width:70px}.replay-events{font-size:12px;line-height:1.8;padding-left:24px}.replay-panel input[type=range]{padding:0;min-height:36px;accent-color:#245a49}.replay-position{font-weight:700;font-size:13px}@keyframes bubble-pop{0%{opacity:0;translate:0 7px;scale:.8}to{opacity:1;translate:0 0;scale:1}}@media(max-width:600px){.speech-editor-row{grid-template-columns:1fr;gap:2px}.speech-bubble{font-size:12px;max-width:100px;padding:6px 8px}.trip-badge{font-size:9px;bottom:-17px}.replay-controls button{padding:10px;font-size:12px}.tabs{flex-wrap:wrap}}.speech-bubble.bubble-left{left:0;transform:none}.speech-bubble.bubble-left:after{left:12px}.speech-bubble.bubble-right{left:auto;right:0;transform:none}.speech-bubble.bubble-right:after{left:auto;right:12px}.portrait-board{max-width:580px;margin:0 auto;padding:14px;background:#fcf6e9;overflow:visible}.portrait-board .track-stage{width:100%;aspect-ratio:1/2;max-width:440px}.portrait-board .scenic-track{height:100%;width:100%}.portrait-board .board-heading{margin-bottom:14px}.portrait-board .map-number{font-size:17px}.portrait-board .map-effect{font-size:16px;fill:#624126}.map-direction{font-size:21px;fill:#35494299}.portrait-board .runner-piece{width:36px;height:38px;pointer-events:none}.portrait-board .runner-piece .role-portrait>span{font-size:24px}.portrait-board .board-caption{font-size:12px;line-height:1.5;padding:14px 0 0;color:#4a6356;gap:12px}.cell-hit{position:absolute;padding:0;background:transparent;border:0;border-radius:8px;z-index:8;opacity:1!important}.cell-hit.targetable{border:3px solid #1d6b54;background:#fff2;box-shadow:inset 0 0 0 3px #fff9;animation:target-pulse 1.2s ease-in-out infinite alternate}.cell-hit:disabled{cursor:default}.cell-hit.targetable:focus-visible{outline-offset:-5px}.roll-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#162f2438;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:160;display:grid;place-items:center;pointer-events:none}.roll-card{background:#fff8e8;border:2px solid #d6b861;box-shadow:0 20px 70px #162c3b44;border-radius:30px;width:230px;text-align:center;padding:26px;display:grid;justify-items:center;gap:12px}.roll-card .dice-stage{transform:scale(1.5);margin:24px}.roll-card strong{font-size:22px}.decision-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:130;background:#152c2033;display:flex;align-items:flex-end;justify-content:center;padding:16px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.decision-dialog{position:relative;width:min(100%,520px);max-height:75dvh;overflow:auto;background:#fff8e9;border:2px solid #d6bd87;border-radius:26px;padding:24px;box-shadow:0 12px 70px #20332944;margin-bottom:env(safe-area-inset-bottom)}.decision-dialog h2{font-size:21px;margin:12px 0}.decision-dialog p{font-size:13px;line-height:1.6;color:#667466}.decision-dialog .decision-options{display:flex;flex-wrap:wrap;gap:10px}.decision-dialog .decision-options button{min-height:48px;flex:1 1 45%;font-size:15px}.decision-dialog .primary,.floating-action .primary{background:#f8c847;color:#47360a;box-shadow:0 4px #c39825;border:1px solid #bc9022}.acting-role{display:flex;gap:10px;align-items:center;font-weight:800}.acting-role .role-portrait{width:46px;height:46px}.acting-role .role-portrait>span{font-size:29px}.floating-action{position:fixed;bottom:max(16px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);z-index:100;width:max-content;max-width:calc(100% - 24px);padding:10px;background:#fff8e9ee;border:1px solid #d6bd87;border-radius:18px;box-shadow:0 8px 30px #0002;display:flex;gap:12px;align-items:center}.floating-action strong{font-size:13px}.target-occupants{display:flex;flex-wrap:wrap;gap:10px}.target-choice{display:flex;flex:1 1 40%;flex-direction:column;align-items:center;border:2px solid #dbdcca;border-radius:15px;padding:12px;min-height:120px}.target-choice.selected{border-color:#248269;background:#dfecda}.target-choice small{font-size:11px}.target-choice:disabled{opacity:.4}.mobile-race{padding-bottom:100px}@keyframes target-pulse{to{background:#fff8;box-shadow:inset 0 0 0 4px #f9cc54}}@media(max-width:600px){.mobile-race .room-header h1{font-size:20px}.mobile-race .room-header{margin-bottom:12px}.mobile-race .players{display:flex;gap:5px;overflow-x:auto;padding:2px 0 8px}.mobile-race .player{flex:0 0 90px;min-width:0;padding:8px 4px;display:flex;flex-direction:column;gap:3px;text-align:center}.mobile-race .player-avatar{width:30px;height:30px}.mobile-race .player-text{min-width:0;width:100%}.mobile-race .player-text strong{font-size:11px;overflow:hidden;text-overflow:ellipsis;display:block}.mobile-race .player-text>span{font-size:10px;white-space:normal;line-height:1.3}.mobile-race .player-text small,.mobile-race .player .kick{display:none}.mobile-race .player-score{font-size:15px}.mobile-race .race-progress{margin:8px 0 14px}.mobile-race .race-progress small{display:none}.mobile-race .race-progress>span{font-size:10px}.portrait-board{padding:10px 4px;border-radius:16px}.portrait-board .track-stage{aspect-ratio:1/2}.portrait-board .runner-piece{width:29px;height:31px}.portrait-board .runner-piece .role-portrait>span{font-size:20px}.portrait-board .map-number{font-size:17px}.portrait-board .board-heading h2{font-size:18px}.portrait-board .runner-legend{gap:4px}.decision-backdrop{padding:10px}.decision-dialog{padding:20px}.mobile-race .racer-status{display:none}}.decision-backdrop{pointer-events:none;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.decision-dialog{pointer-events:auto}.room-switch{margin:0 0 16px;font-size:13px}.room-switch summary{cursor:pointer;color:#3a6b5b}.room-switch form{display:flex;align-items:flex-end;gap:12px;padding-top:10px}.room-switch label{flex:1;max-width:220px}.room-switch input{margin-bottom:0}.room-switch button{min-height:44px}.runner-piece{transition:left .34s ease-in-out,top .34s ease-in-out}.track-viewport{width:100%}@media(max-width:720px){body:has(.single-screen-race){overflow:hidden;overscroll-behavior:none}.single-screen-race{height:100dvh;height:100svh;padding:0 10px;display:flex;flex-direction:column;overflow:hidden}.single-screen-race .topbar{height:42px;min-height:42px;flex:0 0 42px}.single-screen-race .brand-icon{width:26px;height:26px;font-size:23px}.single-screen-race .brand strong{font-size:14px}.single-screen-race .brand small{display:none}.single-screen-race .top-actions{gap:5px}.single-screen-race .avatar-button{width:auto;height:28px}.single-screen-race .connection{font-size:9px}.single-screen-race>footer{display:none}.single-screen-race .room-layout{flex:1;min-height:0;display:flex;flex-direction:column;padding:0;margin:0;gap:3px;overflow:hidden}.single-screen-race .room-header{flex:0 0 29px;height:29px;margin:0;display:flex;align-items:center;gap:5px;min-width:0}.single-screen-race .room-header h1{display:none}.single-screen-race .room-header .eyebrow{font-size:9px;letter-spacing:0;margin:0;white-space:nowrap}.single-screen-race .room-tools{min-width:0;flex:1;display:flex;flex-wrap:nowrap;overflow-x:auto;gap:10px;scrollbar-width:none}.single-screen-race .room-tools button{font-size:10px;padding:5px 0;white-space:nowrap;flex-shrink:0}.single-screen-race .room-switch{margin:0;height:17px;flex:0 0 17px;font-size:10px}.single-screen-race .room-switch[open]{position:absolute;z-index:120;top:76px;left:10px;right:10px;height:auto;background:#fff9eb;padding:10px;border:1px solid #cbbb91;border-radius:12px}.single-screen-race .room-switch[open] summary{font-size:12px}.single-screen-race .players{display:flex;flex:0 0 49px;height:49px;min-height:0;gap:3px;margin:0;padding:0;overflow:hidden}.single-screen-race .player{flex:1;min-width:0;padding:3px;position:relative;display:grid;grid-template-columns:20px 1fr;grid-template-rows:20px 16px;gap:1px;border-radius:8px}.single-screen-race .player-avatar{height:20px;width:20px;font-size:10px;grid-column:1;grid-row:1}.single-screen-race .player-text{display:contents}.single-screen-race .player-text strong{font-size:9px;grid-column:2;grid-row:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:20px}.single-screen-race .player-text>span,.single-screen-race .player-text small,.single-screen-race .kick{display:none}.single-screen-race .player-score{font-size:13px;grid-column:1/3;grid-row:2;line-height:16px;text-align:center}.single-screen-race .player-score small{display:inline;font-size:9px;margin-left:3px}.single-screen-race .race-progress{flex:0 0 18px;height:18px;gap:5px;margin:0;padding:0}.single-screen-race .race-progress>span{padding:1px 0;border-width:2px;font-size:9px;display:flex;gap:3px;align-items:center}.single-screen-race .race-progress b{font-size:10px}.single-screen-race .race-progress small{display:none}.single-screen-race .room-layout>.content-note{display:none}.single-screen-race .portrait-board{flex:1;min-height:0;width:100%;max-width:none;padding:4px;display:flex;flex-direction:column;overflow:hidden;border-radius:10px;margin:0}.single-screen-race .board-heading{flex:0 0 26px;height:26px;margin:0 0 3px;padding:0 3px}.single-screen-race .board-heading h2{font-size:12px;line-height:18px}.single-screen-race .board-heading .eyebrow{display:none}.single-screen-race .theme-picker{font-size:0;margin:0;max-width:98px}.single-screen-race .theme-picker select{min-height:23px;height:23px;font-size:10px;padding:2px 5px;margin:0}.single-screen-race .track-viewport{flex:1;min-height:0;container-type:size;display:grid;place-items:center}.single-screen-race .track-stage{width:min(100cqw,50cqh);height:auto;aspect-ratio:1/2;max-width:none}.single-screen-race .board-caption{flex:0 0 20px;height:20px;min-width:0;margin:0;padding:3px 2px 0;font-size:10px;display:flex;align-items:center}.single-screen-race .board-caption strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.single-screen-race .board-caption>span{white-space:nowrap}.single-screen-race .runner-legend,.single-screen-race .racer-status{display:none}.single-screen-race .runner-piece{width:clamp(16px,6cqh,27px);height:clamp(18px,6.5cqh,29px)}.single-screen-race .runner-piece .role-portrait>span{font-size:clamp(12px,4.2cqh,19px)}.single-screen-race .trip-badge{font-size:8px;bottom:-11px;padding:0 3px}.single-screen-race .speech-bubble{font-size:11px;padding:4px 6px;max-width:95px}.single-screen-race .room-layout:after{content:"";flex:0 0 122px}.single-screen-race .decision-backdrop{padding:6px 10px}.single-screen-race .decision-dialog{max-height:calc(100svh - 160px);padding:9px 12px;border-radius:14px;box-shadow:0 3px 15px #20332922}.single-screen-race .acting-role{gap:5px;font-size:11px;height:23px}.single-screen-race .acting-role .role-portrait{width:23px;height:23px}.single-screen-race .acting-role .role-portrait>span{font-size:16px}.single-screen-race .decision-dialog h2{font-size:14px;margin:3px 0}.single-screen-race .decision-dialog p{font-size:10px;line-height:1.3;margin:3px 0 6px}.single-screen-race .decision-dialog .decision-options{gap:6px}.single-screen-race .decision-dialog .decision-options button{min-height:36px;padding:6px 9px;font-size:12px}.single-screen-race .floating-action{bottom:8px;padding:7px}.single-screen-race .target-choice{min-height:78px;padding:6px}.single-screen-race .target-choice .role-portrait{width:38px;height:38px}.single-screen-race .target-choice .role-portrait>span{font-size:25px}}.portrait-board .track-stage{aspect-ratio:var(--track-aspect)}@media(max-width:720px){.single-screen-race .track-stage{width:min(100cqw,calc(100cqh * var(--track-aspect)));aspect-ratio:var(--track-aspect)}.portrait-board .map-number{font-size:20px}.single-screen-race .map-number{font-size:23px}.single-screen-race .map-effect{font-size:19px}}@media(max-width:720px){.single-screen-race .room-header{flex-direction:row}.single-screen-race .room-tools{height:27px;min-height:27px}}.runner-piece{transition:left var(--step-duration,.34s) ease-in-out,top var(--step-duration,.34s) ease-in-out}.player[role=button]{cursor:pointer}.player[role=button]:focus-visible{outline:2px solid #318f9b;outline-offset:1px}.player-score{position:relative;border-radius:7px;background:#fff2b9;color:#6a4713;padding:1px 6px;font-variant-numeric:tabular-nums;white-space:nowrap}.score-star{font-size:.7em;color:#bd831d}.score-gain{position:absolute;right:0;bottom:75%;font-size:16px;color:#287c51;background:#fff8dc;border-radius:8px;padding:1px 5px;z-index:10;pointer-events:none;animation:score-rise 1.8s ease-out both}.score-gain.loss{color:#b64249}.score-changed{animation:score-bump .5s ease-out}.single-screen-race .player-score{justify-self:center;min-width:32px}.single-screen-race .players,.single-screen-race .player{overflow:visible}@keyframes score-rise{0%{opacity:0;transform:translateY(8px) scale(.7)}20%{opacity:1;transform:translateY(0) scale(1.1)}75%{opacity:1}to{opacity:0;transform:translateY(-14px)}}@keyframes score-bump{50%{transform:scale(1.14);background:#ffda65}}.portrait-board .map-effect-icon{font:700 34px sans-serif;fill:#307b62;paint-order:stroke;stroke:#fff4c9;stroke-width:3px}.portrait-board .map-effect-icon.hazard{fill:#b96539}.roster-dialog h3{margin:18px 0 10px}.roster-dialog .role-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.roster-dialog .role-card{cursor:default}.roster-dialog .role-card p{display:block;font-size:12px}@media(max-width:720px){.single-screen-selection .room-layout:after{display:none}.single-screen-selection .draft-section{flex:1;min-height:0;display:flex;flex-direction:column;margin:0;padding:5px 0 8px;gap:5px}.single-screen-selection .draft-section>.section-heading{flex:0 0 auto;margin:0;gap:5px}.single-screen-selection .draft-section h2{font-size:14px;margin:2px 0}.single-screen-selection .draft-section .eyebrow,.single-screen-selection .draft-section .section-heading p,.single-screen-selection .my-roster{display:none}.single-screen-selection .draft-section .pill{font-size:10px;padding:3px 5px;white-space:nowrap}.single-screen-selection .draft-section>.role-grid{flex:1;min-height:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:5px;margin:0}.single-screen-selection .role-card{min-width:0;min-height:0;padding:5px;display:flex;flex-direction:column;align-items:center;overflow:hidden;border-radius:10px;position:relative}.single-screen-selection .role-card>.role-number{font-size:8px;width:100%;min-height:12px;line-height:12px;flex:0 0 12px;letter-spacing:0}.single-screen-selection .role-card>.role-number b{position:absolute;right:3px;top:3px;background:#26785b;color:#fff;border-radius:5px;padding:1px 4px;font-size:9px;z-index:1}.single-screen-selection .role-card>.role-portrait{width:30px;height:30px;flex:0 0 30px;margin:1px auto}.single-screen-selection .role-card>.role-portrait>span{font-size:20px}.single-screen-selection .role-card strong{font-size:12px;line-height:17px;margin:0}.single-screen-selection .role-card p{font-size:10px;line-height:1.4;margin:2px 0 0;overflow:auto;min-height:0;flex:1;width:100%;text-align:left;overscroll-behavior:contain}.single-screen-selection .role-card.selected{opacity:1;background:#ddecdb;border-color:#31836a}.single-screen-selection .selection-submit{flex:0 0 auto;display:flex;align-items:center;gap:5px;margin:0;padding:3px 0}.single-screen-selection .selection-submit p{font-size:10px;margin:0;flex:1}.single-screen-selection .selection-submit button{font-size:12px;min-height:36px;padding:7px 10px}}@media(min-width:721px){body:has(.single-screen-selection){overflow:hidden}.single-screen-selection{height:100svh;display:flex;flex-direction:column;overflow:hidden;padding:0 24px}.single-screen-selection>.topbar{height:60px;flex:0 0 60px}.single-screen-selection>footer{display:none}.single-screen-selection .room-layout{display:flex;flex-direction:column;flex:1;min-height:0;padding:6px 0;margin:0;gap:6px}.single-screen-selection .room-header{margin:0;min-height:40px;height:40px;flex:0 0 40px}.single-screen-selection .room-header h1{font-size:18px;margin:0}.single-screen-selection .room-header .eyebrow{font-size:9px;margin:0}.single-screen-selection .room-tools{gap:8px}.single-screen-selection .room-tools button{font-size:10px}.single-screen-selection .room-switch{margin:0;flex:0 0 18px;font-size:11px}.single-screen-selection .room-switch[open]{position:absolute;top:105px;background:#fff9eb;padding:12px;z-index:120}.single-screen-selection .players{display:flex;gap:6px;margin:0;flex:0 0 55px}.single-screen-selection .player{flex:1;min-width:0;padding:6px;gap:5px}.single-screen-selection .player-avatar{width:25px;height:25px;font-size:13px}.single-screen-selection .player-text strong{font-size:11px}.single-screen-selection .player-text>span,.single-screen-selection .player-text small{display:none}.single-screen-selection .player-score{font-size:15px}.single-screen-selection .race-progress{height:25px;flex:0 0 25px;margin:0}.single-screen-selection .race-progress>span{font-size:10px;padding:2px 0}.single-screen-selection .race-progress b{font-size:12px}.single-screen-selection .race-progress small{display:none}.single-screen-selection .draft-section{flex:1;min-height:0;display:flex;flex-direction:column;gap:6px}.single-screen-selection .section-heading{margin:0;flex:0 0 auto}.single-screen-selection .section-heading h2{font-size:17px;margin:0}.single-screen-selection .section-heading p,.single-screen-selection .section-heading .eyebrow,.single-screen-selection .my-roster{display:none}.single-screen-selection .draft-section>.role-grid{flex:1;min-height:0;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:7px}.single-screen-selection .draft-section .role-card{min-height:0;padding:7px;overflow:hidden;display:flex;flex-direction:column;align-items:center}.single-screen-selection .role-number{width:100%;font-size:9px}.single-screen-selection .role-card>.role-portrait{width:38px;height:38px;margin:0 auto;flex:0 0 38px}.single-screen-selection .role-card>.role-portrait>span{font-size:25px}.single-screen-selection .role-card strong{font-size:13px}.single-screen-selection .role-card p{font-size:11px;margin:3px 0 0;line-height:1.5;overflow:auto;width:100%;min-height:0}.single-screen-selection .selection-submit{margin:0;padding:0;flex:0 0 auto}.single-screen-selection .selection-submit p{margin:0;font-size:12px}.single-screen-selection .selection-submit button{min-height:34px;padding:6px 12px}.single-screen-selection .role-card.selected{opacity:1}}.portrait-board .runner-piece{container-type:inline-size;isolation:isolate;filter:drop-shadow(0 3px 2px #23372f55)}.portrait-board .runner-piece .role-portrait{position:absolute;top:0;right:0;bottom:12%;left:0;width:100%;height:88%;background:none;border:0;border-radius:0;box-shadow:none;overflow:visible;transform:none}.portrait-board .runner-piece .role-portrait svg{display:none}.portrait-board .runner-piece .role-portrait>span{font-size:72cqw;line-height:1;filter:drop-shadow(1px 2px 0 #fff) drop-shadow(-1px -1px 0 #fff);top:43%}.piece-plinth{position:absolute;left:8%;bottom:4%;width:84%;height:25%;border-radius:50%;background:radial-gradient(ellipse at 40% 20%,#fff9,var(--runner-color) 65%);border:1px solid #fff9;box-shadow:0 3px 0 var(--runner-color),0 5px 2px #18362b66}.piece-owner{position:absolute;left:0;right:0;bottom:-3%;text-align:center;color:#fff;font-size:14cqw;line-height:1.2;font-weight:900;text-shadow:0 1px 2px #000,1px 0 2px #000;white-space:nowrap}.portrait-board .runner-piece.active .piece-plinth{outline:2px solid #ffcf43;outline-offset:2px}.draft-notice{z-index:155}.draft-notice .modal{max-width:340px;text-align:center}.draft-notice p{line-height:1.6}.role-portrait:has(.role-artwork){background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible}.role-artwork{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 1px #21352645);pointer-events:none}.portrait-board .runner-piece .role-artwork{filter:drop-shadow(0 1px 0 #fff) drop-shadow(1px 1px 1px #1a271c77)}.portrait-board .runner-piece .role-portrait{top:0;right:0;bottom:9%;left:0;height:91%}.piece-trip-mask{position:absolute;width:68%;height:40%;top:-10%;left:16%;z-index:3;object-fit:contain}.portrait-board .runner-piece.tripped .role-portrait{box-shadow:none;transform:rotate(-18deg);transform-origin:center bottom}.piece-owner{z-index:2}.portrait-board{position:relative}.finish-fireworks{position:absolute;left:0;top:20%;width:100%;height:auto;pointer-events:none;z-index:15}.rank-medal{width:30px;height:30px;object-fit:contain;flex-shrink:0}.score-star img{width:1em;height:1em;object-fit:contain;vertical-align:-.12em}.audio-settings-button{padding:4px 8px!important;min-width:30px;min-height:30px;font-size:18px;line-height:1;border:1px solid #c4cab5;border-radius:50%;background:#fff9e8;color:#34604f;flex-shrink:0}.audio-settings{max-width:380px}.audio-settings label{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:20px 0;font-weight:700}.audio-settings small{display:block;font-size:11px;font-weight:400;color:#68756a;margin-top:6px}.audio-settings input{width:22px;height:22px;accent-color:#31836b}.audio-settings p{font-size:12px;color:#68756a}.score-star-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:720px){.single-screen-race .rank-medal{width:18px;height:18px}}.role-portrait:has(.selection-seat){position:relative;isolation:isolate}.selection-seat{position:absolute;left:2%;bottom:0;width:96%;height:36%;object-fit:fill;z-index:-1}.role-portrait:has(.selection-seat) .role-artwork{position:relative;height:91%}.role-details{width:min(94vw,480px);max-height:88svh;display:flex;flex-direction:column;overflow:hidden;padding:24px;position:relative}.role-details header{display:flex;align-items:center;gap:12px;flex-shrink:0;padding-right:25px}.role-details header .role-portrait{width:76px;height:76px;flex-shrink:0}.role-details h2{font-size:22px;margin:0}.role-details-content{overflow:auto;overscroll-behavior:contain;min-height:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.85;font-size:15px;margin:12px 0;padding:0 3px}.role-details-actions{display:flex;gap:10px;flex-shrink:0}.role-details-actions button{flex:1;min-height:44px}.app-page>.site-footer{display:block;max-width:1440px;margin:0 auto;padding:14px 16px calc(14px + env(safe-area-inset-bottom,0px));border:0;color:#85908e;text-align:center}.icp-footer{min-width:0;font-size:11px;line-height:18px;letter-spacing:0;overflow-wrap:anywhere}.icp-footer a{color:inherit;text-decoration:none}.icp-footer a:hover{text-decoration:underline}body:has(.app-page>.site-footer){overflow-y:auto}@media(max-width:720px){.single-screen-race{position:relative}.single-screen-race .decision-backdrop,.single-screen-race .floating-action{position:absolute}}