@layer theme, base, components, utilities;@layer components{.arcade-room{color-scheme:dark;--ring:var(--arcade-accent);background-color:var(--arcade);color:var(--arcade-foreground)}.game-tile{--tile-accent:var(--arcade-accent)}.game-tile-link{isolation:isolate;box-shadow:var(--shadow-tile);transition:transform .18s ease-out,box-shadow .18s ease-out}.game-tile-link:after,.today-card:after{content:"";position:absolute;inset:0;z-index:4;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px rgb(255 255 255/.08);transition:box-shadow .18s ease-out}.game-tile-scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(to top,color-mix(in oklab,var(--arcade) 94%,transparent) 0,color-mix(in oklab,var(--arcade) 62%,transparent) 26%,transparent 56%)}.game-tile-text{z-index:3}.game-tile-title,.today-card-title{text-shadow:0 1px 16px rgb(0 0 0/.55)}.game-tile-label,.today-card-label{color:color-mix(in oklab,var(--tile-accent) 45%,white)}.game-tile-play{position:absolute;left:50%;top:42%;z-index:3;display:grid;place-items:center;width:3.25rem;height:3.25rem;border-radius:999px;background:var(--arcade-foreground);color:var(--arcade);box-shadow:0 0 0 6px color-mix(in oklab,var(--tile-accent) 38%,transparent);opacity:0;transform:translate(-50%,-50%) scale(.85);transition:opacity .18s ease-out,transform .18s ease-out}.game-tile-badge{background:color-mix(in oklab,var(--arcade) 84%,transparent)}.game-tile-link:focus-visible{outline:2px solid color-mix(in oklab,var(--tile-accent) 65%,white);outline-offset:3px}.game-tile-link:focus-visible,.today-row:focus-visible .today-row-thumb{transform:translateY(-4px) scale(1.02)}.game-tile-link:focus-visible,.today-card:focus-within{box-shadow:0 26px 48px -22px color-mix(in oklab,var(--tile-accent) 75%,transparent),var(--shadow-tile)}.game-tile-link:focus-visible:after,.today-card:focus-within:after{box-shadow:inset 0 0 0 2px color-mix(in oklab,var(--tile-accent) 80%,white)}.game-tile-link:focus-visible .game-tile-play{opacity:1;transform:translate(-50%,-50%) scale(1)}@media (hover:hover){.game-tile-link:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 26px 48px -22px color-mix(in oklab,var(--tile-accent) 75%,transparent),var(--shadow-tile)}.game-tile-link:hover:after,.today-card:hover:after{box-shadow:inset 0 0 0 2px color-mix(in oklab,var(--tile-accent) 80%,white)}.game-tile-link:hover .game-tile-play{opacity:1;transform:translate(-50%,-50%) scale(1)}.today-card:hover{box-shadow:0 30px 60px -28px color-mix(in oklab,var(--tile-accent) 70%,transparent),var(--shadow-tile)}.today-row:hover .today-row-thumb{transform:translateY(-2px) scale(1.03);box-shadow:0 0 0 2px color-mix(in oklab,var(--tile-accent) 80%,white)}.today-row:hover .today-row-cta{background:color-mix(in oklab,var(--tile-accent) 32%,var(--arcade))}}.today-card{--tile-accent:var(--arcade-accent);isolation:isolate;box-shadow:var(--shadow-tile);transition:box-shadow .18s ease-out}.today-card-scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(to top,color-mix(in oklab,var(--arcade) 92%,transparent) 0,color-mix(in oklab,var(--arcade) 55%,transparent) 30%,transparent 60%)}.today-card-swap{animation:today-card-in .2s ease-out}@keyframes today-card-in{0%{opacity:0}}.today-row{--tile-accent:var(--arcade-accent)}.today-row-cta,.today-row-thumb{transition:transform .18s ease-out,box-shadow .18s ease-out,background-color .18s ease-out}.game-rail-scroller{--fade-start:0px;--fade-end:0px;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--fade-start),#000 calc(100% - var(--fade-end)),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 var(--fade-start),#000 calc(100% - var(--fade-end)),transparent 100%)}.game-rail-scroller::-webkit-scrollbar{display:none}.game-rail-scroller[data-start=false]{--fade-start:2.75rem}.game-rail-scroller[data-end=false]{--fade-end:2.75rem}.game-rail-scroller>li{scroll-snap-align:start}.game-filter-bar{position:sticky;top:var(--header-height);z-index:30;background:var(--arcade);transition:box-shadow .18s ease-out}.game-filter-bar[data-stuck=true]{box-shadow:0 1px 0 var(--arcade-border),0 14px 24px -20px rgb(0 0 0/.9)}.game-step-number{background:color-mix(in oklab,var(--game-accent,var(--arcade-accent)) 24%,var(--arcade))}.game-accent-text,.game-step-number{color:color-mix(in oklab,var(--game-accent,var(--arcade-accent)) 45%,white)}.game-accent-dot{background:color-mix(in oklab,var(--game-accent,var(--arcade-accent)) 60%,white)}.game-faq summary::-webkit-details-marker{display:none}.game-hud-stat+.game-hud-stat{border-left:1px solid var(--border)}.game-hud-accent{color:color-mix(in oklab,var(--game-accent,var(--primary)) 55%,white)}.game-icon-button:hover{border-color:color-mix(in oklab,var(--game-accent,var(--border-strong)) 70%,var(--border))}.game-overlay-light{--overlay-paper:oklch(98.4% 0.006 85);--overlay-ink:oklch(21% 0.012 60);--overlay-muted:oklch(46% 0.012 60);--overlay-rule:oklch(90% 0.008 80);background-color:color-mix(in oklab,var(--overlay-paper) 72%,transparent);color:var(--overlay-ink)}.game-overlay-light .game-overlay-panel{border-color:var(--overlay-rule);background-color:var(--overlay-paper);color:var(--overlay-ink)}.game-overlay-light .game-overlay-subtitle{color:var(--overlay-muted)}@media (prefers-reduced-motion:reduce){.game-tile-link,.game-tile-link:focus-visible,.game-tile-link:hover,.today-row:focus-visible .today-row-thumb,.today-row:hover .today-row-thumb{transform:none}.game-tile-link:focus-visible .game-tile-play,.game-tile-link:hover .game-tile-play,.game-tile-play{transform:translate(-50%,-50%)}.today-card-swap{animation:none}}}@layer components{.reversi-stage{--reversi-accent:#d97757;--reversi-muted:#b3ad9f;--primary:#d97757;--primary-hover:#c96442;--primary-foreground:#141413;--ring:#d97757;--color-primary:#d97757;--color-primary-hover:#c96442;--color-primary-foreground:#141413;--color-ring:#d97757;background:radial-gradient(120% 80% at 50% 0,rgb(217 119 87/.1),transparent 60%),#1f1e1d;color:#faf9f5}.reversi-board{gap:2px;padding:6px;border-radius:18px;background:#c9c0aa;box-shadow:inset 0 1px 0 rgb(255 255 255/.25),0 22px 50px -18px rgb(0 0 0/.75),0 0 0 1px rgb(0 0 0/.35)}.reversi-cell{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1;border-radius:6px;background:#efeadd;outline:none;transition:background-color .14s ease-out}.reversi-board>[role=row]:first-child>.reversi-cell:first-child{border-top-left-radius:13px}.reversi-board>[role=row]:first-child>.reversi-cell:last-child{border-top-right-radius:13px}.reversi-board>[role=row]:last-child>.reversi-cell:first-child{border-bottom-left-radius:13px}.reversi-board>[role=row]:last-child>.reversi-cell:last-child{border-bottom-right-radius:13px}.reversi-cell.is-legal{cursor:pointer}@media (hover:hover){.reversi-cell.is-legal:hover{background:#f7e6dc}}.reversi-cell:focus-visible{box-shadow:inset 0 0 0 3px var(--reversi-accent)}.reversi-dot{position:absolute;left:-5px;top:-5px;z-index:1;width:8px;height:8px;border-radius:999px;background:#8f8673;pointer-events:none}.reversi-disc{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:80%;height:80%;border-radius:999px}.reversi-disc.is-black{background:radial-gradient(circle at 35% 30%,#4a4844,#1f1e1d 55%,#141413);box-shadow:0 2px 0 #000,0 5px 10px -3px rgb(0 0 0/.55)}.reversi-disc.is-white{background:radial-gradient(circle at 35% 30%,#ffffff,#faf9f5 55%,#e6e1d4);box-shadow:0 2px 0 #b8b09b,0 5px 10px -3px rgb(60 40 20/.4),inset 0 0 0 1px rgb(0 0 0/.06)}.reversi-disc.is-placed{animation:reversi-place .24s cubic-bezier(.2,.9,.3,1.3)}.reversi-disc.is-flipped{animation:reversi-flip .36s ease-out}.reversi-last{width:22%;height:22%;border-radius:999px;background:var(--reversi-accent)}.reversi-hint{width:26%;height:26%;border-radius:999px;opacity:.85;transition:transform .14s ease-out}.reversi-hint.is-black{background:rgb(31 30 29/.28)}.reversi-hint.is-white{background:transparent;box-shadow:inset 0 0 0 2px rgb(31 30 29/.3)}@media (hover:hover){.reversi-cell.is-legal:hover .reversi-hint{transform:scale(1.5);background:rgb(217 119 87/.55);box-shadow:none}}.reversi-chip{background:rgb(255 255 255/.04);box-shadow:inset 0 0 0 1px rgb(255 255 255/.07);transition:box-shadow .18s ease-out,background-color .18s ease-out}.reversi-chip.is-active{background:rgb(217 119 87/.12);box-shadow:inset 0 0 0 2px var(--reversi-accent)}.reversi-chip-disc{width:26px;height:26px;flex-shrink:0;border-radius:999px}.reversi-chip-disc.is-black{background:#141413;box-shadow:inset 0 0 0 1px rgb(255 255 255/.2)}.reversi-chip-disc.is-white{background:#faf9f5}.reversi-primary{background:var(--reversi-accent,#d97757);color:#fff}.reversi-primary:hover{background:#c96442}.reversi-mini{background:#c9c0aa}.reversi-pulse{animation:reversi-pulse .9s ease-in-out infinite alternate}@keyframes reversi-place{0%{transform:scale(.55);opacity:.4}to{transform:scale(1);opacity:1}}@keyframes reversi-flip{0%{transform:scaleX(.04) scaleY(1.06)}60%{transform:scaleX(1.06)}to{transform:none}}@keyframes reversi-pulse{0%{opacity:.35}to{opacity:1}}@media (prefers-reduced-motion:reduce){.reversi-disc.is-flipped,.reversi-disc.is-placed,.reversi-pulse{animation:none}}}@layer components{.sc-stage{--primary:#d97757;--primary-hover:#c96442;--primary-foreground:#141413;--ring:#d97757;--color-primary:#d97757;--color-primary-hover:#c96442;--color-primary-foreground:#141413;--color-ring:#d97757;background:radial-gradient(120% 80% at 50% 0,rgb(217 119 87/.1),transparent 60%),#1f1e1d;color:#faf9f5}.sc-board{border-radius:14px;background:rgb(255 255 255/.03);box-shadow:inset 0 0 0 1px rgb(255 255 255/.06)}.sc-tile{position:absolute;padding:1.5px;outline:none;border-radius:9px;transition:transform .14s ease-out,opacity .22s ease-out}.sc-tile.is-empty{cursor:default}.sc-face{border-radius:7px;background:linear-gradient(180deg,#fffdf8,#f1ebdc);box-shadow:0 3px 0 #c9bfa6,0 4px 6px rgb(0 0 0/.35),inset 0 0 0 1px rgb(20 20 19/.08);transition:box-shadow .14s ease-out,transform .14s ease-out}.sc-art,.sc-face{display:block;width:100%;height:100%}.sc-art{padding:12% 10% 10%}@media (hover:hover){.sc-tile:not(.is-empty):hover .sc-face{transform:translateY(-1px)}}.sc-tile.is-selected .sc-face{transform:translateY(-3px);background:linear-gradient(180deg,#fff4ec,#f6dccd);box-shadow:0 3px 0 #a9553a,0 0 0 3px #d97757,0 8px 14px rgb(0 0 0/.45)}.sc-tile.is-hint .sc-face{animation:sc-hint .9s ease-in-out infinite}.sc-tile:focus-visible{box-shadow:0 0 0 3px #faf9f5}.sc-tile.is-empty:focus-visible{box-shadow:inset 0 0 0 2px rgb(250 249 245/.5)}.sc-tile.is-leaving{opacity:0;transform:scale(.82);transition-delay:.12s}.sc-tile.is-shake .sc-face{animation:sc-shake .32s ease-in-out}.sc-path{position:absolute;inset:0;pointer-events:none;overflow:visible}.sc-path polyline{fill:none;stroke:#d97757;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px rgb(217 119 87/.7));animation:sc-path .32s ease-out forwards}@keyframes sc-hint{0%,to{box-shadow:0 3px 0 #c9bfa6,0 0 0 2px rgb(240 169 140/.4)}50%{box-shadow:0 3px 0 #c9bfa6,0 0 0 4px #f0a98c,0 0 16px rgb(240 169 140/.6)}}@keyframes sc-shake{0%,to{transform:translateX(0)}25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}@keyframes sc-path{0%{opacity:0}20%{opacity:1}to{opacity:.85}}@media (prefers-reduced-motion:reduce){.sc-face,.sc-tile{transition:none}.sc-tile.is-hint .sc-face{animation:none;box-shadow:0 3px 0 #c9bfa6,0 0 0 4px #f0a98c}}}@layer components{.aa-stage,.bm-stage,.bn-stage,.bs-stage,.c4-stage,.ck-stage,.cl-stage,.db-stage,.hn-stage,.hx-stage,.lo-stage,.m24-stage,.mc-stage,.mz-stage,.pg-stage,.ps-stage,.pt-stage,.rn-stage,.sj-stage,.to-stage,.ttt-stage,.wr-stage,.ws-stage,.yd-stage{--c4-accent:#d97757;--c4-muted:#b3ad9f;--reversi-accent:#d97757;--reversi-muted:#b3ad9f;--primary:#d97757;--primary-hover:#c96442;--primary-foreground:#141413;--ring:#d97757;--color-primary:#d97757;--color-primary-hover:#c96442;--color-primary-foreground:#141413;--color-ring:#d97757;background:radial-gradient(120% 80% at 50% 0,rgb(217 119 87/.1),transparent 60%),#1f1e1d;color:#faf9f5}.c4-board{padding:2.5%;border-radius:20px;background:linear-gradient(180deg,#3a3833,#2b2925);box-shadow:inset 0 1px 0 rgb(255 255 255/.12),0 22px 50px -18px rgb(0 0 0/.75),0 0 0 1px rgb(0 0 0/.4)}.c4-col{display:grid;grid-template-rows:repeat(6,1fr);border-radius:12px;outline:none;transition:background-color .14s ease-out}.c4-col.is-open{cursor:pointer}@media (hover:hover){.c4-col.is-open:hover{background:rgb(217 119 87/.12)}}.c4-col:focus-visible{box-shadow:inset 0 0 0 3px var(--c4-accent)}.c4-hole{aspect-ratio:1;margin:7%;background:#141413;box-shadow:inset 0 3px 6px rgb(0 0 0/.7)}.c4-disc,.c4-hole{display:flex;align-items:center;justify-content:center;border-radius:999px}.c4-disc{width:100%;height:100%;transition:opacity .2s ease-out}.c4-ghost{width:72%;height:72%;opacity:.55}.c4-disc.is-red{background:radial-gradient(circle at 35% 30%,#f0a98c,#d97757 55%,#b85f42);box-shadow:inset 0 -3px 0 rgb(0 0 0/.18)}.c4-disc.is-yellow{background:radial-gradient(circle at 35% 30%,#ffffff,#f4efe3 55%,#d9d1bd);box-shadow:inset 0 -3px 0 rgb(0 0 0/.12)}.c4-disc.is-dropped{animation:c4-drop calc(.14s + var(--drop, 1) * 45ms) cubic-bezier(.5,0,.75,0)}.c4-disc.is-win{box-shadow:0 0 0 3px #141413,0 0 0 6px var(--c4-accent)}.c4-disc.is-dim{opacity:.45}.c4-last{width:22%;height:22%;border-radius:999px;background:rgb(20 20 19/.45)}.c4-chip-disc{width:26px;height:26px;flex-shrink:0;border-radius:999px}.c4-chip-disc.is-red{background:#d97757}.c4-chip-disc.is-yellow{background:#f4efe3}.c4-mini{background:#3a3833}@keyframes c4-drop{0%{transform:translateY(calc(var(--drop, 1) * -116%))}to{transform:none}}}@layer components{.db-stage,.hn-stage,.lo-stage,.mc-stage,.pg-stage,.ps-stage{--lo-muted:#b3ad9f}.lo-board{gap:8px;padding:10px;border-radius:22px;background:#2b2925;box-shadow:inset 0 1px 0 rgb(255 255 255/.1),0 22px 50px -18px rgb(0 0 0/.75),0 0 0 1px rgb(0 0 0/.4)}.lo-cell{position:relative;display:flex;align-items:center;justify-content:center;border-radius:14px;background:#191817;box-shadow:inset 0 2px 6px rgb(0 0 0/.6);outline:none;cursor:pointer;transition:background-color .16s ease-out,box-shadow .16s ease-out}.lo-cell.is-on{background:radial-gradient(circle at 50% 40%,#f6c3ac,#d97757 60%,#b85f42);box-shadow:0 0 22px -2px rgb(217 119 87/.65),inset 0 -3px 0 rgb(0 0 0/.18)}@media (hover:hover){.lo-cell:not(.is-done):hover{filter:brightness(1.15)}}.lo-cell:focus-visible{box-shadow:inset 0 0 0 3px #faf9f5,0 0 0 2px #d97757}.lo-cell.is-hint:after{content:"";position:absolute;inset:22%;border-radius:999px;border:3px dashed #faf9f5;opacity:.9}.lo-cell.is-done{cursor:default}.lo-lamp{width:30%;height:30%;border-radius:999px;background:rgb(255 255 255/.05)}.lo-cell.is-on .lo-lamp{background:rgb(255 250 240/.7);box-shadow:0 0 12px rgb(255 240 220/.8)}.lo-lamp.is-pulse{animation:lo-pulse .26s ease-out}@keyframes lo-pulse{0%{transform:scale(1.8)}to{transform:none}}}@layer components{.db-stage,.hn-stage,.mc-stage,.pg-stage,.ps-stage{--db-muted:#b3ad9f}.db-board{padding:7%;border-radius:22px;background:#2b2925;box-shadow:inset 0 1px 0 rgb(255 255 255/.1),0 22px 50px -18px rgb(0 0 0/.75),0 0 0 1px rgb(0 0 0/.4)}.db-dot{z-index:3;width:14px;height:14px;border-radius:999px;background:#faf9f5;transform:translate(-50%,-50%);pointer-events:none}.db-box,.db-dot{position:absolute}.db-box{display:flex;align-items:center;justify-content:center;transition:background-color .2s ease-out}.db-box.is-p1{background:rgb(217 119 87/.32)}.db-box.is-p2{background:rgb(244 239 227/.16)}.db-box.is-fresh{animation:db-fill .32s ease-out}.db-box-mark{font-size:clamp(.75rem,3.2vw,1.05rem);font-weight:800;color:rgb(250 249 245/.75)}.db-line{position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;outline:none}.db-line.is-h{height:34px;transform:translateY(-50%);padding:0 9px}.db-line.is-v{width:34px;transform:translateX(-50%);padding:9px 0}.db-stroke{display:block;border-radius:999px;background:rgb(255 255 255/.07);transition:background-color .14s ease-out}.db-line.is-h .db-stroke{width:100%;height:6px}.db-line.is-v .db-stroke{width:6px;height:100%}.db-line.is-open{cursor:pointer}@media (hover:hover){.db-line.is-open:hover .db-stroke{background:rgb(217 119 87/.55)}}.db-line:focus-visible .db-stroke{background:rgb(217 119 87/.55);box-shadow:0 0 0 3px #faf9f5}.db-line.is-p1 .db-stroke{background:#d97757}.db-line.is-p2 .db-stroke{background:#e9e3d4}.db-line.is-last .db-stroke{box-shadow:0 0 10px rgb(217 119 87/.8)}.db-chip{width:26px;height:8px;flex-shrink:0;border-radius:999px}.db-chip.is-p1{background:#d97757}.db-chip.is-p2{background:#e9e3d4}@keyframes db-fill{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}}@layer components{.hn-stage,.mc-stage,.pg-stage,.ps-stage{--mc-muted:#b3ad9f}.mc-board{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,6fr) minmax(0,1fr);gap:6px;padding:10px;border-radius:26px;background:linear-gradient(180deg,#3a3833,#2b2925);box-shadow:inset 0 1px 0 rgb(255 255 255/.12),0 22px 50px -18px rgb(0 0 0/.75),0 0 0 1px rgb(0 0 0/.4)}.mc-pit,.mc-store{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:999px;background:#191817;box-shadow:inset 0 3px 8px rgb(0 0 0/.65);outline:none;transition:box-shadow .16s ease-out,background-color .16s ease-out}.mc-pit{aspect-ratio:1}.mc-store{border-radius:22px}.mc-pit.is-active{cursor:pointer;box-shadow:inset 0 3px 8px rgb(0 0 0/.65),0 0 0 2px rgb(217 119 87/.55)}@media (hover:hover){.mc-pit.is-active:hover{background:#2a211c}}.mc-pit:focus-visible{box-shadow:inset 0 3px 8px rgb(0 0 0/.65),0 0 0 3px #faf9f5}.mc-store.is-turn{box-shadow:inset 0 3px 8px rgb(0 0 0/.65),0 0 0 2px rgb(217 119 87/.7)}.mc-pit.is-flash,.mc-store.is-flash{background:#3a2a22}.mc-seeds{display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:2px;width:70%;max-height:62%;overflow:hidden}.mc-seeds.is-store{width:66%;max-height:70%}.mc-seed{width:clamp(4px,1.3vw,8px);height:clamp(4px,1.3vw,8px);border-radius:999px;background:radial-gradient(circle at 35% 30%,#f6c3ac,#d97757 60%,#b85f42)}.mc-count{position:absolute;bottom:6%;font-size:clamp(.65rem,2.4vw,.85rem);text-shadow:0 1px 2px rgb(0 0 0/.8)}.mc-count,.mc-store-count{font-weight:800;color:#faf9f5}.mc-store-count{margin-top:6px;font-size:clamp(1rem,4vw,1.5rem)}.hn-stage,.pg-stage,.ps-stage{--ps-muted:#b3ad9f}.ps-board{gap:6px;padding:4%}.ps-hole{position:relative;display:flex;align-items:center;justify-content:center;border-radius:999px;background:#191817;box-shadow:inset 0 3px 7px rgb(0 0 0/.7),0 0 0 5px #2b2925;outline:none}.ps-hole.is-center:before{content:"";position:absolute;width:18%;height:18%;border-radius:999px;background:rgb(217 119 87/.5)}.ps-hole.is-target{cursor:pointer;box-shadow:inset 0 0 0 3px #d97757,0 0 16px rgb(217 119 87/.5),0 0 0 5px #2b2925}}@layer components{.ps-hole:focus-visible{box-shadow:inset 0 0 0 3px #faf9f5,0 0 0 5px #2b2925}.ps-peg{position:relative;z-index:1;width:78%;height:78%;border-radius:999px;background:radial-gradient(circle at 35% 30%,#ffffff,#f4efe3 55%,#d9d1bd);box-shadow:0 3px 0 #a79f8b,0 6px 10px -3px rgb(0 0 0/.6);cursor:pointer;transition:transform .14s ease-out}.ps-peg.is-movable{box-shadow:0 3px 0 #a79f8b,0 6px 10px -3px rgb(0 0 0/.6),0 0 0 2px rgb(217 119 87/.45)}.ps-peg.is-selected{background:radial-gradient(circle at 35% 30%,#f6c3ac,#d97757 60%,#b85f42);box-shadow:0 3px 0 #8f4a33,0 10px 16px -4px rgb(0 0 0/.6);transform:translateY(-3px) scale(1.06)}.ps-peg.is-landed{animation:ps-land .24s cubic-bezier(.2,.9,.3,1.3)}@keyframes ps-land{0%{transform:scale(.6)}to{transform:none}}}@layer components{.hn-stage,.pg-stage{--hn-muted:#b3ad9f}.hn-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px;border-radius:22px;background:#2b2925;box-shadow:inset 0 1px 0 rgb(255 255 255/.1),0 22px 50px -18px rgb(0 0 0/.75)}.hn-peg{position:relative;display:flex;height:clamp(220px,46vw,300px);flex-direction:column;align-items:center;justify-content:flex-end;border-radius:16px;padding:0 4px 12px;outline:none;cursor:pointer;transition:background-color .14s ease-out}@media (hover:hover){.hn-peg:hover{background:rgb(255 255 255/.04)}}.hn-peg:focus-visible{box-shadow:inset 0 0 0 3px #faf9f5}.hn-peg.is-drop{background:rgb(217 119 87/.08)}.hn-peg.is-goal .hn-base{background:#6b4a3c}.hn-peg.is-hint-from,.hn-peg.is-hint-to{box-shadow:inset 0 0 0 2px #d97757}.hn-peg.is-hint-to{box-shadow:inset 0 0 0 2px #d97757,inset 0 -40px 40px -30px rgb(217 119 87/.35)}.hn-peg.is-shake{animation:hn-shake .28s ease-out}.hn-rod{position:absolute;bottom:12px;width:8px;height:78%;border-radius:999px;background:linear-gradient(90deg,#5a554d,#8a8377,#5a554d)}.hn-base{height:10px;border-radius:999px;background:#4a4640}.hn-base,.hn-stack{position:relative;width:100%}.hn-stack{z-index:1;display:flex;flex-direction:column-reverse;align-items:center;gap:3px;padding-bottom:3px}.hn-disk{display:block;height:clamp(14px,3.6vw,22px);border-radius:999px;box-shadow:inset 0 -3px 0 rgb(0 0 0/.2),inset 0 2px 0 rgb(255 255 255/.25);transition:transform .16s ease-out}.hn-disk.is-lifted{transform:translateY(-18px);box-shadow:inset 0 -3px 0 rgb(0 0 0/.2),0 10px 16px -6px rgb(0 0 0/.6),0 0 0 2px #faf9f5}@keyframes hn-shake{0%,to{transform:none}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}}@layer components{.bm-card{animation:bm-in .26s ease-out}@keyframes bm-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.bm-card{animation:none}}}@layer components{.ck-stage,.to-stage{--ck-muted:#b3ad9f}.ck-board{overflow:hidden;border-radius:16px;border:6px solid #3a3833;box-shadow:0 22px 50px -18px rgb(0 0 0/.75)}.ck-cell{position:relative;display:flex;aspect-ratio:1;align-items:center;justify-content:center;outline:none}.ck-cell.is-light{background:#d9cfba}.ck-cell.is-dark{background:#4a4640}.ck-cell.is-path.is-dark{background:#5e4a3f}.ck-cell.is-target{cursor:pointer}.ck-cell:focus-visible{box-shadow:inset 0 0 0 3px #faf9f5}.ck-dot{width:28%;height:28%;background:rgb(217 119 87/.75)}.ck-dot,.ck-piece{border-radius:999px}.ck-piece{display:flex;width:78%;height:78%;align-items:center;justify-content:center;font-size:clamp(.8rem,3.6vw,1.35rem);line-height:1;cursor:pointer;transition:transform .14s ease-out}.ck-piece.is-p1{background:radial-gradient(circle at 35% 30%,#f6c3ac,#d97757 58%,#b85f42);box-shadow:0 3px 0 #8f4a33,inset 0 0 0 4px rgb(0 0 0/.08);color:#fff7f0}.ck-piece.is-p2{background:radial-gradient(circle at 35% 30%,#ffffff,#f4efe3 55%,#d9d1bd);box-shadow:0 3px 0 #a79f8b,inset 0 0 0 4px rgb(0 0 0/.05);color:#8f4a33}.ck-piece.is-movable{outline:2px solid rgb(250 249 245/.55);outline-offset:2px}.ck-piece.is-selected{transform:translateY(-3px) scale(1.08);outline:3px solid #faf9f5;outline-offset:2px}.ck-piece.is-moved{animation:ck-land .22s ease-out}@keyframes ck-land{0%{transform:scale(.75)}to{transform:none}}}@layer components{.to-stage{--to-muted:#b3ad9f}.to-dot{display:inline-block;width:1.1rem;height:1.1rem;flex-shrink:0;border-radius:9999px}.to-dot.is-a{background:#d97757;box-shadow:0 2px 0 #a9553a}.to-dot.is-b{background:#f4efe3;box-shadow:0 2px 0 #b9b2a2}.to-big{font-size:clamp(3.5rem,14vw,5.5rem);font-weight:900;line-height:1;letter-spacing:-.04em;color:#faf9f5}.to-big.is-out{color:#f0a98c}.to-big.is-pop{animation:to-pop .22s ease-out}.to-cell{display:flex;aspect-ratio:1;align-items:center;justify-content:center;border-radius:.7rem;background:rgb(255 255 255/.05);color:#8f897d;font-size:.9rem;font-weight:800;box-shadow:inset 0 0 0 1px rgb(255 255 255/.05);transition:background-color .18s,color .18s}.to-cell.is-a{background:#d97757;color:#141413}.to-cell.is-b{background:#f4efe3;color:#1f1e1d}.to-cell.is-end:not(.is-a):not(.is-b){color:#f0a98c;box-shadow:inset 0 0 0 2px rgb(217 119 87/.55)}.to-cell.is-last{transform:translateY(-2px);box-shadow:0 6px 14px -6px rgb(0 0 0/.7)}.to-cell.is-key{outline:2px dashed #f0a98c;outline-offset:2px}.to-choice{min-height:3.75rem;border-radius:1rem;padding:.5rem .25rem;background:#d97757;color:#141413;box-shadow:0 3px 0 #a9553a;transition:transform .1s,background-color .15s}.to-choice:hover:not(:disabled){background:#e08a6b}.to-choice:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 #a9553a}.to-choice:focus-visible{outline:3px solid #faf9f5;outline-offset:2px}.to-choice:disabled{cursor:not-allowed;background:rgb(255 255 255/.06);color:#8f897d;box-shadow:none}@keyframes to-pop{0%{transform:scale(1.18)}to{transform:none}}}@layer components{.wr-stage{overflow:hidden}.wr-shake{animation:wr-shake .3s ease-in-out}@keyframes wr-shake{0%,to{transform:none}25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}}@layer components{.ttt-stage{--ttt-muted:#b3ad9f}.ttt-board{border-radius:20px;padding:10px;background:linear-gradient(180deg,#3a3833,#2b2925);box-shadow:inset 0 1px 0 rgb(255 255 255/.1),0 22px 50px -18px rgb(0 0 0/.75)}.ttt-board.is-ultimate{padding:8px}.ttt-cell{display:flex;aspect-ratio:1;align-items:center;justify-content:center;border-radius:6px;background:rgb(20 20 19/.55);outline:none;transition:background-color .15s}.ttt-cell.is-big{border-radius:14px;padding:14%}.ttt-cell.is-open{cursor:pointer}.ttt-cell.is-open:hover{background:rgb(217 119 87/.22)}.ttt-cell[aria-disabled=true]{cursor:default}.ttt-cell:focus-visible{box-shadow:0 0 0 3px #faf9f5;position:relative;z-index:1}.ttt-cell.is-last{background:rgb(217 119 87/.16)}.ttt-cell.is-win{background:rgb(217 119 87/.32)}.ttt-small{position:relative;border-radius:10px;padding:4px;background:rgb(255 255 255/.04);box-shadow:inset 0 0 0 2px transparent;transition:box-shadow .15s,background-color .15s}.ttt-small.is-active{background:rgb(217 119 87/.1);box-shadow:inset 0 0 0 2px #d97757}.ttt-small.is-done .ttt-cell{opacity:.28}.ttt-small.is-win{background:rgb(217 119 87/.26)}.ttt-mark{width:100%;height:100%;fill:none;stroke-linecap:round}.ttt-mark.is-x{stroke:#d97757;stroke-width:6}.ttt-mark.is-o{stroke:#f4efe3;stroke-width:5.5}.ttt-mark.is-new{animation:ttt-pop .22s ease-out}@keyframes ttt-pop{0%{transform:scale(.4);opacity:0}to{transform:none;opacity:1}}}@layer components{.rn-stage{overflow:hidden}.bs-grid-wrap{display:grid;grid-template-columns:1.1rem minmax(0,1fr);grid-template-rows:1.1rem auto;gap:2px}.bs-axis-top{grid-column:2;grid-template-columns:repeat(10,minmax(0,1fr))}.bs-axis-left,.bs-axis-top{display:grid;text-align:center;font-size:.65rem;font-weight:700;color:#8f897d}.bs-axis-left{grid-row:2;grid-template-rows:repeat(10,minmax(0,1fr));align-items:center}.bs-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:2px;border-radius:12px;padding:4px;background:#2b2925;box-shadow:0 14px 34px -16px rgb(0 0 0/.7)}.bs-grid.is-target{box-shadow:0 0 0 2px rgb(217 119 87/.7),0 14px 34px -16px rgb(0 0 0/.7)}.bs-cell{position:relative;aspect-ratio:1;border-radius:4px;background:#1a2426;outline:none}.bs-grid.is-mine .bs-cell{border-radius:3px}.bs-cell.is-open{cursor:crosshair}.bs-cell.is-open:hover{background:#2a3a3c}}@layer components{.bs-cell:focus-visible{box-shadow:0 0 0 2px #faf9f5;z-index:1}.bs-cell.is-ship{background:#c9c2b2}.bs-cell.is-miss:after{content:"";position:absolute;inset:36%;border-radius:9999px;background:rgb(250 249 245/.35)}.bs-cell.is-hit{background:#d97757}.bs-cell.is-hit:after{content:"";position:absolute;inset:30%;border-radius:9999px;background:#faf9f5;opacity:.85}.bs-cell.is-sunk{background:#8a4430}.bs-cell.is-sunk:after{background:#f0a98c;opacity:.6}.bs-cell.is-reveal{background:#4a4640;box-shadow:inset 0 0 0 2px #d97757}.bs-cell.is-last{animation:bs-splash .45s ease-out}.bs-ship-pip{display:inline-block;height:6px;border-radius:9999px;background:#d97757}.bs-ship-pip.is-sunk{background:rgb(250 249 245/.15)}@keyframes bs-splash{0%{transform:scale(.6);box-shadow:0 0 0 6px rgb(250 249 245/.4)}to{transform:none;box-shadow:0 0 0 0 rgb(250 249 245/0)}}}@layer components{.yd-stage{--yd-muted:#b3ad9f}.game-stage.bs-stage,.game-stage.yd-stage{touch-action:manipulation}@media (max-width:767px){.game-stage.yd-stage{overflow:visible}.yd-dock{position:sticky;top:4.75rem;z-index:3;margin:-.75rem -.75rem 0;padding:.75rem .75rem 0;border-radius:12px 12px 0 0;background:#1f1e1d}}.yd-tray{background:radial-gradient(120% 90% at 50% 0,#34503f,#22352b);box-shadow:inset 0 2px 0 rgb(255 255 255/.06),inset 0 -10px 30px rgb(0 0 0/.35),0 18px 40px -18px rgb(0 0 0/.7)}.yd-die{position:relative;display:block;aspect-ratio:1;border-radius:18%;background:linear-gradient(160deg,#fbf8f1,#e9e2d2);box-shadow:0 4px 0 #b9b09c,0 10px 18px -8px rgb(0 0 0/.6);transition:transform .15s,box-shadow .15s}.yd-die:disabled{cursor:default}.yd-die:not(:disabled):hover{transform:translateY(-2px)}.yd-die:focus-visible{outline:3px solid #faf9f5;outline-offset:3px}.yd-die.is-held{transform:translateY(-6px);box-shadow:0 0 0 3px #d97757,0 4px 0 #b9b09c,0 14px 20px -8px rgb(0 0 0/.6)}.yd-die.is-idle{opacity:.55}.yd-die.is-rolling{animation:yd-tumble .14s linear infinite}.yd-die.is-mini{width:2rem}.yd-die.is-tiny{width:1.25rem;flex-shrink:0;box-shadow:0 2px 0 #b9b09c}.yd-pips{position:absolute;inset:16%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);place-items:center}.yd-pips>span{width:72%;aspect-ratio:1;border-radius:9999px}.yd-pips>span.is-on{background:#1f1e1d}.yd-pips>span.is-on.is-one{background:#d97757;width:90%}.yd-sheet{border-collapse:separate;border-spacing:0;overflow:hidden;border-radius:16px;background:rgb(255 255 255/.04)}.yd-sheet td,.yd-sheet th{padding:.4rem .6rem;border-bottom:1px solid rgb(255 255 255/.06)}.yd-sheet thead th{font-size:.75rem;color:var(--yd-muted);font-weight:700}.yd-sheet td{width:4.25rem;text-align:center;font-weight:800;font-variant-numeric:tabular-nums}.yd-sheet tbody th{font-weight:700;max-width:0;width:100%}.yd-sub td,.yd-sub th{background:rgb(255 255 255/.04);font-size:.8rem}.yd-total td,.yd-total th{border-bottom:0;background:rgb(217 119 87/.14);font-size:1rem;font-weight:900}.yd-pick{width:100%;min-height:2.25rem;border-radius:.6rem;background:rgb(217 119 87/.14);color:#f0a98c;font-weight:800;box-shadow:inset 0 0 0 1px rgb(217 119 87/.45)}.yd-pick:hover{background:#d97757;color:#141413}.yd-pick:focus-visible{outline:3px solid #faf9f5;outline-offset:1px}.yd-score.is-new{color:#f0a98c}.yd-score.is-pending{color:#f0a98c;animation:yd-blink .5s ease-in-out infinite alternate}@keyframes yd-tumble{0%{transform:rotate(-8deg) translateY(-3px)}50%{transform:rotate(8deg) translateY(1px)}to{transform:rotate(-8deg) translateY(-3px)}}@keyframes yd-blink{to{opacity:.35}}}@layer components{.cl-stage{--cl-muted:#b3ad9f}.cl-board{display:grid;gap:2px;padding:6px;border-radius:16px;background:#2b2925;box-shadow:0 22px 50px -18px rgb(0 0 0/.75);outline:none;cursor:pointer}.cl-board:focus-visible{box-shadow:0 0 0 3px #faf9f5,0 22px 50px -18px rgb(0 0 0/.75)}.cl-cell{border-radius:6px;background:#1a1918}.cl-cell[data-filled]{background:color-mix(in srgb,var(--cl-tint) 22%,#1a1918)}.cl-board:focus-visible .cl-cell.is-cursor{box-shadow:inset 0 0 0 2px #faf9f5}.cl-board.is-solved{animation:cl-done .6s ease-out}@keyframes cl-done{40%{transform:scale(1.02)}}}@layer components{.m24-stage{--m24-muted:#b3ad9f}.m24-target{display:flex;height:4.5rem;width:4.5rem;align-items:center;justify-content:center;border-radius:1.25rem;background:#d97757;color:#141413;font-size:2.25rem;font-weight:900;box-shadow:0 5px 0 #a9553a;transition:transform .2s}.m24-target.is-win{transform:scale(1.15);background:#f0a98c}.m24-target.is-wrong{animation:wr-shake .3s ease-in-out}.m24-tile{display:flex;min-height:5.5rem;align-items:center;justify-content:center;border-radius:1.25rem;background:linear-gradient(180deg,#faf7f0,#ebe4d4);color:#1f1e1d;font-size:2.5rem;font-weight:900;font-variant-numeric:tabular-nums;box-shadow:0 5px 0 #b9b09c,0 14px 24px -12px rgb(0 0 0/.6);transition:transform .12s,box-shadow .12s}.m24-tile.is-frac{font-size:1.9rem}.m24-tile:hover{transform:translateY(-2px)}.m24-tile.is-selected{transform:translateY(-4px);box-shadow:0 0 0 4px #d97757,0 5px 0 #b9b09c,0 16px 26px -12px rgb(0 0 0/.6)}.m24-op:focus-visible,.m24-tile:focus-visible,.m24-tool:focus-visible{outline:3px solid #faf9f5;outline-offset:3px}.m24-op{height:3.5rem;border-radius:1rem;background:rgb(255 255 255/.07);color:#faf9f5;font-size:1.75rem;font-weight:800;transition:background-color .12s}.m24-op:hover{background:rgb(255 255 255/.12)}.m24-op.is-active{background:#d97757;color:#141413;box-shadow:0 3px 0 #a9553a}.m24-tool{display:inline-flex;height:2.75rem;align-items:center;justify-content:center;gap:.35rem;border-radius:.9rem;background:rgb(255 255 255/.05);color:#d6d1c4;font-size:.85rem;font-weight:700}.m24-tool:disabled{opacity:.4}.hx-board{max-height:70vh;touch-action:manipulation}.hx-edge{fill:none;stroke-width:6;stroke-linecap:round}.hx-edge.is-p1{stroke:#d97757}.hx-edge.is-p2{stroke:#f4efe3}.hx-cell{cursor:default;outline:none}.hx-cell.is-open{cursor:pointer}.hx-hex{fill:#2f2e2b;stroke:#141413;stroke-width:1;transition:fill .15s}.hx-cell.is-open:hover .hx-hex{fill:#3d3b37}}@layer components{.hx-cell:focus-visible .hx-hex{stroke:#d97757;stroke-width:2}.hx-ghost{opacity:0;transition:opacity .15s}.hx-ghost.is-p1{fill:#d97757}.hx-ghost.is-p2{fill:#f4efe3}.hx-cell.is-open:focus-visible .hx-ghost,.hx-cell.is-open:hover .hx-ghost{opacity:.35}.hx-cell.is-p1 .hx-hex{fill:#d97757}.hx-cell.is-p2 .hx-hex{fill:#f4efe3}.hx-stone{fill:none}.hx-cell.is-p1 .hx-stone{fill:#e08a6b}.hx-cell.is-p2 .hx-stone{fill:#ffffff}.hx-last{fill:#141413}.hx-cell.is-win .hx-hex{stroke:#faf9f5;stroke-width:1.6}.hx-cell.is-p2.is-win .hx-hex{stroke:#d97757}.hx-cell.is-dim{opacity:.45}.hx-chip{display:inline-block;height:1.25rem;width:1.25rem;flex-shrink:0;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.hx-chip.is-p1{background:#d97757}.hx-chip.is-p2{background:#f4efe3}.pt-board{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.pt-frame{fill:#141413}.pt-cell{cursor:pointer;outline:none}.pt-tile{fill:#262624;transition:fill .15s}.pt-cell:hover .pt-tile{fill:#302f2c}}@layer components{.pt-cell:focus-visible .pt-tile{stroke:#d97757;stroke-width:4}.pt-rot{transform-box:fill-box;transform-origin:center;transition:transform .16s ease-out}.pt-pipe{stroke:#6b675f;stroke-width:22;stroke-linecap:butt;transition:stroke .2s}.pt-joint{fill:#6b675f;transition:fill .2s}.pt-cell.is-on .pt-pipe{stroke:#d97757}.pt-cell.is-on .pt-joint{fill:#d97757}.pt-cell.is-won .pt-pipe{stroke:#e8906f}.pt-source{fill:#faf9f5;stroke:#141413;stroke-width:5}.pt-house{fill:#3a3936;stroke:#6b675f;stroke-width:5;transition:fill .2s,stroke .2s}.pt-cell.is-on .pt-house{fill:#faf9f5;stroke:#d97757}@media (prefers-reduced-motion:reduce){.pt-rot{transition:none}}}@layer components{.bn-board{gap:4px;padding:6px;border-radius:18px;background:#141413;touch-action:manipulation}.bn-cell{position:relative;display:flex;aspect-ratio:1;align-items:center;justify-content:center;border-radius:10px;background:#2a2927;outline:none;transition:background-color .15s;-webkit-tap-highlight-color:transparent}.bn-cell:hover{background:#34332f}.bn-cell:focus-visible{box-shadow:inset 0 0 0 3px #d97757}.bn-cell.is-given{background:#1d1c1a;cursor:default}.bn-dot{display:block;width:68%;height:68%;border-radius:9999px;transition:transform .12s}.bn-dot.is-a{background:#d97757;box-shadow:inset 0 -3px 0 rgba(0,0,0,.18)}.bn-dot.is-b{background:#f4efe3;box-shadow:inset 0 -3px 0 rgba(0,0,0,.14)}.bn-cell.is-given .bn-dot{width:58%;height:58%;box-shadow:0 0 0 3px #141413,0 0 0 5px rgba(250,249,245,.18)}.bn-cell.is-bad:after{content:"";position:absolute;inset:3px;border-radius:8px;border:3px solid #e5484d;pointer-events:none}.bn-cell.is-won .bn-dot{transform:scale(1.06)}.game-stage.ws-stage{touch-action:manipulation}.ws-tube{display:flex;flex-direction:column;align-items:center;gap:6px;outline:none;transition:transform .18s ease-out;-webkit-tap-highlight-color:transparent}.ws-glass{position:relative;display:block;width:min(100%,52px);aspect-ratio:.3;overflow:hidden;border:3px solid rgba(250,249,245,.35);border-top:0 solid rgba(250,249,245,.35);border-radius:6px 6px 26px 26px;background:rgba(250,249,245,.04);transition:border-color .15s,box-shadow .15s}.ws-tube:hover .ws-glass{border-color:rgba(250,249,245,.55)}}@layer components{.ws-tube:focus-visible .ws-glass{box-shadow:0 0 0 3px #d97757}.ws-layer{position:absolute;left:0;right:0;height:25%;display:flex;align-items:center;justify-content:center;transition:bottom .15s}.ws-mark{font-size:.7rem;line-height:1;color:rgba(20,20,19,.38)}.ws-num{font-size:.75rem;font-weight:700;color:#8a857a}.ws-tube.is-lifted{transform:translateY(-14px)}.ws-tube.is-lifted .ws-glass{border-color:#d97757}.ws-tube.is-hint-from .ws-glass,.ws-tube.is-hint-to .ws-glass{border-color:#e3b341;border-style:dashed}.ws-tube.is-done .ws-glass{border-color:rgba(250,249,245,.7)}.ws-tube.is-done .ws-num{color:#d97757}.ws-tube.is-shake{animation:ws-shake .3s}@keyframes ws-shake{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}@media (prefers-reduced-motion:reduce){.ws-layer,.ws-tube{transition:none}.ws-tube.is-shake{animation:none}}}