.victory{z-index:20;cursor:default;background:#040c1800;animation:.6s ease-out forwards v-dim;position:fixed;inset:0;overflow:hidden}.victory.ready{cursor:pointer}@keyframes v-dim{to{background:#040c18f5}}.v-stage{animation:.5s ease-out 4s v-shake;position:absolute;inset:0}@keyframes v-shake{0%,to{transform:none}20%{transform:translate(-6px,4px)}40%{transform:translate(5px,-3px)}60%{transform:translate(-3px,2px)}80%{transform:translate(2px,-1px)}}.v-sky{opacity:0;background:linear-gradient(#050b18 0%,#0b1a33 40%,#16365e 62%,#27527f 70%,#0d2a4a 100%);animation:.8s .2s forwards v-appear;position:absolute;inset:0}.v-stars{opacity:0;animation:1s .4s forwards v-appear;position:absolute;inset:0}.v-stars span{width:var(--size);height:var(--size);animation:v-twinkle 3.2s var(--d) ease-in-out infinite;background:#eef4ff;border-radius:50%;position:absolute;box-shadow:0 0 6px #eef4ffe6}@keyframes v-twinkle{0%,to{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}}.v-clouds span{filter:blur(10px);background:#aabedc24;border-radius:50%;height:26px;animation:60s linear infinite v-cloud;position:absolute}.v-clouds span:first-child{width:260px;top:18%;left:5%}.v-clouds span:nth-child(2){width:340px;animation-duration:80s;animation-delay:-30s;top:10%;left:55%}.v-clouds span:nth-child(3){width:220px;animation-duration:70s;animation-delay:-50s;top:30%;left:30%}@keyframes v-cloud{0%{transform:translate(0)}to{transform:translate(-40vw)}}.v-moon{opacity:0;background:radial-gradient(circle at 40% 38%,#fffbe6,#fff0b8 55%,#e8d38f);border-radius:50%;width:84px;height:84px;animation:.8s .4s forwards v-appear;position:absolute;top:9%;left:72%;box-shadow:0 0 60px 18px #fff4c273,0 0 140px 50px #fff4c22e}.v-moonpath{opacity:0;filter:blur(3px);clip-path:polygon(44% 0,56% 0,100% 100%,0 100%);background:repeating-linear-gradient(#fff0be00 0 9px,#fff0be38 12px 16px,#fff0be00 19px 24px);width:220px;height:40%;animation:1.6s .8s forwards v-appear;position:absolute;top:60%;left:calc(72% + 42px);transform:translate(-50%);-webkit-mask-image:linear-gradient(#000000d9,#0000000d);mask-image:linear-gradient(#000000d9,#0000000d)}.v-moonpath:after{content:"";background:inherit;mix-blend-mode:screen;opacity:.5;animation:2.2s linear infinite v-glimmer;position:absolute;inset:0}@keyframes v-glimmer{0%{transform:translateY(0)}to{transform:translateY(10px)}}.v-rays{pointer-events:none;opacity:0;background:repeating-conic-gradient(#ffd76e00 0deg 11deg,#ffd76e12 11deg 15deg,#ffd76e00 15deg 26deg);width:240vmax;height:240vmax;animation:.8s ease-out 4s forwards v-rays-in,22s linear infinite v-spin;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}@keyframes v-rays-in{to{opacity:1}}@keyframes v-spin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.v-flash{opacity:0;pointer-events:none;background:#fff3cf;animation:.6s ease-out 4s forwards v-flash;position:absolute;inset:0}@keyframes v-flash{0%{opacity:0}15%{opacity:.7}to{opacity:0}}.v-sea{pointer-events:none;opacity:0;width:100%;animation:.6s forwards v-appear;position:absolute;bottom:0;left:0}.v-sea path{transform-box:view-box}.v-sea-back{height:36%}.v-sea-back path{fill:#1f5f93;animation:9s linear infinite v-wave-l}.v-sea-mid{height:26%}.v-sea-mid path{fill:#154a78;animation:7s linear infinite v-wave-r}.v-sea-front{height:16%}.v-sea-front path{fill:#0b3356;animation:5s linear infinite v-wave-l}@keyframes v-wave-l{0%{transform:translate(0)}to{transform:translate(-600px)}}@keyframes v-wave-r{0%{transform:translate(-600px)}to{transform:translate(0)}}.v-ship-wrap{pointer-events:none;width:min(66vw,520px);animation:4s cubic-bezier(.2,.7,.2,1) both v-sail,3.2s ease-in-out 4s infinite v-bob;position:absolute;bottom:14%;left:50%;transform:translate(-50%)}@keyframes v-sail{0%{transform:translate(-200%)translateY(14px)scale(.7)rotate(-3deg)}60%{transform:translate(-30%)translateY(-6px)scale(.96)rotate(2deg)}to{transform:translate(-50%)translateY(0)scale(1)rotate(0)}}@keyframes v-bob{0%,to{transform:translate(-50%)translateY(0)rotate(-1.5deg)}50%{transform:translate(-50%)translateY(-10px)rotate(1.5deg)}}.v-ship{filter:drop-shadow(0 18px 22px #000000a6);width:100%;height:auto;display:block}.v-sail{transform-box:fill-box;transform-origin:top;animation:2.4s ease-in-out infinite v-billow}.v-sail-2{animation-delay:.4s}@keyframes v-billow{0%,to{transform:scaleX(1)}50%{transform:scaleX(1.04)translate(2px)}}.v-flag{transform-box:fill-box;transform-origin:0;animation:.9s ease-in-out infinite v-flap}@keyframes v-flap{0%,to{transform:scaleY(1)skewY(0)}50%{transform:scaleY(.85)skewY(-6deg)}}.v-cannon{opacity:0;transform-box:fill-box;transform-origin:50%;animation:v-cannon .5s calc(4s + var(--i) * .3s) ease-out 1}@keyframes v-cannon{0%{opacity:0;transform:scale(.2)}25%{opacity:1;transform:scale(1.4)}to{opacity:0;transform:scale(2)}}.v-lantern-glow{animation:1.6s ease-in-out infinite v-lantern}@keyframes v-lantern{0%,to{opacity:.8}50%{opacity:1}}.v-windows{animation:2.3s ease-in-out .7s infinite v-lantern}.v-bowfoam{transform-box:fill-box;transform-origin:50%;animation:1.1s ease-in-out infinite alternate v-foam}@keyframes v-foam{0%{opacity:.8;transform:translateY(0)scale(1)}to{opacity:.5;transform:translateY(-4px)scale(1.08)}}.v-skel{transform-box:fill-box;transform-origin:bottom;animation:.6s ease-in-out infinite alternate v-jig}.v-skel-chest{animation-delay:.2s}.v-skel-sword{animation-delay:.4s}@keyframes v-jig{0%{transform:translateY(0)rotate(-3deg)}to{transform:translateY(-4px)rotate(3deg)}}.v-arm{transform-box:fill-box;transform-origin:0 100%;animation:.5s ease-in-out infinite alternate v-wave-arm}@keyframes v-wave-arm{0%{transform:rotate(0)}to{transform:rotate(-18deg)}}.v-held-chest{transform-box:fill-box;transform-origin:50%;animation:.9s ease-in-out 4s infinite alternate v-toss}@keyframes v-toss{0%{transform:translateY(0)rotate(-8deg)}to{transform:translateY(-8px)rotate(8deg)}}.v-smoke span{opacity:0;width:46px;height:46px;animation:v-smoke 2.6s calc(4s + var(--i) * .3s) ease-out 1;background:radial-gradient(circle,#e1e1ebd9,#c8c8d700 70%);border-radius:50%;margin:-23px;position:absolute;top:70%}@keyframes v-smoke{0%{opacity:0;transform:translate(0)scale(.3)}15%{opacity:.85}to{opacity:0;transform:translate(-90px,-70px)scale(3.2)}}.v-fireworks{pointer-events:none;position:absolute;inset:0}.v-fw{left:var(--x);top:var(--y);width:0;height:0;position:absolute}.v-fw:before{content:"";opacity:0;width:4px;height:4px;animation:v-fw-rise var(--period) var(--delay) cubic-bezier(.2,.6,.3,1) infinite;background:#fff6d0;border-radius:50%;position:absolute;top:-2px;left:-2px;box-shadow:0 0 10px 2px #fff6d0e6}@keyframes v-fw-rise{0%{opacity:1;transform:translateY(60vh)}11%{opacity:1;transform:translateY(0)}12%,to{opacity:0;transform:translateY(0)}}.v-fw:after{content:"";opacity:0;background:radial-gradient(circle, hsl(var(--hue) 100% 85% / .9), hsl(var(--hue) 100% 70% / 0) 60%);width:120px;height:120px;animation:v-fw-glow var(--period) var(--delay) ease-out infinite;border-radius:50%;position:absolute;top:-60px;left:-60px}@keyframes v-fw-glow{0%,11%{opacity:0;transform:scale(.2)}13%{opacity:1;transform:scale(1)}30%{opacity:0;transform:scale(2.4)}to{opacity:0}}.v-fw span{width:4px;box-shadow:0 0 6px hsl(var(--hue) 100% 70% / .8);transform-origin:50% 0;opacity:0;height:clamp(50px,9vmin,100px);transform:rotate(var(--a)) scaleY(0);background:linear-gradient(to bottom, hsl(var(--hue) 100% 78%), hsl(var(--hue) 100% 62% / 0));animation:v-fw-spark var(--period) var(--delay) ease-out infinite;border-radius:2px;position:absolute;top:0;left:-2px}.v-fw span:nth-child(odd){height:clamp(36px,6.5vmin,72px)}@keyframes v-fw-spark{0%,11%{opacity:0;transform:rotate(var(--a)) scaleY(0)}14%{opacity:1}32%{opacity:1;transform:rotate(var(--a)) scaleY(1)}44%{opacity:0;transform:rotate(var(--a)) scaleY(1.15) translateY(26px)}to{opacity:0;transform:rotate(var(--a)) scaleY(1.15) translateY(26px)}}.v-particles{pointer-events:none;width:0;height:0;position:absolute;top:56%;left:50%}.v-p{width:var(--size);height:var(--size);margin:calc(var(--size) / -2);opacity:0;animation:v-burst var(--dur) var(--delay) cubic-bezier(.2,.7,.4,1) forwards;position:absolute;top:0;left:0}@keyframes v-burst{0%{opacity:0;transform:translate(0)rotate(0)scale(.2)}8%{opacity:1}45%{transform:translate(calc(var(--dx) * .7), var(--dy1)) rotate(calc(var(--rot) * .5)) scale(1);opacity:1}to{transform:translate(var(--dx), var(--dy2)) rotate(var(--rot)) scale(.9);opacity:0}}.v-coin{background:radial-gradient(circle at 35% 35%,#fff3b0,#f5c542 55%,#b8860b);border-radius:50%;box-shadow:inset 0 0 0 2px #a67c00,0 0 10px #ffd16699}.v-gem{background:hsl(var(--hue) 85% 65%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);box-shadow:0 0 12px hsl(var(--hue) 90% 70%)}.v-spark{clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);background:#fff;box-shadow:0 0 10px #fff}.v-pearl{background:radial-gradient(circle at 35% 30%,#fff,#e8f0ff 60%,#b9c8e0);border-radius:50%;box-shadow:0 0 8px #fffc}.v-chest{background:linear-gradient(#a86d35 0 40%,#8b5a2b 40%);border:2px solid #3e2410;border-radius:3px;position:relative;box-shadow:inset 0 0 0 100px #0000,0 0 12px #ffd16699}.v-chest:after{content:"";background:#f5c542;width:20%;position:absolute;top:-2px;bottom:-2px;left:40%}.v-text{left:50%;top:calc(5% + env(safe-area-inset-top,0px));text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;background:#0612248c;border-radius:16px;max-width:min(92vw,560px);padding:8px 20px 14px;animation:.4s 4.6s forwards v-appear;position:absolute;transform:translate(-50%);box-shadow:0 10px 40px #0006,inset 0 0 0 1px #ffd1662e}.v-title{letter-spacing:.1em;background:linear-gradient(#fff8d6 0%,#ffd166 45%,#c8912a 75%,#ffe9a0 100%);color:#0000;filter:drop-shadow(0 0 18px #ffd166bf)drop-shadow(0 6px #6e4600)drop-shadow(0 12px 24px #0009);opacity:0;-webkit-background-clip:text;background-clip:text;padding:0 .1em;font-family:Yuji Mai,Yuji Syuku,serif;font-size:clamp(56px,12vw,120px);line-height:1.1;animation:.6s cubic-bezier(.2,1.6,.4,1) 4.8s forwards v-title}@keyframes v-title{0%{opacity:0;transform:scale(3)rotate(-8deg)}to{opacity:1;transform:scale(1)rotate(-3deg)}}.v-winner{text-shadow:0 0 18px var(--win), 0 3px 0 #00000080;opacity:0;margin-top:10px;font-size:clamp(26px,5vw,44px);font-weight:800;animation:.5s cubic-bezier(.2,1.6,.4,1) 5.3s forwards v-pop}.v-score{color:#fff;opacity:0;font-variant-numeric:tabular-nums;margin-top:4px;font-size:clamp(30px,6vw,56px);font-weight:900;animation:.5s cubic-bezier(.2,1.6,.4,1) 5.6s forwards v-pop}.v-note{color:var(--muted);opacity:0;margin-top:6px;animation:.4s 6s forwards v-appear}@keyframes v-pop{0%{opacity:0;transform:translateY(20px)scale(.6)}to{opacity:1;transform:none}}@keyframes v-appear{to{opacity:1}}.v-rank{flex-direction:column;gap:6px;min-width:260px;margin:14px auto 0;padding:0;list-style:none;display:inline-flex}.v-rank li{opacity:0;animation:v-slide .4s calc(6.1s + var(--i) * .25s) ease-out forwards;background:#00000059;border-radius:8px;grid-template-columns:16px 1fr auto;align-items:center;gap:10px;padding:6px 14px;font-size:1.05rem;display:grid}.v-rank li:first-child{background:#ffd16638;outline:1px solid #ffd16699}.v-rank-score{font-variant-numeric:tabular-nums;font-weight:800}@keyframes v-slide{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:none}}.v-actions{opacity:0;z-index:1;justify-content:center;gap:10px;margin-top:16px;animation:.4s 7.5s forwards v-appear;display:flex;position:relative}.v-actions .primary{padding:12px 22px;font-size:1.05rem}@media (width<=600px){.v-text{top:calc(9% + env(safe-area-inset-top,0px))}}@media (height<=700px){.v-title{font-size:clamp(44px,9vw,80px)}.v-rank li{padding:4px 12px;font-size:.95rem}}@media (prefers-reduced-motion:reduce){.victory *{animation-duration:10ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}.credits{z-index:21;color:#ffd166;cursor:pointer;background:#02060f;position:fixed;inset:0;overflow:clip}.credits-end{cursor:default}.c-stars{opacity:.8;background:radial-gradient(1px 1px at 20% 30%,#fff 50%,#0000 51%) 0 0/400px 400px,radial-gradient(1px 1px at 70% 20%,#fff 50%,#0000 51%) 0 0/500px 500px,radial-gradient(1.5px 1.5px at 40% 80%,#fff 50%,#0000 51%) 0 0/600px 600px,radial-gradient(1px 1px at 85% 65%,#fff 50%,#0000 51%) 0 0/450px 450px,radial-gradient(1px 1px at 10% 70%,#fff 50%,#0000 51%) 0 0/550px 550px,radial-gradient(1.5px 1.5px at 55% 45%,#fff 50%,#0000 51%) 0 0/650px 650px,radial-gradient(1px 1px at 30% 10%,#fff 50%,#0000 51%) 0 0/380px 380px,radial-gradient(1px 1px at 92% 90%,#fff 50%,#0000 51%) 0 0/520px 520px,radial-gradient(1px 1px at 65% 75%,#fff 50%,#0000 51%) 0 0/700px 700px,radial-gradient(1px 1px at 5% 5%,#fff 50%,#0000 51%) 0 0/480px 480px;animation:120s linear infinite c-drift;position:absolute;inset:-50%}@keyframes c-drift{to{transform:translateY(-200px)}}.c-intro{text-align:center;color:#4bd5ee;opacity:0;justify-content:center;align-items:center;padding:24px;font-size:clamp(20px,3.4vw,34px);line-height:1.6;animation:4.2s ease-in-out forwards c-fade;display:flex;position:absolute;inset:0}@keyframes c-fade{0%{opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:0}}.c-logo{color:#0000;letter-spacing:.15em;-webkit-text-stroke:2px #ffd166;text-shadow:0 0 30px #ffd16680;font-family:Yuji Mai,Yuji Syuku,serif;font-size:34vw;animation:4s cubic-bezier(.2,.6,.3,1) forwards c-recede;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}@keyframes c-recede{0%{opacity:1;font-size:34vw}to{opacity:0;font-size:3vw}}.c-perspective{perspective:420px;perspective-origin:50% 20%;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0,#000 22% 100%);mask-image:linear-gradient(#0000 0,#000 22% 100%)}.c-crawl{transform-origin:50% 0;text-align:center;width:min(88vw,720px);font-size:clamp(18px,2.6vw,28px);line-height:1.6;animation:80s linear forwards c-crawl;position:absolute;top:100%;left:50%;transform:translate(-50%)rotateX(24deg)translateY(0)}@keyframes c-crawl{0%{transform:translate(-50%)rotateX(24deg)translateY(0)}to{transform:translate(-50%)rotateX(24deg)translateY(calc(-100% - 100vh))}}.c-ep{letter-spacing:.3em;margin:0 0 8px;font-size:1em;font-weight:500}.c-title{letter-spacing:.2em;margin:0 0 24px;font-family:Yuji Mai,Yuji Syuku,serif;font-size:3.2em}.c-lead{text-align:justify;margin:0 0 48px}.c-crawl h3{letter-spacing:.4em;opacity:.85;margin:56px 0 14px;font-size:1em;font-weight:500}.c-row{justify-content:space-between;gap:24px;margin:6px 0;display:flex}.c-role{opacity:.85;text-align:left}.c-name{text-align:right;font-weight:700}.c-note{opacity:.8;margin-top:56px;font-size:.8em}.c-copy{letter-spacing:.1em;margin-top:40px}.c-thanks{margin:48px 0 40vh;font-family:Yuji Mai,Yuji Syuku,serif;font-size:2em}.c-end{opacity:0;flex-direction:column;justify-content:center;align-items:center;gap:12px;animation:.8s forwards v-appear;display:flex;position:absolute;inset:0}.c-logo-still{opacity:1;color:#0000;font-size:clamp(80px,18vw,180px);animation:none;position:static;transform:none}.c-thanks-still{margin:0 0 16px;font-family:Yuji Mai,Yuji Syuku,serif;font-size:clamp(22px,4vw,36px)}@media (width<=600px){.c-crawl{font-size:16px}.c-row{flex-direction:column;gap:0;margin:10px 0}.c-role,.c-name{text-align:center}}.c-skip{z-index:3;opacity:.7;position:absolute;top:16px;right:16px}.c-skip:hover{opacity:1}.scene{z-index:0;pointer-events:none;background:#0f2a44;position:fixed;inset:0;overflow:hidden}.scene-svg{width:100%;height:100%;position:absolute;inset:0}.scene-vignette{background:radial-gradient(at 50% 55%,#0814240d 0%,#08142473 60%,#081424bf 100%),linear-gradient(#0814248c 0%,#08142426 35%,#0814241a 100%);position:absolute;inset:0}.sc-clouds{animation:90s linear infinite sc-drift}.sc-clouds-far{animation-duration:140s}@keyframes sc-drift{0%{transform:translate(0)}to{transform:translate(-300px)}}.sc-stars{animation:6s ease-in-out infinite sc-twinkle}@keyframes sc-twinkle{0%,to{opacity:.7}50%{opacity:1}}.sc-glint{transform-origin:620px 320px;animation:5s ease-in-out infinite sc-glint}@keyframes sc-glint{0%,to{opacity:.5;transform:scaleX(1)}50%{opacity:.65;transform:scaleX(1.12)}}.sc-island{transform-origin:0 0;opacity:0;animation:34s cubic-bezier(.45,0,.9,.6) infinite sc-approach-a}.sc-island-a{animation-name:sc-approach-a;animation-delay:-4s}.sc-island-b{animation-name:sc-approach-b;animation-duration:38s;animation-delay:-18s}.sc-island-c{animation-name:sc-approach-c;animation-duration:30s;animation-delay:-27s}@keyframes sc-approach-a{0%{opacity:0;transform:translate(430px,301px)scale(.12)}8%{opacity:1}to{opacity:1;transform:translate(60px,470px)scale(3.2)}}@keyframes sc-approach-b{0%{opacity:0;transform:translate(560px,301px)scale(.1)}8%{opacity:1}to{opacity:1;transform:translate(960px,480px)scale(3.4)}}@keyframes sc-approach-c{0%{opacity:0;transform:translate(500px,301px)scale(.1)}10%{opacity:1}to{opacity:1;transform:translate(880px,400px)scale(1.6)}}.sc-lamp{animation:2.4s ease-in-out infinite sc-lamp}@keyframes sc-lamp{0%,to{opacity:1}50%{opacity:.2}}.sc-wave{stroke-width:1.2px;transform-origin:500px 0;animation:8.8s linear infinite sc-wave}@keyframes sc-wave{0%{opacity:0;stroke-width:.8px;transform:translateY(306px)scaleX(.6)}10%{opacity:.55}to{opacity:0;stroke-width:3px;transform:translateY(640px)scale(1.8,3)}}.sc-birds{animation:44s linear infinite sc-birds}@keyframes sc-birds{0%{transform:translate(1050px,150px)}to{transform:translate(-120px,110px)}}.sc-boat{transform-origin:500px 600px;animation:5.2s ease-in-out infinite sc-bob}@keyframes sc-bob{0%,to{transform:translateY(0)rotate(-.8deg)}50%{transform:translateY(-9px)rotate(.8deg)}}.sc-spray{opacity:0;animation:2.6s ease-out infinite sc-spray}.sc-spray-r{animation-delay:-1.3s}@keyframes sc-spray{0%{opacity:0;transform:translateY(14px)}30%{opacity:.75}to{opacity:0;transform:translateY(-16px)}}.setup.home{z-index:1;position:relative}.setup.home .tagline,.setup.home .intro{color:#e6eef8;text-shadow:0 1px 10px #050f1ee6,0 0 2px #050f1e}.setup.home .card{-webkit-backdrop-filter:blur(8px);background:#16395cdb}.setup.home .home-links .link{text-shadow:0 1px 8px #050f1ee6}@media (prefers-reduced-motion:reduce){.scene *{animation:none!important}.sc-island{opacity:1}.sc-island-a{transform:translate(150px,430px)scale(2.2)}.sc-island-b{transform:translate(900px,440px)scale(2.4)}.sc-island-c{transform:translate(760px,360px)scale(1.1)}.sc-wave{opacity:.35;transform:translateY(420px)scale(1.2,1.6)}.sc-spray{opacity:.5}}@media (width<=600px){.setup.home{justify-content:flex-start;gap:4px;padding:11vh 20px 14vh}.setup.home .home-links{gap:6px 12px;font-size:.92rem}.setup.home .tagline{margin-bottom:6px;font-size:.9rem}.setup.home .intro{display:none}.setup.home .card{padding:16px 18px}.setup.home .home-links{margin-top:6px}}@media (width<=600px) and (display-mode:standalone){.setup.home{padding-top:calc(env(safe-area-inset-top,0px) + 7vh);padding-bottom:calc(env(safe-area-inset-bottom,0px) + 6vh)}}:root{--sea:#2b7fb8;--sea-light:#3d9ad0;--sea-deep:#1c6aa3;--sea-wave:#9fd6f2;--island:#86c957;--island-dark:#5f9e3d;--island-edge:#4c8a37;--coast:#2f6b22;--beach:#f3e6b8;--gold:#f5c542;--gold-edge:#a67c00;--rock:#8d8d8d;--lighthouse:#f7f7f7;--lighthouse-edge:#555;--lighthouse-top:#3b3a3f;--lamp:#ffe066;--tile-edge:#ffffff1a;--sand-dot:#c9b27a;--board-bg-1:#2b2622;--board-bg-2:#14110e;--grid:#c9b27a;--accent:#ffd166;--parchment:#f3e6c8;--bg:#0f2a44;--panel:#16395c;--text:#eaf2fa;--muted:#9fb8cf;--error:#ff8a80}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}html{height:-webkit-fill-available}body{touch-action:manipulation;min-height:100vh;background:var(--bg);min-height:-webkit-fill-available;color:var(--text);font-family:system-ui,-apple-system,Hiragino Sans,sans-serif}h1{letter-spacing:.08em;margin:0;font-size:1.4rem}h1,h2,h3,.turn-title strong,.winner,.roulette-card h2{letter-spacing:.04em;font-family:Shippori Mincho,Hiragino Mincho ProN,Yu Mincho,serif}h2{margin:0 0 8px;font-size:1.15rem;font-weight:700}h3{color:var(--muted);margin:0 0 6px;font-size:.98rem;font-weight:600}p{margin:6px 0}.muted{color:var(--muted);font-size:.85rem}.error{color:var(--error)}button{color:var(--text);cursor:pointer;background:linear-gradient(#2b5a88,#214a74);border:1px solid #3f6f9e;border-radius:9px;justify-content:center;align-items:center;gap:.3em;padding:8px 14px;font-size:.95rem;transition:background .12s,transform 60ms,box-shadow .12s;display:inline-flex;box-shadow:inset 0 1px #ffffff0f,0 1px 2px #00000040}button:hover:not(:disabled){background:linear-gradient(#33679a,#265382)}button:active:not(:disabled){transform:translateY(1px);box-shadow:0 0 #0000}button:disabled{opacity:.45;cursor:default}button.primary{color:#2a2000;background:linear-gradient(#ffd978,#f2bf4a);border-color:#c99a2e;font-weight:700}button.primary:hover:not(:disabled){background:linear-gradient(#ffe08f,#f7c85a)}input,select{color:var(--text);background:#0f2a44;border:1px solid #3b6b99;border-radius:6px;width:100%;padding:8px;font-size:1rem}label{color:var(--muted);flex-direction:column;gap:4px;margin:10px 0;font-size:.9rem;display:flex}.setup{flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:100%;padding:24px;display:flex}.setup h1{font-size:2.4rem}.tagline{color:var(--muted);margin-bottom:16px}.card{background:var(--panel);border-radius:16px;width:min(440px,100%);padding:22px 26px;box-shadow:0 14px 40px #00000059,inset 0 0 0 1px #c9b27a2e}.card .primary{width:100%;margin-top:12px;padding:12px}.layout{grid-template-columns:1fr 300px;height:100%;display:grid}.board-wrap{min-height:0;position:relative;overflow:hidden}.board{touch-action:none;background:radial-gradient(circle at 50% 40%, var(--board-bg-1), var(--board-bg-2));-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.board-tools{z-index:2;gap:6px;display:flex;position:absolute;top:10px;left:10px}.board-tools button{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#26211ed9;border-color:#c9b27a59;padding:6px 10px;font-size:.85rem}.hud{background:var(--panel);border-left:1px solid #244b73;flex-direction:column;gap:14px;padding:14px 16px;display:flex;overflow-y:auto}.hud header{align-items:baseline;gap:10px;display:flex}.players{flex-direction:column;gap:6px;display:flex}.player{background:#ffffff0a;border-radius:8px;grid-template-rows:auto auto;grid-template-columns:14px 1fr auto;align-items:center;column-gap:8px;padding:6px 8px;display:grid}.player.active{outline:1px solid var(--accent);background:#ffd16626}.player .swatch{grid-row:span 2}.player .meeples{grid-column:2/span 2;gap:2px;margin-top:2px;display:flex}.player .meeples svg{width:12px;height:13px}.swatch{border:2px solid #fff;border-radius:50%;width:14px;height:14px;display:inline-block}.score{font-weight:600}.turn-title{align-items:center;gap:8px;margin-bottom:8px;display:flex}.draw{align-items:center;gap:12px;display:flex}.draw svg{border-radius:8px;flex:none;box-shadow:0 4px 12px #0006}.draw-actions{flex-direction:column;gap:6px;display:flex}.finished{background:#ffd1661f;border-radius:10px;padding:12px}.winner{font-size:1.05rem;font-weight:600}.log ul{flex-direction:column;gap:3px;max-height:40vh;margin:0;padding:0;font-size:.85rem;list-style:none;display:flex;overflow-y:auto}.log li{background:#ffffff0a;border-radius:4px;padding:3px 6px}.meeple-option:hover circle{fill-opacity:.55}.meeple-option:hover path{fill-opacity:1}.hud header .expand{display:none}@media (width<=800px){.layout{grid-template-rows:1fr auto;grid-template-columns:1fr}.hud{max-height:50vh;padding:10px 12px calc(10px + env(safe-area-inset-bottom));border-top:1px solid #244b73;border-left:none;gap:10px}.hud header{order:0}.hud .online-extra,.hud .resign-banner{order:1}.hud .turn,.hud .finished{order:2}.hud .players{order:3}.hud .log{order:4}.player{padding:4px 8px}.hud header .expand{display:inline-block}.hud header>.muted{display:none}.hud header{flex-wrap:nowrap;gap:6px}.hud header .help{white-space:nowrap;padding:4px 8px;font-size:.75rem}.hud.collapsed .players,.hud.collapsed .log{display:none}.hud.collapsed{max-height:46vh}.hud.expanded{max-height:70vh}button{min-height:44px}.hud header .help,.hud header .sound{min-height:36px}.meeple-btn{padding:10px 14px}.board-tools{top:calc(10px + env(safe-area-inset-top))}.board-tools button{min-height:40px}.draw svg{width:84px;height:84px}.draw-actions p{font-size:.8rem}.modal{border-radius:0;max-height:100vh;padding:16px}.modal-backdrop{padding:0}.setup,.card{padding:16px}}button.link{color:var(--muted);background:0 0;border:none;padding:6px;font-size:.85rem;text-decoration:underline}.join-row{gap:8px;margin-top:14px;display:flex}.join-row button{white-space:nowrap}.join-row input{text-align:center;letter-spacing:.2em;font-family:ui-monospace,monospace}.share{gap:8px;margin:8px 0 14px;display:flex}.share input{font-size:.85rem}.seats{flex-direction:column;gap:6px;margin:0 0 14px;padding:0;list-style:none;display:flex}.seats li{background:#ffffff0a;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;display:flex}.dot{border-radius:50%;width:9px;height:9px;display:inline-block}.dot.on,.badge.on{background:#4cd964}.dot.off{background:#777}.badge{color:#10203a;vertical-align:middle;border-radius:999px;margin-left:6px;padding:2px 8px;font-size:.7rem}.badge.off{background:#f0a020}.online-extra{flex-wrap:wrap;align-items:center;gap:8px;font-size:.85rem;display:flex}.brand{flex-direction:column;align-items:center;line-height:1;display:flex}.brand-kanji{color:var(--text);text-shadow:0 2px 18px #ffd16659;letter-spacing:.08em;font-family:Yuji Mai,Yuji Syuku,Hiragino Mincho ProN,serif}.brand-large .brand-kanji{font-size:4.2rem}.brand-latin{letter-spacing:.5em;color:var(--muted);text-transform:uppercase;margin-top:8px;font-size:.8rem}.brand-small{flex-direction:row;align-items:baseline}.brand-small .brand-kanji{font-size:1.7rem}.hud header{flex-wrap:wrap}.hud header .help{border-radius:999px;margin-left:auto;padding:4px 10px;font-size:.8rem}.hud header .sound{margin-left:auto;padding:4px 8px}.hud header .sound~.help{margin-left:6px}.home-links{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.howto{text-align:left;max-width:720px;position:relative}.howto h2{margin:0 0 8px;font-size:1.5rem}.howto h3{color:var(--accent);margin:22px 0 8px;font-size:1.05rem}.howto .lead{color:var(--text);font-size:1rem}.howto p,.howto li{font-size:.95rem;line-height:1.7}.howto ul{padding-left:1.2em}.howto .steps{flex-direction:column;gap:8px;padding-left:1.4em;display:flex}.howto .steps li strong{display:block}.howto .steps li span{color:var(--muted);font-size:.9rem}.howto .example{background:#ffffff0a;border-radius:10px;align-items:center;gap:14px;margin:10px 0;padding:10px 12px;display:flex}.howto .example p{margin:0}.howto .example-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px;display:grid}.howto .example-grid .example{flex-direction:column;align-items:flex-start;margin:0}.mini-board{border-radius:6px;flex:none;max-width:100%;height:auto;box-shadow:0 4px 12px #00000059}.tile-row{flex-wrap:wrap;gap:14px;display:flex}.tile-figure{flex-direction:column;align-items:center;gap:4px;margin:0;display:flex}.tile-figure svg{border-radius:6px;box-shadow:0 4px 12px #00000059}.tile-figure figcaption{color:var(--muted);font-size:.8rem}.score-table{border-collapse:collapse;width:100%;margin:8px 0;font-size:.88rem}.score-table th,.score-table td{text-align:left;border-bottom:1px solid #2b5480;padding:6px 8px}.score-table th{color:var(--muted);font-weight:500}.howto .close{border-radius:50%;width:34px;height:34px;padding:0;font-size:1.2rem;position:absolute;top:-6px;right:-6px}.howto-page{justify-content:flex-start;padding-top:32px}.howto-page .primary{margin-top:20px}.modal-backdrop{z-index:10;background:#0000008c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--panel);border-radius:14px;width:100%;max-width:760px;max-height:90vh;padding:20px 24px;overflow-y:auto;box-shadow:0 20px 60px #00000080}.howto.compact h3{margin-top:16px}.intro{text-align:center;max-width:520px;color:var(--muted);margin:0 0 18px;font-size:.9rem;line-height:1.8}.howto .story{color:var(--muted);border-left:3px solid var(--accent);padding-left:12px;font-style:normal}.role-row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.role-figure{text-align:center;background:#ffffff0a;border-radius:10px;flex-direction:column;align-items:center;gap:4px;margin:0;padding:10px 8px;display:flex}.role-figure figcaption{flex-direction:column;gap:2px;display:flex}.role-figure strong{font-size:.95rem}.role-figure span{color:var(--muted);font-size:.78rem;line-height:1.5}.meeple-head{align-items:center;gap:10px;display:flex}.meeple-head p{flex:1;margin:0}.meeple-actions{flex-direction:column;flex:none;align-items:stretch;gap:6px;display:flex}.skip-meeple,.undo-tile{white-space:nowrap;flex:none}.undo-tile{color:var(--muted)}.meeple-buttons{flex-wrap:wrap;gap:8px;margin:8px 0;display:flex}.meeple-btn{border-width:2px;align-items:center;gap:8px;padding:10px 14px;font-size:.95rem;display:inline-flex}.meeple-btn-icon{flex:none;overflow:visible}.meeple-option.hot circle{fill-opacity:.7;stroke-width:3px}.meeple-option.hot path{fill-opacity:1}.resign-link{color:var(--muted);align-self:flex-start}.resign-banner{background:#ff8a8024;border:1px solid #ff8a8080;border-radius:10px;padding:10px 12px}.resign-banner p{margin:0 0 8px}.tile.placed{transform-box:fill-box;transform-origin:50%;animation:.5s ease-out land}@keyframes land{0%{opacity:0;transform:scale(1.18)}60%{opacity:1;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.popup{animation:2s ease-out forwards rise}@keyframes rise{0%{transform:translate(var(--tx,0), 0);opacity:0}10%{opacity:1}70%{opacity:1}to{opacity:0}}.popup text{animation:2s ease-out forwards rise-text}@keyframes rise-text{0%{transform:translateY(6px)scale(.8)}20%{transform:translateY(0)scale(1.1)}to{transform:translateY(-34px)scale(1)}}.chest-glow{animation:1.4s ease-out 2 glow}@keyframes glow{0%{r:8;opacity:.9}to{r:20;opacity:0}}.meeple-btn-text{flex-direction:column;align-items:flex-start;line-height:1.25;display:flex}.meeple-btn-text small{color:var(--muted);font-size:.72rem}.player.offline{opacity:.6}.player.offline .swatch{filter:grayscale()}.offline-tag{color:#f0a020;margin-left:6px;font-size:.7rem}.waves{animation:14s linear infinite drift}@keyframes drift{0%{transform:translate(0)}to{transform:translate(25px)}}@media (prefers-reduced-motion:reduce){.waves,.tile.placed,.popup,.popup text{animation:none}}.lod-low .decor,.lod-low .grass,.lod-low .waves{display:none}.last-glow{animation:1.1s ease-in-out 4 lastglow}@keyframes lastglow{0%,to{stroke-opacity:.35;stroke-width:14px}50%{stroke-opacity:.8;stroke-width:22px}}@media (prefers-reduced-motion:reduce){.last-glow{animation:none}}.catalog{text-align:left;max-width:760px;position:relative}.catalog h2{margin:0 0 8px;font-size:1.5rem}.catalog .lead{font-size:.95rem;line-height:1.7}.catalog .close{border-radius:50%;width:34px;height:34px;padding:0;font-size:1.2rem;position:absolute;top:-6px;right:-6px}.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:12px;margin-top:14px;display:grid}.catalog-grid figure{background:#ffffff0a;border-radius:10px;flex-direction:column;align-items:center;gap:6px;margin:0;padding:10px 6px;display:flex}.catalog-grid figure.gone{opacity:.4}.catalog-grid svg{border-radius:6px;box-shadow:0 4px 12px #00000059}.catalog-grid figcaption{text-align:center;flex-direction:column;align-items:center;gap:2px;display:flex}.catalog-desc{color:var(--muted);font-size:.78rem;line-height:1.3}.catalog-count{font-size:.9rem}.catalog-count b{color:var(--accent);font-size:1.05rem}.hud header .toast{background:var(--accent);color:#1a1a1a;border-radius:999px;padding:2px 8px;font-size:.75rem}.seats li .seat-remove{color:var(--error);margin-left:auto}.expansion-toggle{color:var(--text);cursor:pointer;background:#ffffff0d;border:1px solid #3b6b99;border-radius:10px;grid-template-columns:auto auto 1fr;align-items:center;gap:8px 12px;padding:10px 12px;display:grid}.expansion-toggle input{width:20px;height:20px;accent-color:var(--accent);flex:none}.expansion-toggle span{flex-direction:column;gap:2px;display:flex}.expansion-toggle small{color:var(--muted);font-size:.78rem;line-height:1.4}.expansion-toggle .emblem{filter:drop-shadow(0 2px 6px #00000073);flex:none}.expansion-toggle .expansion-title small{letter-spacing:.08em;font-size:.72rem}.expansion-toggle .expansion-title strong{font-size:1rem}.expansion-toggle ul{color:var(--muted);border-top:1px solid #ffffff1a;flex-direction:column;grid-column:1/-1;gap:3px;margin:0;padding:8px 0 0 1.2em;font-size:.8rem;line-height:1.55;display:flex}.expansion-toggle.on ul{color:var(--text)}.catalog h3{color:var(--accent);margin:22px 0 6px;font-size:1rem}.confirm-bar{left:50%;bottom:calc(14px + env(safe-area-inset-bottom));z-index:3;white-space:nowrap;background:#14110ee0;border:1px solid #c9b27a73;border-radius:14px;gap:8px;padding:8px;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 8px 24px #00000073}.confirm-bar button{min-height:48px;padding:10px 16px;font-size:1rem}.meeple-btn.selected{outline:2px solid var(--accent);background:#ffd16638}.howto h4{color:var(--text);margin:16px 0 6px;font-size:.98rem}.expansion-chip{border:1px solid var(--accent);color:var(--accent);white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:.72rem}[data-theme=night] .board{box-shadow:inset 0 0 120px #5078dc1f}[data-theme=dusk] .board{box-shadow:inset 0 0 140px #ff8c461a}@media (width<=800px){.expansion-chip .chip-theme{display:none}.expansion-chip{padding:2px 6px}.hud header{gap:4px}.hud header .help{padding:4px 6px}.hud header .sound~.help{margin-left:0}}.piece-picker{flex-direction:column;gap:4px;margin:8px 0;display:flex}.piece-tabs{flex-wrap:wrap;gap:6px;display:flex}.piece-tab{align-items:center;gap:4px;min-height:44px;padding:6px 10px 6px 6px;font-size:.85rem;display:inline-flex}.piece-tab svg{flex:none;overflow:visible}.piece-tab.on{border-color:var(--accent);outline:1px solid var(--accent);background:#ffd16638}.piece-picker small{color:var(--muted);font-size:.76rem;line-height:1.4}.player .meeples svg.special{width:20px;height:18px;margin-left:3px;overflow:visible}.player .meeples svg.special.used{opacity:.45}.player .goods{color:var(--text);grid-column:2/span 2;gap:10px;margin-top:3px;font-size:.8rem;display:flex}.goods-item{align-items:center;gap:3px;display:inline-flex}.bonus-turn{color:#ffe9a0;white-space:nowrap;background:#1a2550;border:1px solid #ffe9a0;border-radius:999px;margin-left:auto;padding:2px 8px;font-size:.78rem;animation:1.6s ease-in-out infinite bonus-pulse}@keyframes bonus-pulse{0%,to{box-shadow:0 0 #ffe9a000}50%{box-shadow:0 0 12px #ffe9a099}}@media (prefers-reduced-motion:reduce){.bonus-turn{animation:none}}.night-moon{pointer-events:none;z-index:1;width:84px;height:84px;position:absolute;top:8px;right:12px}@media (width<=800px){.night-moon{width:64px;height:64px;right:6px;top:calc(4px + env(safe-area-inset-top))}}[data-theme=night] .board-wrap:after{content:"";pointer-events:none;z-index:1;opacity:.55;background-image:radial-gradient(1.2px 1.2px at 12% 18%,#fff,#0000 60%),radial-gradient(1px 1px at 28% 72%,#dfe8ff,#0000 60%),radial-gradient(1.4px 1.4px at 46% 9%,#fff,#0000 60%),radial-gradient(1px 1px at 63% 84%,#dfe8ff,#0000 60%),radial-gradient(1.2px 1.2px at 81% 33%,#fff,#0000 60%),radial-gradient(1px 1px at 92% 66%,#dfe8ff,#0000 60%),radial-gradient(1px 1px at 7% 55%,#fff,#0000 60%),radial-gradient(1.3px 1.3px at 37% 41%,#dfe8ff,#0000 60%);position:absolute;inset:0}[data-theme=night] .expansion-chip{color:#ffe9a0;border-color:#ffe9a0}.shore-coast path,.shore-sand path{transition:stroke-width 1.4s ease-in-out}[data-tide=low] .shore-coast path{stroke-width:23px}[data-tide=low] .shore-sand path{stroke-width:20px}[data-tide=high] .shore-coast path{stroke-width:9px}[data-tide=high] .shore-sand path{stroke-width:6px}@media (prefers-reduced-motion:reduce){.shore-coast path,.shore-sand path,.tide-water{transition:none}}.tide{background:#ffffff0d;border:1px solid #9fd8e859;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;display:flex}.tide.tide-high,.tide.tide-low{border-color:var(--accent);background:#ffd1661a}.tide-gauge{border-radius:8px;flex:none;overflow:hidden}.tide-water{transition:transform 1.4s ease-in-out}.tide-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.tide-text strong{margin-right:8px;font-size:1rem}.tide-bonus{color:var(--accent);white-space:nowrap;font-size:.8rem;font-weight:600}.tide-text small{color:var(--muted);font-size:.76rem}.tide-steps{flex:none;gap:3px;margin:0;padding:0;list-style:none;display:flex}.tide-steps li{width:20px;height:20px;color:var(--muted);border:1px solid #ffffff2e;border-radius:50%;place-items:center;font-size:.68rem;display:grid}.tide-steps li.on{color:#10263c;background:#9fd8e8;border-color:#9fd8e8;font-weight:700}.expansion-toggle.expansion-tide.on{background:#9fd8e81a;border-color:#9fd8e8}@media (width<=800px){.hud .tide{order:2;padding:6px 8px}}.tide-row{grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0;display:grid}@media (width<=800px){.tide-row{grid-template-columns:repeat(2,1fr)}}.experimental{border:1px dashed #9fd8e88c;border-radius:12px;flex-direction:column;gap:8px;min-width:0;margin:4px 0;padding:8px 10px 10px;display:flex}.experimental legend{color:#9fd8e8;letter-spacing:.08em;padding:0 8px;font-size:.8rem}.experimental>p{color:var(--muted);margin:0;font-size:.76rem;line-height:1.5}.hud header .bgm{margin-left:4px;font-weight:700}.hud header .bgm.off{opacity:.55;text-decoration:line-through}.hud header .sound~.bgm{margin-left:4px}.spot.watch{opacity:.7}.roulette{z-index:30;-webkit-backdrop-filter:blur(6px);cursor:pointer;background:#060c16e6;place-items:center;display:grid;position:fixed;inset:0}.roulette-card{background:var(--panel);text-align:center;border:1px solid #3b6b99;border-radius:16px;min-width:min(360px,90vw);padding:22px 26px;box-shadow:0 16px 48px #00000080}.roulette-card h2{margin:0 0 14px;font-size:1.15rem}.roulette-card ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.roulette-card li{background:#ffffff0d;border:2px solid #0000;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;font-size:1.05rem;transition:background 80ms,transform 80ms;display:flex}.roulette-card li.lit{background:#ffd16647;transform:scale(1.04)}.roulette-card li.hit{background:#ffd16673;animation:.5s ease-out 2 roulette-hit;transform:scale(1.08);box-shadow:0 0 18px #ffd16699}@keyframes roulette-hit{0%,to{transform:scale(1.08)}50%{transform:scale(1.14)}}.roulette-card .muted{margin:14px 0 0;font-size:.8rem}.breakdown-wrap{margin:8px 0 4px;overflow-x:auto}.breakdown{border-collapse:collapse;width:100%;font-size:.76rem}.breakdown th,.breakdown td{text-align:right;white-space:nowrap;border-bottom:1px solid #ffffff14;padding:3px 4px}.breakdown thead th{color:var(--muted);font-size:.72rem;font-weight:600}.breakdown tbody th{text-align:left;align-items:center;gap:6px;font-weight:600;display:flex}.breakdown td.total{color:var(--accent);font-weight:800}.final-mark{filter:drop-shadow(0 1px 2px #0009)}.hand{background:#ffffff0d;border:1px solid #c9b27a59;border-radius:10px;flex-direction:column;gap:6px;margin:4px 0 8px;padding:8px 10px;display:flex}.hand-head{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.hand-head small{color:var(--muted);flex:1;font-size:.74rem}.hand-head .link{padding:0;font-size:.74rem}.hand-cards{gap:8px;display:flex}.hand-card{background:#00000040;border:2px solid #0000;border-radius:8px;min-height:0;padding:3px;line-height:0}.hand-card.on{border-color:var(--accent);box-shadow:0 0 0 2px #ffd1664d}.hand-card:disabled{opacity:.85;cursor:default}.hand-card svg{border-radius:5px}.hand-deck{border-top:1px dashed #ffffff26;flex-wrap:wrap;gap:3px;padding-top:4px;display:flex}.hand-deck-tile{opacity:.9;border-radius:4px}.hand-hidden{padding:6px 10px}.hand-hidden small{color:var(--muted)}.players .hand-count{color:var(--muted);white-space:nowrap;font-size:.72rem;display:block}.finished-actions{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.expansion-picker{flex-direction:column;gap:10px;display:flex}.segmented{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.segmented button{color:var(--text);background:#ffffff0d;border:1px solid #3b6b99;border-radius:10px;flex-direction:column;align-items:center;gap:2px;min-height:52px;padding:8px 6px;display:flex}.segmented button small{color:var(--muted);white-space:nowrap;font-size:.7rem}.segmented button.on{border-color:var(--accent);background:#ffd16624}.segmented button.on small{color:var(--text)}.expansion-detail{background:#ffffff0d;border:1px solid #3b6b99;border-radius:10px;align-items:flex-start;gap:12px;padding:10px 12px;display:flex}.expansion-detail .emblem{filter:drop-shadow(0 2px 6px #00000073);flex:none}.expansion-detail ul{color:var(--muted);flex-direction:column;gap:3px;margin:0;padding-left:1.1em;font-size:.8rem;line-height:1.55;display:flex}.expansion-detail.expansion-1{border-color:#f3c766}.expansion-detail.expansion-2{border-color:#ffe9a0}details.experimental summary{cursor:pointer;color:#9fd8e8;letter-spacing:.06em;padding:4px 0;font-size:.8rem}details.experimental[open] summary{margin-bottom:6px}.icon{vertical-align:-.18em;flex:none}button .icon{margin-right:.15em}.board-tools button .icon{margin-right:.2em}.help .icon{font-size:1.05em}.expansion-chip .icon{vertical-align:-.15em;margin-right:.1em}.bonus-turn .icon{vertical-align:-.15em}.hud header .help:not(.expand){align-items:center;gap:.25em;display:inline-flex}button.link{box-shadow:none;color:var(--muted);background:0 0;border:none;padding:4px 2px;text-decoration:underline}button.link:hover:not(:disabled){color:var(--text);background:0 0}.expansion-detail.expansion-0{border-color:#9fd6f2}.audio-menu{display:inline-block;position:relative}.hud header .sound .icon{color:var(--accent);font-size:1.15em}.hud header .sound.off .icon{color:var(--muted)}.audio-pop{z-index:20;background:var(--panel);border:1px solid #3f6f9e;border-radius:12px;flex-direction:column;gap:8px;min-width:240px;padding:10px 12px;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 10px 30px #00000073}.audio-row{grid-template-columns:5.2em 1fr 3em;align-items:center;gap:8px;font-size:.8rem;display:grid}.audio-label{color:var(--text);white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.audio-label .icon{color:var(--accent)}.audio-row input[type=range]{width:100%;accent-color:var(--accent);min-height:28px}.audio-val{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}@media (width<=800px){.audio-pop{left:0;right:auto}}.install-hint{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:30;background:var(--panel);border:1px solid #3f6f9e;border-radius:14px;max-width:520px;margin:0 auto;padding:14px 16px;position:fixed;box-shadow:0 12px 36px #00000080}.install-hint .install-title{margin:0 0 8px;font-weight:700}.install-steps{flex-direction:column;gap:4px;margin:0 0 10px;padding-left:1.4em;font-size:.92rem;display:flex}.install-steps svg{vertical-align:-5px;color:var(--accent);margin:0 2px}.install-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}