:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fbf8f1;--paper-2:#f3eee2;--ink:#12263a;--ink-2:#46616d;--ink-3:#587080;--line:#e4ddcc;--line-2:#d3cab4;--amber:#ffbf2f;--amber-d:#f2ab0f;--amber-soft:#fff1cc;--amber-ink:#7a5200;--blue:#2779a8;--blue-ink:#1d5e83;--blue-soft:#e6f1f8;--coral:#c64f49;--green:#12263a;--yellow:#ffbf2f;--muted:#46616d;--card:0 1px 2px #12263a0f,0 1px 3px #12263a14;--lift:0 2px 4px #12263a0f,0 14px 32px #12263a24}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:DM Sans,system-ui,sans-serif;font-size:16px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:3px}button{transition:transform .15s,background .15s,border-color .15s}button:not(:disabled):active{transform:translateY(1px)}a{color:inherit}[hidden]{display:none!important}h1,h2,p{margin-top:0}.eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--blue);font-family:DM Mono,ui-monospace,monospace;font-size:11px;font-weight:500;display:block}label{margin:0 0 8px;font-size:14px;font-weight:600;display:block}input,select{border:1.5px solid var(--line-2);width:100%;min-height:48px;color:var(--ink);background:#fff;border-radius:12px;padding:10px 14px;font-size:16px}input:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 4px var(--blue-soft);outline:0}input::placeholder{color:#7a8a96}input[aria-invalid=true]{border-color:var(--coral);background:#fff6f5}#create-fields,#join-fields{margin-top:16px}#code{text-transform:uppercase;letter-spacing:.2em}#play-mode{margin-bottom:18px}.primary,.secondary,.quiet{border:0;border-radius:14px;min-height:48px;padding:12px 22px;font-size:15px;font-weight:600}.primary{background:var(--amber);color:var(--ink);justify-content:space-between;align-items:center;gap:16px;display:inline-flex}.primary:not(:disabled):hover{background:var(--amber-d)}.primary span{font-size:18px}.secondary{color:var(--ink);border:1.5px solid var(--line-2);background:#fff}.secondary:not(:disabled):hover{border-color:var(--ink)}.quiet{color:var(--ink-2);border:1.5px solid var(--line);background:0 0}.wide{width:100%}#enter{margin-top:6px}.small-print{text-align:center;color:var(--ink-3);margin:14px 0 0;font-size:12px;line-height:1.6}.left{text-align:left}.island-map{isolation:isolate;background:var(--paper-2);border:1px solid var(--line);border-radius:20px;position:relative;overflow:hidden}.island-map>img{width:100%;display:block}.map-label{letter-spacing:.1em;color:#52637a;font-family:DM Mono,monospace;font-size:9px;position:absolute;top:6%;left:6%}.map-pin{color:#46616d;background:#fffdf4;border:1.5px solid #7488a2;border-radius:50%;place-items:center;width:26px;height:26px;font-family:Fredoka,system-ui,sans-serif;font-size:12px;font-weight:600;display:grid;position:absolute;box-shadow:0 3px 8px #12263a33}.pin-0{top:63%;left:20%}.pin-1{top:43%;left:28%}.pin-2{top:54%;left:47%}.pin-3{top:31%;left:62%}.pin-4{top:56%;left:80%}.map-pin.current{background:var(--ink);border-color:var(--ink);color:var(--amber);outline:5px solid #12263a1f}.map-pin.done{color:#fff;background:#4f8f5f;border-color:#4f8f5f}.map-stamp{color:#617083;font-family:Fredoka,system-ui,sans-serif;font-size:16px;line-height:1.3;position:absolute;bottom:7%;right:7%;transform:rotate(-7deg)}.room{max-width:1200px;margin:0 auto;padding:28px 32px 64px}.room-top{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.room-top h1{letter-spacing:-.015em;margin:8px 0 6px;font-family:Fredoka,system-ui,sans-serif;font-size:clamp(30px,4vw,40px);font-weight:600;line-height:1.1}.round-badge{letter-spacing:.06em;color:var(--ink-3);font:500 12px DM Mono,monospace;display:inline-block}.room-tools{align-items:center;gap:16px;display:flex}.room-code{border:1.5px solid var(--line-2);min-height:48px;color:var(--ink);letter-spacing:.14em;background:#fff;border-radius:14px;padding:11px 16px;font:500 13px DM Mono,monospace}.room-code small{letter-spacing:.1em;color:var(--ink-3);margin-right:8px;font-size:10px}.room-code span{margin-left:10px;font-size:17px;font-weight:600}.connection{color:var(--ink-3);align-items:center;gap:8px;font-size:13px;display:flex}.connection:before{content:"";background:#4f8f5f;border-radius:50%;width:8px;height:8px}.connection.offline:before{background:var(--amber-d)}.game-grid{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:24px;display:grid}.game-main{min-width:0}.lobby-card,.clue-card,.result-card,.countdown-card,.route-card,.leaderboard-card,.activity-card,.global-card{border:1px solid var(--line);box-shadow:var(--card);background:#fff;border-radius:24px}.lobby-card,.clue-card,.result-card,.countdown-card,.route-card{overflow:hidden}.lobby-card{grid-template-columns:1fr 1fr;min-height:470px;display:grid}.lobby-art{background:var(--amber-soft);align-items:center;display:flex}.lobby-art .island-map{background:0 0;border:0;border-radius:0;width:100%;overflow:hidden}.lobby-art .map-stamp{font-size:13px}.lobby-art .map-label{font-size:7px}.lobby-art .map-pin{width:20px;height:20px;font-size:10px}.lobby-content{flex-direction:column;justify-content:center;padding:36px 32px;display:flex}.lobby-content h2{letter-spacing:-.01em;margin:14px 0;font-family:Fredoka,system-ui,sans-serif;font-size:32px;font-weight:600;line-height:1.15}.lobby-content>p{color:var(--ink-2);font-size:16px;line-height:1.7}.rule-row{gap:24px;padding:18px 0 26px;display:flex}.rule-row span{color:var(--ink-3);font-size:13px;line-height:1.5}.rule-row b{color:var(--ink);margin-bottom:4px;font:600 28px Fredoka,system-ui,sans-serif;display:block}.solo-note{background:var(--blue-soft);border-left:3px solid var(--blue);border-radius:12px;margin:22px 0;padding:18px 20px}.solo-note strong{font-size:16px}.solo-note p{color:var(--ink-2);margin:6px 0 0;font-size:14px;line-height:1.65}.invite-card{background:var(--amber-soft);border:1.5px dashed #e0b45a;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:22px 0;padding:20px;display:flex}.invite-card strong{letter-spacing:.2em;margin:6px 0;font:600 26px/1.3 DM Mono,monospace;display:block}.invite-card p{color:var(--ink-2);margin:0;font-size:14px}.invite-card .secondary{background:var(--ink);color:var(--bg);border-color:var(--ink)}.sidebar-switch{background:var(--paper-2);border-radius:14px;gap:4px;margin-bottom:14px;padding:5px;display:flex}.sidebar-switch button{min-height:44px;color:var(--ink-2);background:0 0;border:0;border-radius:10px;flex:1;padding:10px 8px;font-size:14px;font-weight:600}.sidebar-switch button[aria-pressed=true]{color:var(--ink);box-shadow:var(--card);background:#fff}.crew-card{background:var(--ink);color:var(--bg);box-shadow:var(--lift);border-radius:24px;padding:24px}.section-title{justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;display:flex}.section-title h2{margin:0;font:600 20px Fredoka,system-ui,sans-serif}.section-title>span{opacity:.75;font-size:13px}.player{align-items:center;gap:12px;margin:16px 0;display:flex}.player-avatar{color:#fff;background:#3f8aa8;border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;font:600 17px Fredoka,system-ui,sans-serif;display:grid;position:relative}.player-avatar i{border:2px solid var(--ink);background:#7b8a98;border-radius:50%;width:10px;height:10px;position:absolute;bottom:-1px;right:-1px}.player-avatar i.online{background:#6fcf8c}.avatar-1{background:#b84d4d}.avatar-2{background:#b98a12}.avatar-3{background:#7b5db0}.avatar-4{background:#4f8f5f}.avatar-5{background:#c96428}.avatar-6{background:#5d6b80}.avatar-7{background:#c2557f}.player-info{flex:1;min-width:0}.player-info strong{overflow-wrap:anywhere;font-size:15px;font-weight:600;display:block}.player-info small{opacity:.7;font-size:12px}.player-info>span{color:#b9c6d2;margin-top:4px;font-size:13px;display:block}.player-rank{color:var(--amber);font:500 13px DM Mono,monospace}.roster-note{color:#b9c6d2;border-top:1px solid #ffffff24;margin:16px 0 0;padding-top:16px;font-size:13px;line-height:1.6}progress{appearance:none;background:#ffffff2e;border:0;border-radius:5px;width:100%;height:5px;margin-top:8px;display:block}progress::-webkit-progress-bar{background:#ffffff2e;border-radius:5px}progress::-webkit-progress-value{background:var(--amber);border-radius:5px}progress::-moz-progress-bar{background:var(--amber);border-radius:5px}.activity-card{margin-top:20px;padding:22px}.activity-card summary{cursor:pointer;min-height:24px;font-weight:600}.activity-card[open] summary{margin-bottom:16px}.activity-card p{color:var(--ink-2);gap:10px;margin:12px 0;font-size:14px;line-height:1.6;display:flex}.activity-card p:last-child{margin-bottom:0}.log-dot{background:var(--blue);border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:8px}.leaderboard-card{margin-top:0;padding:22px}.score-row{border-bottom:1px solid var(--line);align-items:baseline;gap:10px;padding:16px 0;display:flex}.score-row:last-child{border-bottom:0}.score-rank{color:var(--ink-3);min-width:16px;font:600 15px Fredoka,system-ui,sans-serif}.score-details{flex:1;min-width:0}.score-details strong{overflow-wrap:anywhere;font-size:15px;display:block}.score-details small,.score-points>small{color:var(--ink-3);margin-top:4px;font-size:12px;line-height:1.6;display:block}.score-points{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;font:600 20px Fredoka,system-ui,sans-serif}.score-points strong small{font-size:11px;font-weight:400}.score-you{background:var(--amber-soft);border-bottom-color:#0000;border-radius:12px;padding-left:12px;padding-right:12px}.leaderboard-rules,.leaderboard-card .small-print{color:var(--ink-3);font-size:13px;line-height:1.7}.trail{justify-content:space-between;gap:8px;margin:0 0 22px;display:flex}.trail-stop{text-align:center;color:var(--ink-3);flex:1;position:relative}.trail-stop:after{content:"";background:var(--line);width:calc(100% - 40px);height:2px;position:absolute;top:17px;left:calc(50% + 24px)}.trail-stop:last-child:after{display:none}.trail-stop>span{border:2px solid var(--line-2);background:#fff;border-radius:50%;place-items:center;width:36px;height:36px;margin:0 auto 8px;font:600 14px Fredoka,system-ui,sans-serif;display:grid}.trail-stop.reached>span{background:var(--ink);color:var(--amber);border-color:var(--ink)}.trail-stop.active-stop>span{background:var(--amber);color:var(--ink);border-color:var(--amber);outline:4px solid var(--amber-soft);outline-offset:0}.trail-stop.active-stop small{color:var(--ink);font-weight:700}.trail-stop small{font-size:12px;line-height:1.4;display:block}.clue-card{padding:34px 38px}.clue-heading{justify-content:space-between;align-items:center;gap:15px;display:flex}.elapsed{color:var(--ink-3);font:500 14px DM Mono,monospace}.clue-card h2{letter-spacing:-.015em;margin:16px 0;font:700 clamp(30px,3vw,40px)/1.1 Fredoka,system-ui,sans-serif}.clue-prompt{color:var(--ink-2);max-width:65ch;font-size:17px;line-height:1.7}.artifact{background:#fff7df;border:1px solid #ecd9a0;border-radius:10px;margin:26px 0 28px;padding:34px 26px;position:relative;box-shadow:3px 5px #e0b45a40}.artifact:before,.artifact:after{content:"";background:#ffbf2f66;border-radius:3px;width:46px;height:16px;position:absolute;top:-8px;transform:rotate(-8deg)}.artifact:before{left:18px}.artifact:after{right:18px;transform:rotate(10deg)}.artifact pre{white-space:pre-wrap;text-align:center;color:var(--ink);margin:8px 0;font:500 22px/1.65 Fredoka,system-ui,sans-serif}.artifact-star{color:#e0b45a;font-size:24px;position:absolute;bottom:10px;right:14px}.visual-artifact pre{white-space:pre;font-family:DM Mono,monospace;font-size:clamp(15px,3vw,22px);line-height:1.8;overflow-x:auto}.clue-card label{font-size:15px}.answer-row{gap:10px;display:flex}.answer-row input{flex:1;min-width:0;min-height:54px;font-size:18px}.answer-row button{justify-content:center;min-width:128px;min-height:54px}.answer-feedback{color:var(--coral);margin:10px 0 0;font-size:15px;font-weight:600;line-height:1.5}.answer-feedback:empty{display:none}.clue-footer{justify-content:space-between;align-items:center;gap:12px;margin-top:20px;display:flex}.hint-button{min-height:44px;color:var(--blue-ink);text-underline-offset:4px;background:0 0;border:0;padding:8px 0;font-size:15px;font-weight:600;text-decoration:underline}.hint-button>span{color:var(--ink-3);margin-left:8px;font-size:13px;font-weight:400;text-decoration:none;display:inline-block}#penalty{color:var(--amber-ink);font:500 12px DM Mono,monospace}.hint{border-left:3px solid var(--amber);background:var(--amber-soft);border-radius:0 12px 12px 0;margin:12px 0;padding:14px 16px}.hint strong{letter-spacing:.08em;text-transform:uppercase;color:var(--amber-ink);font:600 11px DM Mono,monospace}.hint p{color:var(--ink);margin:6px 0 0;font-size:15px;line-height:1.6}.countdown-card{text-align:center;background:var(--ink);min-height:480px;color:var(--bg);border-color:var(--ink);padding:60px 24px}.countdown-card .eyebrow{color:#9fc4dc}.countdown{color:var(--amber);font:700 150px/1.4 Fredoka,system-ui,sans-serif;display:block}.countdown-card h2{font:600 28px Fredoka,system-ui,sans-serif}.countdown-card p{color:#c3d0da;font-size:16px}.route-card{padding:clamp(22px,4vw,40px)}.route-card h2{letter-spacing:-.015em;margin:14px 0;font:700 clamp(28px,4vw,38px)/1.1 Fredoka,system-ui,sans-serif}.route-card>p{color:var(--ink-2);font-size:16px;line-height:1.7}.route-map{background:var(--blue-soft);border-radius:18px;margin:24px 0}.route-map svg{width:100%;fill:var(--ink);display:block}.route-map path{fill:none;stroke-width:4px;stroke-dasharray:7 7}.coast-path{stroke:#4f8f9f}.cave-path{stroke:#b98a12}.route-map text{letter-spacing:.08em;paint-order:stroke;stroke:var(--blue-soft);stroke-width:6px;stroke-linejoin:round;font:500 11px DM Mono,monospace}.route-options{grid-template-columns:1fr 1fr;gap:16px;display:grid}.route-option{text-align:left;border:2px solid var(--line-2);color:var(--ink);cursor:pointer;background:#fff;border-radius:18px;padding:22px;transition:border-color .15s,transform .15s,box-shadow .15s}.route-option:last-child{background:var(--amber-soft);border-color:#ecd9a0}.route-option:hover{border-color:var(--blue);box-shadow:var(--lift);transform:translateY(-2px)}.route-option:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.route-option:disabled{opacity:.55;cursor:wait}.route-option strong,.route-option>span,.route-option b{display:block}.route-option strong{margin:12px 0 8px;font:600 22px Fredoka,system-ui,sans-serif}.route-option>span{color:var(--ink-3);font-size:13px}.route-option .route-symbol{height:40px;font-size:32px;line-height:40px}.route-option p{color:var(--ink-2);margin:16px 0;font-size:15px;line-height:1.6}.route-option b{color:var(--blue-ink);font-size:15px}.result-card{text-align:center;padding:42px}.winner-icon{background:var(--amber);width:96px;height:96px;color:var(--ink);border-radius:50%;place-items:center;margin:0 auto 22px;font-size:56px;display:grid}.result-card h2{letter-spacing:-.015em;margin:16px 0;font:700 clamp(30px,4vw,40px)/1.1 Fredoka,system-ui,sans-serif}.result-card>p{color:var(--ink-2);font-size:16px;line-height:1.7}.result-time{color:var(--ink);margin:24px 0;font:700 48px Fredoka,system-ui,sans-serif}.result-time span{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-top:8px;font:500 11px DM Mono,monospace;display:block}.result-row{text-align:left;border-bottom:1px solid var(--line);align-items:center;gap:15px;padding:14px 0;font-size:15px;display:flex}.result-row>span:first-child{color:var(--ink-3);font:600 17px Fredoka,system-ui,sans-serif}.result-row strong{overflow-wrap:anywhere;flex:1;font-weight:600}.result-row>span:last-child{color:var(--ink-3);font-size:13px}.journey-result{border-top:1px solid var(--line);text-align:left;padding-bottom:20px}.journey-result .result-row{border:0}.journey-route{color:var(--ink-3);margin:0 0 14px;font-size:14px}.journey-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.journey-list li{flex-wrap:wrap;align-items:baseline;gap:10px;font-size:14px;display:flex}.journey-list li>span{flex:1}.journey-list small{min-width:48px;color:var(--ink-3)}.journey-list time{font-variant-numeric:tabular-nums}#rematch-controls{text-align:left;margin-top:25px}#rematch-controls .primary{margin-top:13px}.global-card{background:var(--blue-soft);box-shadow:none;border-color:#cfe2ef;margin-top:20px;padding:22px}.global-card .section-title h2{color:var(--ink)}.global-caption{color:var(--ink-2);font-size:14px;line-height:1.6}.global-list{margin:16px 0;padding:0;list-style:none}.global-list li{border-bottom:1px solid #cfe2ef;align-items:baseline;gap:10px;padding:13px 0;font-size:15px;display:flex}.global-list strong{overflow-wrap:anywhere;flex:1;min-width:0}.global-list li>span:last-child{text-align:right;white-space:nowrap;font:500 15px DM Mono,monospace}.global-list small{color:var(--ink-2);font:12px/1.7 DM Sans,sans-serif;display:block}.global-you{background:#fff;border-radius:10px;padding-right:10px;padding-left:10px!important}.global-empty,#global-results>p{color:var(--ink-2);font-size:15px;line-height:1.7}.global-card .small-print{font-size:12px}.your-global-rank{font-size:15px;font-weight:600}#global-results{margin:18px 0}.loading,.offline-card{text-align:center;min-height:60vh;padding:100px 30px}.compass-spin{color:var(--blue);font-size:55px}.loading p{color:var(--ink-2)}.offline-card h1{font:600 38px Fredoka,system-ui,sans-serif}#toast{z-index:20;background:var(--ink);color:#fff;width:max-content;max-width:calc(100vw - 32px);box-shadow:var(--lift);border-radius:16px;padding:14px 22px;font-size:15px;line-height:1.6;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}#toast.error{background:var(--coral)}dialog{background:var(--bg);color:var(--ink);border:0;border-radius:24px;width:440px;max-width:calc(100vw - 32px);padding:32px;box-shadow:0 30px 80px #00000073}dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f1d2bb3}dialog h2{font:600 28px Fredoka,system-ui,sans-serif}dialog p{color:var(--ink-2);font-size:16px;line-height:1.7}.actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.landing{max-width:none;margin:0;padding:0;display:block}#landing-room-preview{width:100%;height:350px;position:relative;overflow:hidden}#landing-room-preview .room-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.preview-fallback{width:100%;height:100%;display:block}.preview-ready .preview-fallback{visibility:hidden}.landing-rankings{margin-top:0}.landing-rankings summary{cursor:pointer;justify-content:space-between;gap:10px;padding:6px 0;font-weight:600;display:flex}.landing-rankings #home-global{max-width:700px;margin-top:12px}.landing-rankings .global-card{margin-top:0}@media (width>=1500px){#landing-room-preview{height:385px}}@media (width<=1100px){.room{padding:24px 24px 56px}.game-grid{grid-template-columns:minmax(0,1fr) 290px;gap:20px}.lobby-card{grid-template-columns:.9fr 1.1fr}.lobby-content{padding:30px 24px}}@media (width<=860px){.game-grid{flex-direction:column;gap:22px;display:flex}.game-main,.race-sidebar{width:100%}.lobby-card{display:block}.lobby-art{height:220px;overflow:hidden}.lobby-art .island-map{width:100%}.lobby-art .map-stamp,.lobby-art .map-label{display:none}.race-sidebar{display:block}}@media (width<=700px){.room{padding:20px 16px 40px}.room-top{flex-direction:column;align-items:flex-start;gap:16px}.room-tools{flex-wrap:wrap;justify-content:space-between;gap:12px;width:100%}.lobby-content{padding:26px 20px}.lobby-content h2{font-size:28px}.rule-row{gap:24px}.trail{gap:4px;padding:8px 4px 12px;overflow-x:auto}.trail-stop{flex:1 0 76px}.trail-stop small{font-size:11px}.clue-card{padding:24px 18px}.clue-prompt{font-size:16px}.artifact{padding:28px 14px}.artifact pre{font-size:19px}.answer-row{gap:8px}.answer-row button{min-width:100px;padding:12px}.clue-footer{align-items:flex-start}.hint-button>span{margin:6px 0 0;display:block}#penalty{margin-top:10px}.invite-card{padding:16px}.invite-card .secondary{justify-content:center;width:100%}.route-options{grid-template-columns:1fr}.route-map text{stroke-width:8px;font-size:22px}.route-option{padding:18px}.result-card{padding:30px 18px}.result-row{flex-wrap:wrap;gap:10px}.journey-result .result-row{flex-wrap:wrap}.countdown-card{min-height:410px;padding:36px 16px}.countdown{font-size:120px}.activity-card{margin-top:16px}#landing-room-preview{height:290px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.route-option:hover{transform:none}}