.ss-companion{display:inline-block;vertical-align:middle;image-rendering:crisp-edges;image-rendering:pixelated;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;flex:none}.ss-companion.locked{cursor:default}.ss-buddy-stage{position:relative;flex:1 1 0;min-width:0;align-self:center;clip-path:inset(-14px 0 -8px 0);pointer-events:none}.ss-buddy,.ss-buddy-dog{position:absolute;left:0;bottom:-5px;image-rendering:crisp-edges;image-rendering:pixelated;pointer-events:auto;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;will-change:transform}.ss-buddy{translate:0 var(--dy,0px);rotate:var(--rot,0deg);scale:var(--flip,1) 1;transform-origin:50% 100%}.ss-buddy-dog{bottom:-4px}.pw-window{position:relative;width:100%;aspect-ratio:16/10;overflow:hidden;border-radius:6px;background:#0b2233;touch-action:none;user-select:none;-webkit-user-select:none;border:6px solid #c9a56a;box-shadow:inset 0 0 0 2px #ffffff2e,0 4px #0a1416,0 0 0 2px #5a4426}.pw-canvas{display:block;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges}.pw-canvas.pw-fg{position:absolute;inset:0;z-index:2;cursor:pointer}.pw-glass{position:absolute;inset:0;pointer-events:none;background:linear-gradient(125deg,#ffffff29 0,#fff0 28% 70%,#ffffff0f)}.pw-win-pool{border-color:#d9b98a;border-radius:14px}.pw-win-porthole{border:8px solid #b8873a;border-radius:10px;box-shadow:inset 0 0 0 2px #f0cf8a,inset 0 0 18px #00000073,0 4px #3a2a10,0 0 0 3px #6e4f1d}.pw-win-porthole:after{content:"";position:absolute;inset:-1px;border-radius:9px;pointer-events:none;z-index:4;background:radial-gradient(circle at 1.6% 3%,#f0cf8a 0 2px,transparent 3px),radial-gradient(circle at 98.4% 3%,#f0cf8a 0 2px,transparent 3px),radial-gradient(circle at 1.6% 97%,#f0cf8a 0 2px,transparent 3px),radial-gradient(circle at 98.4% 97%,#f0cf8a 0 2px,transparent 3px)}.pw-win-kelp{border-color:#2e5a46;box-shadow:inset 0 0 0 2px #6fa37c,0 4px #0a1416,0 0 0 2px #17301f}.pw-win-twilight{border-color:#3a4766;border-radius:4px;box-shadow:inset 0 0 0 2px #8aa0c8,0 4px #0a1416,0 0 0 2px #1b2236}.pw-win-abyss{border-color:#0d1324;border-radius:4px;box-shadow:inset 0 0 0 2px #2a5fd0,0 0 14px #4682ff59,0 4px #04070e}.pw-win-trench{border-color:#07080c;border-radius:3px;box-shadow:inset 0 0 0 2px #29d6c4,0 0 18px #29d6c459,0 4px #000}.pw-dialog{width:min(600px,100%)}.pw-home-window{position:relative;margin:4px -10px 8px}@media(max-width:560px){.pw-home-window{margin:4px -14px 8px}.pw-home-window .pw-window:not(.gaming){aspect-ratio:4/3;border-width:5px}}.pw-depth{position:absolute;top:5px;left:6px;z-index:5;padding:1px 6px;border-radius:8px;pointer-events:none;font:600 9px/1.5 DM Mono,Rubik,monospace;letter-spacing:.06em;color:#e2f4f6db;background:#020a1073;box-shadow:inset 0 0 0 1px #ffffff24}.pw-unseen{position:absolute;inset:0;display:grid;place-content:center;gap:4px;padding:16px;text-align:center;pointer-events:none;font:400 12px/1.45 Rubik;color:#e8f4f6;text-shadow:0 1px 2px rgba(0,0,0,.6)}.pw-unseen b{font:400 18px/1 Dela Gothic One,Rubik;color:#f4eee6}.pw-feed{display:flex;align-items:center;gap:4px;margin:0 0 10px}.pw-feed i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;font:700 10px Rubik;font-style:normal;color:#6f8a90;background:#0f1a1d;box-shadow:inset 0 0 0 1.5px #23363a}.pw-feed i.on{color:#0b1c22;background:#7fe3d6;box-shadow:inset 0 0 0 1.5px #c9fff6,0 0 8px #7fe3d680}.pw-feed i.shut{opacity:.35}.pw-feed small{margin-left:6px;font:500 11px Rubik;color:#cfe}.pw-status p{margin:0 0 8px;font:400 12px/1.5 Rubik;color:#e3eef0}.pw-status p b{color:#7fe3d6}.pw-small{font-size:11px!important;color:#a9bfc4!important}.pw-larva-note{padding:7px 9px;border-radius:3px;background:#7fe3d61a;box-shadow:inset 0 0 0 1px #7fe3d666}.pw-hint-shop{color:#f6d77a!important}.pw-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 8px}.pw-row .ss-ghost-btn.on{background:var(--gold);color:#1a1503}.pw-check{display:flex;align-items:center;gap:6px;font:500 11px Rubik;color:#e3eef0;cursor:pointer}.pw-swatch{position:relative;display:grid;place-items:center;width:96px;height:56px;border-radius:4px;box-shadow:inset 0 0 0 1px #ffffff2e}.pw-swatch b{font:400 20px/1 Dela Gothic One,Rubik;color:#ffffffd9;text-shadow:0 1px 2px rgba(0,0,0,.5)}.pw-swatch.sticker{background:#173842}.pw-stage .pw-buddy{image-rendering:pixelated;cursor:pointer;will-change:transform}.st-deep{width:min(420px,100%);margin:8px auto 4px}.st-deep .pw-window{aspect-ratio:21/9;border-width:4px}.st-deep p{margin:4px 0 0;text-align:center;font:400 11px/1.4 Rubik;color:#cfe}.pw-window.gaming{aspect-ratio:1/1;width:min(100%,72vh,560px);margin:0 auto}.pw-tip{position:absolute;left:50%;bottom:8px;transform:translate(-50%);max-width:88%;padding:5px 9px;border-radius:3px;z-index:6;pointer-events:none;font:500 11px/1.35 Rubik;color:#0b1c22;background:#f6f1e6;box-shadow:0 2px #00000059;text-align:center}.pw-sticker{position:absolute;z-index:3;width:clamp(64px,24%,140px);aspect-ratio:1;transform:translate(-50%,-50%) rotate(-3deg);pointer-events:none;line-height:0;filter:drop-shadow(0 2px 0 rgba(0,0,0,.28)) drop-shadow(0 4px 6px rgba(0,0,0,.25));transition:transform .18s}.pw-sticker:nth-of-type(2n){transform:translate(-50%,-50%) rotate(4deg)}.pw-window.movable .pw-sticker{pointer-events:auto;cursor:grab;touch-action:none}.pw-sticker.held{cursor:grabbing;transform:translate(-50%,-50%) scale(1.1) rotate(-6deg);z-index:4}.pw-sticker.touched{animation:sk-wobble .9s ease-in-out}@keyframes sk-wobble{25%{transform:translate(-50%,-50%) rotate(6deg) scale(1.06)}55%{transform:translate(-50%,-50%) rotate(-5deg) scale(1.04)}80%{transform:translate(-50%,-50%) rotate(2deg)}}.sk{display:block;overflow:visible}.sk .sk-cut{fill:#fff;stroke:#e9edf2;stroke-width:1}.sk-word{font:800 9px Rubik,sans-serif;letter-spacing:.06em}.sk-word.big{font-size:12px}.sk-rank{font:800 8px Rubik,sans-serif}.sk-glyph{font:900 20px "Noto Serif SC","Noto Serif TC",serif}.sk-seal{font:900 28px "Noto Serif SC","Noto Serif TC",serif}.sk *{transform-box:fill-box}.sk-band{transform-origin:center}.touched .sk-band{animation:sk-ripple .9s ease-in-out}.touched .sk-band.b1{animation-delay:.12s}.touched .sk-band.b2{animation-delay:.24s}@keyframes sk-ripple{40%{transform:translateY(-3px) scaleY(1.08)}}.touched .sk-crest{animation:sk-ride 1.2s ease-in-out}@keyframes sk-ride{50%{transform:translate(8px) translateY(-3px)}}.sk-cell{transform-origin:center}.touched .sk-cell{animation:sk-flip .6s ease-in-out both}@keyframes sk-flip{50%{transform:scaleX(-1);filter:brightness(1.6)}}.sk-lid{transform-origin:bottom center}.touched .sk-lid{animation:sk-open 1.4s ease-in-out}@keyframes sk-open{30%,70%{transform:translateY(-6px) rotate(-6deg)}}.touched .sk-orb{animation:sk-shine 1.4s ease-in-out}.touched .sk-glint{animation:sk-twinkle 1.2s ease-in-out}@keyframes sk-shine{40%{filter:brightness(1.4) drop-shadow(0 0 4px #fff)}}@keyframes sk-twinkle{0%,to{opacity:.4;transform:scale(.6)}50%{opacity:1;transform:scale(1.4) rotate(45deg)}}.sk-card{transform-box:view-box;transform-origin:50px 64px;transform:rotate(var(--r));transition:transform .45s cubic-bezier(.3,1.6,.5,1)}.touched .sk-card{transform:rotate(var(--fan)) translateY(-2px)}.sk-sway{transform-box:view-box;transform-origin:50px 6px;animation:sk-swing 4s ease-in-out infinite}@keyframes sk-swing{50%{transform:rotate(3deg)}}.touched .sk-body{animation:sk-shine 1.4s ease-in-out}.sk-swirl{transform-box:view-box;transform-origin:50px 50px}.touched .sk-swirl{animation:sk-turn 1.6s ease-in-out}@keyframes sk-turn{to{transform:rotate(360deg)}}.touched .sk-bub{animation:sk-up 1.2s ease-out both}@keyframes sk-up{to{transform:translateY(-22px);opacity:0}}.sk-spin{transform-box:view-box;transform-origin:50px 60px}.touched .sk-spin{animation:sk-top 1.4s cubic-bezier(.2,.7,.3,1)}@keyframes sk-top{to{transform:rotate(720deg)}}.sk-halo{transform-origin:center;animation:sk-halo 3s ease-in-out infinite}@keyframes sk-halo{50%{transform:translateY(-1.5px)}}.sk-beat{transform-origin:center}.touched .sk-beat{animation:sk-beat .45s ease-in-out 3}@keyframes sk-beat{50%{transform:scale(1.5)}}.touched .sk-arm{animation:sk-wave .6s ease-in-out 2}.sk.sk-threeheart *{transform-box:view-box}.sk-th-bob{transform-box:view-box;transform-origin:50px 55px;animation:sk-th-float 4s ease-in-out infinite}.touched .sk-th-bob{animation:sk-th-hop .9s ease-in-out}@keyframes sk-th-float{50%{transform:translateY(-1.5px)}}@keyframes sk-th-hop{30%{transform:translateY(-5px) scale(1.06)}60%{transform:translateY(0) scale(.97,1.03)}}@keyframes sk-wave{50%{transform:rotate(10deg)}}.sk-stamp{transform-box:view-box;transform-origin:50px 50px}.touched .sk-stamp{animation:sk-stamp .8s cubic-bezier(.3,1.4,.5,1)}@keyframes sk-stamp{0%{transform:scale(1)}30%{transform:scale(1.18) translateY(-4px)}55%{transform:scale(.92)}to{transform:scale(1)}}.sk-dragon .sk-lid{transform-box:view-box;transform-origin:50px 46px;transition:transform .4s}.touched.pw-sticker .sk-dragon .sk-lid{animation:none;transform:scaleY(.15) translateY(-8px)}.sk-slit{transform-origin:center}.touched .sk-slit{animation:sk-slit 1.4s ease-in-out}@keyframes sk-slit{50%{transform:scaleX(.4)}}.touched .sk-eye{filter:drop-shadow(0 0 5px #9fffc8)}.sk-aura{transform-origin:center;animation:sk-aura 4s ease-in-out infinite}@keyframes sk-aura{50%{transform:scale(1.08);opacity:.75}}.touched .sk-aura{animation:sk-aura .6s ease-in-out 3}.sk-star{transform-origin:center;animation:sk-twinkle 2.4s ease-in-out infinite}.pw-gate{position:absolute;left:2%;bottom:6%;height:52%;aspect-ratio:100/120;z-index:1;pointer-events:none;filter:drop-shadow(0 2px 0 rgba(0,0,0,.25))}.pw-window.pw-win-porthole .pw-gate{left:10%;bottom:9%;height:44%}.pw-window.gaming .pw-gate{opacity:.35}.gate-art{display:block;width:100%;height:100%;overflow:visible}.gate-art *{transform-box:view-box}.gt-spin{animation:gt-spin 9s linear infinite}.gt-spin-r{animation:gt-spin 13s linear infinite reverse}.gt-spin-slow{animation:gt-spin 26s linear infinite}@keyframes gt-spin{to{transform:rotate(360deg)}}.gt-core{animation:gt-core 3s ease-in-out infinite}@keyframes gt-core{50%{transform:scale(1.25);opacity:.6}}.pw-gate.opening .gate-art{animation:gt-flare 2.2s ease-out}.pw-gate.opening .gt-core{animation:gt-open 1.8s ease-out}.pw-gate.opening .gt-spin,.pw-gate.opening .gt-spin-r{animation-duration:1.4s}@keyframes gt-flare{0%{filter:none}35%{filter:brightness(1.8) drop-shadow(0 0 10px #fff)}to{filter:none}}@keyframes gt-open{0%{transform:scale(1)}40%{transform:scale(3.2);opacity:1}to{transform:scale(1);opacity:.9}}.gt-sway{transform-box:fill-box;animation:gt-sway 3.2s ease-in-out infinite}@keyframes gt-sway{50%{transform:rotate(7deg)}}.gt-polyp{transform-box:fill-box;transform-origin:center;animation:gt-polyp 2.4s ease-in-out infinite}@keyframes gt-polyp{50%{transform:scale(1.5)}}.gt-rise{animation:gt-rise 3s ease-in infinite;opacity:0}@keyframes gt-rise{0%{transform:translateY(40px);opacity:0}20%{opacity:.9}to{transform:translateY(-14px);opacity:0}}.gt-ring{transform-box:view-box;animation:gt-ring 2.7s ease-out infinite;opacity:0}@keyframes gt-ring{0%{transform:scale(.2);opacity:.9}to{transform:scale(2.6);opacity:0}}.gt-fall{animation:gt-fall 3.2s linear infinite;opacity:0}@keyframes gt-fall{0%{transform:translate(0) rotate(0);opacity:0}15%{opacity:1}to{transform:translate(-26px,60px) rotate(220deg);opacity:0}}.gt-eyes{animation:gt-eyes 3.6s ease-in-out infinite}@keyframes gt-eyes{0%,80%,to{opacity:.5}88%{opacity:1;filter:drop-shadow(0 0 2px #ff6a2a)}}.pw-gate.opening .gt-eyes{animation:gt-eyes .5s ease-in-out 3}.gt-coil{animation:gt-coil 3s linear infinite}@keyframes gt-coil{to{stroke-dashoffset:-27}}.gt-pulse{transform-box:fill-box;transform-origin:center;animation:gt-pulse 2.2s ease-in-out infinite}@keyframes gt-pulse{50%{transform:scale(1.06);filter:brightness(1.25)}}.gt-bolt{opacity:0;animation:gt-bolt 3.4s steps(1) infinite}.gt-bolt.b2{animation-delay:1.7s}@keyframes gt-bolt{0%,8%,14%{opacity:1}4%,11%,to{opacity:0}}.gt-shard{transform-box:fill-box;animation:gt-shard 5s ease-in-out infinite}@keyframes gt-shard{50%{transform:translateY(-5px) rotate(180deg)}}.gt-wink{transform-box:fill-box;transform-origin:center;animation:gt-wink 2.4s ease-in-out infinite}@keyframes gt-wink{0%,to{opacity:.35;transform:scale(.7)}50%{opacity:1;transform:scale(1.2)}}.gt-flick{animation:gt-flick .18s steps(2) infinite alternate}@keyframes gt-flick{to{opacity:.65}}.gt-bat{animation:gt-bat 4s ease-in-out infinite}@keyframes gt-bat{25%{transform:translate(6px,-4px)}50%{transform:translate(12px,2px)}75%{transform:translate(5px,5px)}}.gt-flame{transform-box:fill-box;transform-origin:bottom center;animation:gt-flame .5s ease-in-out infinite alternate}@keyframes gt-flame{to{transform:scale(.8,1.2) skew(6deg)}}.gt-snow{animation:gt-snow 4s linear infinite}@keyframes gt-snow{0%{transform:translate(0);opacity:0}10%{opacity:1}to{transform:translate(6px,116px);opacity:0}}.gt-burst{transform-box:fill-box;transform-origin:center;animation:gt-burst 2.2s ease-out infinite;opacity:0}@keyframes gt-burst{0%{transform:scale(.1);opacity:0}15%{opacity:1}70%{transform:scale(1.1);opacity:.8}to{transform:scale(1.25);opacity:0}}.gt-glyph{font:900 22px "Noto Serif SC","Noto Serif TC",serif;opacity:.8}.gt-cloud{animation:gt-cloud 6s ease-in-out infinite}@keyframes gt-cloud{50%{transform:translate(10px)}}@media(prefers-reduced-motion:reduce){.gate-art *,.sk *,.pw-sticker{animation:none!important}}.pw-games{position:absolute;right:2%;bottom:4%;z-index:4;display:flex;gap:4px}.pw-game-chip{width:clamp(26px,9%,38px);aspect-ratio:1;padding:4px;border-radius:6px;border:2px solid rgba(255,255,255,.55);background:#081822b8;cursor:pointer;box-shadow:0 2px #00000059;transition:transform .15s}.pw-game-chip svg{width:100%;height:100%;display:block}.pw-game-chip:hover{transform:translateY(-2px)}.pw-game-chip.asleep{opacity:.45;filter:grayscale(.6)}.pw-swatch.gate{width:56px;height:68px;margin:0 20px;background:radial-gradient(circle at 50% 60%,#1d5a74,#0a1f2c);border-radius:6px}.pw-swatch.gate .gate-art{width:90%;height:90%}.pw-swatch.game{width:56px;height:56px;margin:0 20px;background:#173842;padding:8px;box-sizing:border-box}.pw-swatch.game svg{width:100%;height:100%}.pw-swatch.sticker{width:64px;height:64px;margin:0 16px;background:#173842;padding:5px;box-sizing:border-box}.pg-overlay{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px;background:radial-gradient(ellipse at 50% 55%,#040e1661 45%,#040e1699);box-sizing:border-box;container-type:size}.pg-head{display:flex;align-items:center;gap:8px;width:100%;min-height:24px}.pg-head b{font:400 13px/1 Dela Gothic One,Rubik;color:#f6f1e6;text-shadow:0 1px 2px rgba(0,0,0,.6);white-space:nowrap}.pg-tip{flex:1;min-width:0;font:500 11px/1.25 Rubik;color:#e8f6f8;text-shadow:0 1px 2px rgba(0,0,0,.7)}.pg-close{flex:none;display:grid;place-items:center;width:24px;height:24px;border:0;border-radius:50%;background:#f6f1e6e6;color:#0b1c22;cursor:pointer}.pg-board{position:relative;flex:none;width:min(100cqw - 12px,100cqh - 72px);height:min(100cqw - 12px,100cqh - 72px);min-width:0;min-height:0;container-type:size;animation:pg-surface .9s cubic-bezier(.2,.7,.3,1) both}@keyframes pg-surface{0%{opacity:0;filter:blur(5px) brightness(1.4);transform:translateY(8px) scale(.95)}60%{filter:blur(0) brightness(1.1)}}.pg-board:after{content:"";position:absolute;inset:-6%;pointer-events:none;border-radius:50%;border:2px solid rgba(200,250,245,.5);opacity:0;animation:pg-ring 1.1s ease-out .1s}@keyframes pg-ring{0%{opacity:.8;transform:scale(.3)}to{opacity:0;transform:scale(1.05)}}.pg-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;font:500 11px Rubik;color:#e8f6f8;text-shadow:0 1px 2px rgba(0,0,0,.7)}.pg-foot .ss-ghost-btn{padding:4px 10px}.pg-ttt-svg{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}.pg-grid{fill:none;stroke:#f6f1e6d9;stroke-width:5;stroke-linecap:round;filter:drop-shadow(0 0 3px rgba(127,227,214,.5))}.pg-x{fill:none;stroke:#ff8a6a;stroke-width:9;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 0 rgba(0,0,0,.35))}.pg-x.pending,.pg-x.live{stroke:#ffb59a}.pg-o{fill:none;stroke-width:9;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:pg-draw .7s ease-out forwards;filter:drop-shadow(0 0 4px rgba(255,255,255,.35))}.pg-win{fill:none;stroke:#fff3a0;stroke-width:6;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:pg-draw .5s ease-out forwards}@keyframes pg-draw{to{stroke-dashoffset:0}}.pg-ttt-svg.erasing .pg-marks{animation:pg-erase 1s ease-in forwards}@keyframes pg-erase{0%{opacity:1;transform:none}30%{transform:translate(-6px) rotate(-2deg)}to{opacity:0;transform:translate(40px) skew(-12deg);filter:blur(3px)}}.pg-grid8{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(8,minmax(0,1fr));border:1.5px solid rgba(240,224,190,.7);border-radius:4px;box-shadow:0 0 14px #7fe3d62e,inset 0 0 22px #ffffff0d;overflow:hidden}.pg-sq{position:relative;display:grid;place-items:center;padding:0;border:0;cursor:pointer;min-width:0;min-height:0}.pg-sq.light{background:#ece2c8b8}.pg-sq.dark{background:#466068d1}.pg-sq.sel{box-shadow:inset 0 0 0 3px #f2c14e}.pg-sq.last{box-shadow:inset 0 0 0 100px #7fe3d647}.pg-sq.to:after{content:"";width:30%;height:30%;border-radius:50%;background:#f2c14ed9}.pg-sq.via:after{content:"";width:18%;height:18%;border-radius:50%;background:#f2c14e80}.pg-sq.take{box-shadow:inset 0 0 0 3px #ff5a46e6}.pg-sq.check{box-shadow:inset 0 0 0 100px #ff3c3c73}.pg-man{position:absolute;inset:12%;border-radius:50%;box-shadow:inset 0 -3px #0000004d,0 2px #00000059;animation:pg-pop .25s ease-out}.pg-man.mine{background:#f6f1e6}.pg-man.king:after{content:"";position:absolute;inset:28%;border-radius:50%;border:2px solid #f2c14e;background:radial-gradient(#f2c14e 30%,transparent 32%)}.pg-man.can{outline:2px solid rgba(242,193,78,.55);outline-offset:-2px}@keyframes pg-pop{0%{transform:scale(.6)}}.pg-piece{font:400 9.5cqmin/1 "Noto Sans Symbols 2",Segoe UI Symbol,DejaVu Sans,serif;animation:pg-pop .25s ease-out}.pg-chess .pg-piece{font-size:9.5cqmin}.pg-piece.mine{color:#fbf6ea;-webkit-text-stroke:1.2px #1c2230;text-shadow:0 1px 0 rgba(0,0,0,.4)}.pg-go svg{display:block;width:100%;height:100%}.pg-go-wood{fill:#f0c27e9e;stroke:#f6deb073;stroke-width:.05}.pg-go-line{stroke:#3c2814bf;stroke-width:.035}.pg-go-dot{fill:#3c2814d9}.pg-go-pt{cursor:pointer}.pg-stone{stroke-width:.05;filter:drop-shadow(0 .05px .04px rgba(0,0,0,.6))}.pg-stone.black{fill:#15171c;stroke:#e6f0fa66}.pw-game-chip img{width:100%;height:100%;object-fit:cover;border-radius:3px;display:block}.pw-game-chip:has(img){padding:2px}.pw-game-chip.hall{display:grid;grid-template-columns:1fr 1fr;gap:1px;padding:2px;width:clamp(34px,12%,48px);box-shadow:0 0 0 2px #f2c14e8c,0 3px #0006;animation:pw-hall-glint 4s ease-in-out infinite}.pw-game-chip.hall span{display:block;min-width:0;aspect-ratio:1;overflow:hidden;border-radius:2px}@keyframes pw-hall-glint{0%,80%,to{box-shadow:0 0 0 2px #f2c14e8c,0 3px #0006}90%{box-shadow:0 0 0 2px #ffe28a,0 0 14px #ffd66ecc,0 3px #0006}}.pw-hall{position:absolute;inset:0;z-index:6;display:flex;flex-direction:column;gap:6px;padding:8px;background:linear-gradient(#030c14d1,#030c14eb);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:pw-hall-in .25s ease-out;box-sizing:border-box}@keyframes pw-hall-in{0%{opacity:0;transform:scale(.97)}}.pw-hall header{display:flex;align-items:center;justify-content:space-between}.pw-hall header b{font:400 14px/1 Dela Gothic One,Rubik;color:#f6f1e6}.pw-hall header i{font-style:normal;color:#f2c14e;margin-left:4px}.pw-hall header button{width:24px;height:24px;border:0;border-radius:50%;background:#f6f1e6e6;color:#0b1c22;font:700 16px/1 Rubik;cursor:pointer}.pw-hall-grid{flex:1;min-height:0;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(30%,104px),1fr));gap:7px;align-content:start;grid-auto-rows:max-content;overscroll-behavior:contain}.pw-hall-card{position:relative;display:block;padding:0;border:2px solid rgba(246,241,230,.35);border-radius:8px;overflow:hidden;background:#06131c;cursor:pointer;box-shadow:0 3px #00000073;transition:transform .15s,border-color .15s}.pw-hall-card img{display:block;width:100%;aspect-ratio:1;object-fit:cover;transition:transform .5s}.pw-hall-card:hover{transform:translateY(-2px);border-color:#f2c14e}.pw-hall-card:hover img{transform:scale(1.06)}.pw-hall-card span{position:absolute;left:0;right:0;bottom:0;padding:14px 5px 4px;background:linear-gradient(transparent,#02080eeb);text-align:left;display:flex;align-items:baseline;gap:3px}.pw-hall-card b{font:600 10px/1.1 Rubik;color:#f6f1e6;text-shadow:0 1px 2px #000}.pw-hall-card i{font-style:normal;font-size:10px;color:#f2c14e}.pw-hall-card small{position:absolute;top:3px;right:3px;padding:1px 4px;border-radius:6px;background:#02080ebf;font:600 9px Rubik;color:#9fe9df}.pw-hall-card.asleep img{filter:grayscale(.75) brightness(.55)}.pw-hall-card.asleep:after{content:"Too young";position:absolute;top:40%;left:0;right:0;text-align:center;font:600 10px Rubik;color:#f6f1e6;text-shadow:0 1px 2px #000}.pw-swatch.game.cover{padding:0;overflow:hidden}.pw-swatch.game.cover img{width:100%;height:100%;object-fit:cover;display:block}.pg-board svg{display:block;width:100%;height:100%}.pg-win{fill:none;stroke:#fff3a0;stroke-width:5;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:pg-draw .5s ease-out forwards;filter:drop-shadow(0 0 4px rgba(255,240,160,.9))}.pg-cipher-board{display:flex;flex-direction:column;gap:1.4cqh;padding:2cqh 3cqw;border-radius:10px;box-sizing:border-box;background:radial-gradient(circle at 50% 0,rgba(127,227,214,.22),transparent 60%),linear-gradient(#1c2e46d1,#101e30c7);box-shadow:inset 0 0 0 1px #f2c14e4d,0 0 16px #7fe3d61f}.cx-lock{display:flex;justify-content:center;gap:2cqw;padding:1.2cqh;border-radius:999px;background:linear-gradient(#2a34408c,#10161d99);box-shadow:inset 0 2px 6px #000000b3,0 0 0 2px #8a6a38}.cx-lock.won{box-shadow:inset 0 2px 6px #000000b3,0 0 0 2px #f2c14e,0 0 18px #f2c14eb3}.cx-socket{width:8cqh;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:radial-gradient(#0b0f14,#1d2630);color:#7fe3d6;font:700 4cqh Rubik;text-shadow:0 0 8px #7fe3d6;animation:cx-pulse 2.4s ease-in-out infinite}@keyframes cx-pulse{50%{color:#c7fff7;text-shadow:0 0 14px #7fe3d6}}.cx-rows{flex:1;min-height:0;margin:0;padding:0;list-style:none;display:flex;flex-direction:column;justify-content:space-evenly}.cx-row{display:flex;align-items:center;gap:2cqw;padding:.3cqh 2cqw;border-radius:999px}.cx-row.now{background:#7fe3d61f;box-shadow:inset 0 0 0 1px #7fe3d673}.cx-n{width:4cqw;font:600 2.6cqh Rubik;color:#f6f1e673;text-align:right}.cx-gems{flex:1;display:flex;gap:1.6cqw;justify-content:center}.cx-hole{width:5.6cqh;aspect-ratio:1;border-radius:50%;background:#00000073;box-shadow:inset 0 1px 3px #000c,0 1px #ffffff14}.cx-clue{display:grid;grid-template-columns:repeat(3,1.9cqh);gap:.5cqh;width:7cqh}.cx-clue i{width:1.9cqh;aspect-ratio:1;border-radius:50%;background:#00000080}.cx-clue i.x{background:radial-gradient(circle at 35% 30%,#fff6c4,#f2c14e 55%,#8a6a1a);box-shadow:0 0 5px #f2c14ecc}.cx-clue i.n{background:radial-gradient(circle at 35% 30%,#e6fffb,#7fe3d6 55%,#1e7a70)}.cx-gem{width:5.6cqh;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;box-shadow:inset 0 -2px 3px #00000073,inset 0 2px 3px #ffffff80,0 1px 2px #0009;animation:pg-pop .22s ease-out}.cx-gem svg{width:62%;height:62%;display:block}.cx-gem.g-s{background:radial-gradient(circle at 35% 30%,#8b93a6,#2a2f3b 60%,#0c0e13);color:#eef1f6}.cx-gem.g-h{background:radial-gradient(circle at 35% 30%,#ffb3b0,#e8323a 55%,#7a1015);color:#fff}.cx-gem.g-d{background:radial-gradient(circle at 35% 30%,#b8dcff,#1676d8 55%,#0a3a73);color:#fff}.cx-gem.g-c{background:radial-gradient(circle at 35% 30%,#a8f0cf,#0a8f5a 55%,#04452b);color:#fff}.cx-gem.g-p{background:radial-gradient(circle at 35% 30%,#fff,#e9e0ef 50%,#9fb7c4);color:#fff}.cx-gem.g-m{background:radial-gradient(circle at 35% 30%,#8d86d9,#2d2770 60%,#120e33);color:#f2c14e}.cx-gem.cur{cursor:pointer}.cx-lock .cx-gem{width:8cqh}.cx-gem.shown{animation:cx-reveal .45s cubic-bezier(.3,1.5,.5,1) both}@keyframes cx-reveal{0%{transform:scale(.2) rotate(-90deg);opacity:0}}.cx-pad{display:flex;justify-content:center;align-items:center;gap:1.6cqw;padding-top:.6cqh}.cx-key{padding:0;border:0;background:none;cursor:pointer;transition:transform .12s}.cx-key:hover{transform:translateY(-2px)}.cx-key:active{transform:scale(.9)}.cx-key .cx-gem{width:7.4cqh}.cx-try{margin-left:1cqw;padding:1.6cqh 3.4cqw;border:0;border-radius:999px;background:linear-gradient(#ffe28a,#f2c14e 50%,#b98a22);color:#2a1d05;font:700 3cqh Rubik;cursor:pointer;box-shadow:0 3px #6b4c10}.cx-try:active{transform:translateY(2px);box-shadow:0 1px #6b4c10}.nim-pearl{cursor:pointer;transition:transform .25s,opacity .3s,filter .2s;transform-box:fill-box;transform-origin:center}.nim-pearl.aim{filter:url(#nim-shadow) drop-shadow(0 0 4px #ffe28a) brightness(1.15)}.nim-pearl.leaving{transform:translateY(-60px) scale(.6);opacity:0;transition:transform .55s cubic-bezier(.4,0,.6,1),opacity .55s}.pg-memory-board{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));grid-template-rows:repeat(var(--rows),minmax(0,1fr));gap:1.6cqmin;padding:2cqmin;border-radius:10px;box-sizing:border-box;background:radial-gradient(ellipse at 50% 40%,#1e4650c7,#0c2832b8 70%);box-shadow:inset 0 0 0 1px #86ecdf38;--ch:calc((100cqh - 4cqmin - (var(--rows) - 1) * 1.6cqmin) / var(--rows) * .96);--cw:min(calc(var(--ch) / 1.43),calc((100cqw - 4cqmin - (var(--cols) - 1) * 1.6cqmin) / var(--cols) * .96))}.mem-slot{display:grid;place-items:center;padding:0;border:0;background:none;cursor:pointer;min-width:0;min-height:0}.mem-slot .ss-card{--ch:calc(var(--cw) * 1.43)}.mem-slot.won .ss-card{opacity:.82;filter:drop-shadow(0 0 5px var(--won,#ff8a6a))}.mem-slot.won.w1{--won:#ff8a6a}.dots-line{stroke-width:5;stroke-linecap:round}.dots-line.fresh{stroke-dasharray:100;stroke-dashoffset:100;animation:dots-in .3s ease-out forwards}@keyframes dots-in{to{stroke-dashoffset:0}}.dots-hint{stroke:#f6f1e68c;stroke-width:4;stroke-linecap:round;stroke-dasharray:3 5}.dots-box{animation:pg-pop .3s ease-out;transform-box:fill-box;transform-origin:center}.four-disc{animation:four-fall .42s cubic-bezier(.55,0,1,.6) both}@keyframes four-fall{0%{transform:translateY(var(--fall))}82%{transform:translateY(2px)}to{transform:none}}.four-win{fill:none;stroke:#fff3a0;stroke-width:3;filter:drop-shadow(0 0 5px #ffe28a);animation:four-glow 1s ease-in-out infinite alternate}@keyframes four-glow{0%{stroke-opacity:.5}}.four-ghost{animation:four-bob 1.2s ease-in-out infinite;transform-box:fill-box;transform-origin:center}@keyframes four-bob{50%{transform:translateY(-3px)}}.mc-pit{cursor:default;transition:filter .2s}.mc-pit.can{cursor:pointer;stroke:#ffe28a;stroke-opacity:.55;stroke-width:1.5;animation:mc-can 2s ease-in-out infinite}@keyframes mc-can{50%{stroke-opacity:1;filter:drop-shadow(0 0 4px rgba(255,226,138,.7))}}.mc-pit.hot{filter:drop-shadow(0 0 6px rgba(127,227,214,.9))}.mc-seed{stroke:#00000059;stroke-width:.6;filter:drop-shadow(0 .8px .6px rgba(0,0,0,.6));animation:pg-pop .2s ease-out;transform-box:fill-box;transform-origin:center}.mc-count{font:700 9px Rubik;fill:#f6e3c4;text-anchor:middle;paint-order:stroke;stroke:#2a160a;stroke-width:2.4px}.mc-label{font:600 9px Rubik;text-anchor:middle;letter-spacing:.06em;text-transform:uppercase;paint-order:stroke;stroke:#041019;stroke-width:2.5px}.hw-grid{stroke:#c8f0ff2e;stroke-width:.8}.hw-cell{cursor:pointer}.hw-cell:hover rect{fill:#7fe3d61f}.hw-miss{fill:#cfe9ff;opacity:.8}.hw-ring{fill:none;stroke:#cfe9ff;stroke-opacity:.35;stroke-width:1}.hw-ring.fresh{animation:hw-ripple .9s ease-out;transform-box:fill-box;transform-origin:center}@keyframes hw-ripple{0%{transform:scale(.2);stroke-opacity:1;stroke-width:2}}.hw-hit{fill:#ff9a6e59;stroke:#ffb59a;stroke-width:1}.hw-hit.fresh{animation:hw-splash .7s ease-out;transform-box:fill-box;transform-origin:center}@keyframes hw-splash{0%{transform:scale(1.8);fill:#ffffffe6}}.hw-fish{fill:#ff9a6e;stroke:#5a2410;stroke-width:.25;filter:drop-shadow(0 0 2px rgba(255,180,120,.8))}.hw-whole{fill:none;stroke:#ffd36b;stroke-width:2;filter:drop-shadow(0 0 4px rgba(255,211,107,.8))}.hw-left{fill:none;stroke:#cfe9ff;stroke-width:1.2;stroke-dasharray:3 3}.hw-head,.hw-small{font:600 9px Rubik;fill:#e8f6f8}.hw-head{text-anchor:middle;letter-spacing:.05em;text-transform:uppercase}.hw-small.dim{fill:#e8f6f88c;font-weight:500}.rv-line{stroke:#e9c46a;stroke-opacity:.45;stroke-width:.8}.rv-hint{fill:#ffe28a;opacity:.55;animation:cx-pulse 2s ease-in-out infinite}.rv-disc.turned{animation:rv-flip .42s ease-in-out both}.rv-disc.placed{animation:rv-place .3s cubic-bezier(.3,1.5,.5,1) both}@keyframes rv-flip{0%{transform:scaleX(1)}50%{transform:scaleX(0) scaleY(1.08)}to{transform:scaleX(1)}}@keyframes rv-place{0%{transform:scale(1.5);opacity:0}}.gm-line{stroke:#f2d39a;stroke-opacity:.55;stroke-width:.9}.gm-stone{animation:rv-place .25s cubic-bezier(.3,1.5,.5,1) both;transform-box:fill-box;transform-origin:center}.mm-stone{transition:transform .2s;transform-box:fill-box;transform-origin:center;animation:rv-place .28s cubic-bezier(.3,1.5,.5,1) both}.mm-stone.sel{transform:scale(1.15) translateY(-2px);filter:url(#mm-shadow) drop-shadow(0 0 5px #ffe28a)}.mm-to{fill:#ffe28a;opacity:.7;animation:cx-pulse 1.6s ease-in-out infinite}.mm-take{fill:none;stroke:#ff5a46;stroke-width:2.2;animation:mm-take .9s ease-in-out infinite alternate}@keyframes mm-take{0%{stroke-opacity:.35}}.mm-mill{stroke:#ffe28a;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px #ffe28a);animation:mm-take .4s ease-in-out infinite alternate}.hx-edge{fill:none;stroke-width:6;stroke-linecap:round;stroke-linejoin:round;opacity:.9;filter:drop-shadow(0 0 4px currentColor)}.hx-stone{animation:rv-place .26s cubic-bezier(.3,1.5,.5,1) both}.hx-stone.chain{animation:hx-chain 1s ease-in-out infinite alternate;filter:drop-shadow(0 0 5px #fff3a0)}@keyframes hx-chain{to{filter:drop-shadow(0 0 9px #fff3a0) brightness(1.25)}}.xq-line{stroke:#d6f5e8;stroke-opacity:.55;stroke-width:1}.xq-river{fill:#145a6e59}.xq-river-word{font:600 15px "Noto Serif SC","Noto Serif CJK SC",Songti SC,serif;fill:#e9f8f2;text-anchor:middle;letter-spacing:.3em;opacity:.85;paint-order:stroke;stroke:#0a3340;stroke-width:2px}.xq-glyph{font:700 15px "Noto Serif SC","Noto Serif CJK SC",Songti SC,SimSun,serif;text-anchor:middle;pointer-events:none}.xq-piece{transition:transform .18s;transform-box:fill-box;transform-origin:center}.xq-piece.sel{transform:scale(1.14) translateY(-2px)}.xq-piece.check circle:first-child{stroke:#ff3b3b;stroke-width:2.6}.xq-last{fill:#7fe3d647}.xq-to{fill:#ffe28a;opacity:.8}.xq-take{fill:none;stroke:#ff5a46;stroke-width:2}@media(prefers-reduced-motion:reduce){.pw-game-chip.hall,.cx-socket,.rv-hint,.mm-to,.mm-take,.mm-mill,.four-win,.four-ghost,.mc-pit.can,.hx-stone.chain,.pw-hall,.four-disc,.rv-disc,.gm-stone,.hx-stone,.mm-stone,.cx-gem,.mc-seed,.dots-box{animation:none}}@font-face{font-family:Sanshui Xiangqi;src:url(/fonts/daemon-games/xiangqi.woff2) format("woff2");font-weight:700;font-display:block}.xq-glyph,.xq-river-word{font-family:Sanshui Xiangqi,"Noto Serif SC","Noto Serif CJK SC",Songti SC,serif}.pw-window.gaming .pw-depth{display:none}.pw-age{gap:6px}.pw-age small{font:500 11px Rubik,sans-serif;color:#9fb6bb}.pw-age .ss-ghost-btn{padding:4px 8px;font-size:11px}.pw-window .pw-fg{transition:opacity .6s}.pw-window.gaming .pw-fg{opacity:0;pointer-events:none}.ph-hand{position:absolute;left:0;top:0;z-index:9;pointer-events:none;line-height:0;will-change:transform;filter:drop-shadow(0 3px 4px rgba(0,10,18,.45))}.ph-sprite{display:block;image-rendering:pixelated;image-rendering:crisp-edges}.ph-held{position:absolute;left:50%;top:66%;z-index:1;display:grid;place-items:center;transform:translate(-50%,-30%) rotate(-6deg);line-height:1;animation:ph-take .25s cubic-bezier(.3,1.6,.5,1)}.ph-held .pg-man{inset:6%;animation:none}.ph-held .pg-piece{font-size:inherit;animation:none}@keyframes ph-take{0%{transform:translate(-50%,10%) scale(.6)}}.pg-held-stone{display:block;width:100%;height:100%;border-radius:50%}.ph-storm{position:absolute;left:50%;top:-14%;width:60%;height:26%;transform:translate(-50%);border-radius:50%;opacity:0;transition:opacity .2s;background:radial-gradient(circle at 30% 60%,#39405a 0 34%,transparent 36%),radial-gradient(circle at 62% 45%,#2c3248 0 40%,transparent 42%),radial-gradient(circle at 80% 65%,#39405a 0 28%,transparent 30%)}.ph-hand.cross .ph-storm{opacity:.9}.ph-fx-layer{position:absolute;inset:0;z-index:9;pointer-events:none;overflow:hidden}.ph-fx{position:absolute;width:7px;height:7px;margin:-3px;animation:ph-rise 1.3s ease-out forwards}.ph-heart{background:#ff7a9a;clip-path:path("M3.5 6.5L.6 3.6A1.6 1.6 0 0 1 3.5 1.4A1.6 1.6 0 0 1 6.4 3.6Z")}.ph-spark{border-radius:50%;width:4px;height:4px;box-shadow:0 0 6px currentColor}.ph-puff{border-radius:50%;width:9px;height:9px;background:#181c30b3}@keyframes ph-rise{0%{opacity:1;transform:translate(0) scale(.6)}to{opacity:0;transform:translate(var(--dx),-34px) scale(1.2)}}@media(prefers-reduced-motion:reduce){.pg-board,.pg-board:after,.ph-held{animation:none}}.sk-word.huge{font-size:19px}.sk-sway-head{transform-box:view-box;transform-origin:50px 90px;animation:sk-swing 5s ease-in-out infinite}.sk-her{filter:drop-shadow(0 1.5px 1.5px rgba(0,0,0,.35))}.sk-her-hearts path{opacity:0;transform-box:fill-box;transform-origin:center}.touched .sk-her-hearts path{animation:sk-her-heart 1.4s ease-out both}@keyframes sk-her-heart{0%{opacity:0;transform:translateY(4px) scale(.4)}25%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-10px) scale(1.1)}}.touched .sk-sway-head{animation:sk-tilt 1.4s ease-in-out}@keyframes sk-tilt{40%,70%{transform:rotate(-6deg)}}.sk-bounce{transform-box:view-box;transform-origin:50px 80px}.touched .sk-bounce{animation:sk-boing .9s cubic-bezier(.3,1.6,.5,1)}@keyframes sk-boing{30%{transform:scale(1.08,.9)}60%{transform:scale(.95,1.08) translateY(-4px)}}.touched .sk-shine-bar{animation:sk-sweep 1.1s ease-in-out}@keyframes sk-sweep{to{transform:skew(-20deg) translate(150px)}}.sk-ear{transform-box:view-box}.sk-ear.l{transform-origin:30px 34px}.sk-ear.r{transform-origin:70px 34px}.touched .sk-ear.l{animation:sk-ear-l .35s ease-in-out 3}.touched .sk-ear.r{animation:sk-ear-r .35s ease-in-out 3}@keyframes sk-ear-l{50%{transform:rotate(14deg)}}@keyframes sk-ear-r{50%{transform:rotate(-14deg)}}.sk-axiom .sk-glint{transform-box:fill-box;transform-origin:center;opacity:.4}.touched .sk-axiom{filter:drop-shadow(0 0 5px #5ff0e0)}@media(prefers-reduced-motion:reduce){.sk-th-bob,.sk-sway-head,.touched .sk-her-hearts path{animation:none}}.pw-id{margin:4px 0 10px;padding:10px;border:2px solid rgba(127,227,214,.35);border-radius:6px;background:#0718208c}.pw-id.done{display:flex;align-items:center;gap:10px;padding:8px 10px}.pw-id.done p{margin:0}.pw-id-mark{display:inline-flex;width:28px;height:28px;flex:none}.pw-id-mark .ss-suit{width:100%;height:100%}.pw-suits{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:8px 0}.pw-suit,.pw-rank{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;border:2px solid rgba(255,255,255,.14);border-radius:5px;background:#ffffff0a;color:#e3eef0;cursor:pointer;font:600 11px Rubik,sans-serif}.pw-suit .ss-suit{width:22px;height:22px;color:var(--ink)}.pw-suit small{font-weight:400;color:#a9bfc4}.pw-suit.on,.pw-rank.on{border-color:var(--ink);background:color-mix(in srgb,var(--ink) 16%,transparent)}.pw-ranks{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:5px;margin:8px 0}.pw-rank{flex-direction:row;justify-content:center;padding:5px 2px}.pw-rank b{font:800 13px Rubik,sans-serif}.pw-rank .ss-suit{width:11px;height:11px;color:var(--ink)}.pw-id-preview{display:flex;gap:10px;align-items:center}.pw-id-preview p{margin:0 0 4px}.pw-portrait{flex:none;image-rendering:pixelated;border-radius:50%;background:radial-gradient(circle at 50% 45%,#16465a,#071820 72%)}.ss-circles{width:min(560px,100%)}.ss-circle-ask{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin:0 0 12px;padding:10px 12px;border-radius:3px;background:#12302a;box-shadow:inset 0 0 0 1px #00d78c73}.ss-circle-ask p{flex:1 1 100%;margin:0;font:500 12px Rubik;color:#bff5df}.ss-circle-ask .ss-action,.ss-circle-form .ss-action{display:inline-flex;align-items:center;gap:6px}.ss-circle-error{margin:0 0 10px;padding:8px 10px;border-radius:3px;background:#3a1215;font:500 12px Rubik;color:#ffb3b0}.ss-circle-note{margin:0 0 10px;font:500 11px Rubik;color:#c3cfd0}.ss-circle-list{display:grid;gap:12px;margin:0 0 14px}.ss-circle{padding:10px 12px 8px;border-radius:3px;background:#162325;box-shadow:inset 0 2px #00000059,0 3px #00000059}.ss-circle-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:0 0 8px;min-width:0}.ss-circle-head h3{margin:0;min-width:0;overflow-wrap:anywhere;font:700 14px Rubik;color:#f3ead2}.ss-circle-head h3 small{margin-left:6px;font:500 10px DM Mono;letter-spacing:.08em;color:#8fa3a4}.ss-circle-tools{display:flex;gap:6px;flex:none}.ss-circle-tools .ss-ghost-btn,.ss-circle-foot .ss-ghost-btn,.ss-circle-rename .ss-ghost-btn{display:inline-flex;align-items:center;gap:5px}.ss-circle-rename{display:flex;gap:6px;flex:1;min-width:0}.ss-circle-rename input,.ss-circle-form input{flex:1;min-width:0;box-sizing:border-box;padding:7px 9px;border:2px solid #2a3b3d;border-radius:3px;background:#0f191a;color:#f3ead2;font:500 13px Rubik}.ss-circle-rename input:focus,.ss-circle-form input:focus{outline:none;border-color:var(--gold)}.ss-circle-ranks{margin:0 0 6px}.ss-circle-ranks .ss-rank-name{min-width:0;overflow-wrap:anywhere}.ss-circle-ranks .ss-rank-name small{font:500 9px DM Mono;color:#7dffc9}.ss-circle-score{display:inline-flex;align-items:center;gap:10px}.ss-circle-score .ss-presence{min-width:36px;text-align:right}.ss-circle-today{font:600 11px Rubik;color:#ffe9a8;white-space:nowrap}.ss-circle-today i{font-style:normal;margin-left:1px;color:var(--gold)}.ss-circle-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:6px;font:500 11px Rubik;color:#c3cfd0}.ss-circle-forms{display:grid;gap:10px}.ss-circle-form{display:grid;gap:5px}.ss-circle-form label{font:600 10px Rubik;text-transform:uppercase;letter-spacing:.06em;color:#e8d48a}.ss-circle-form>div{display:flex;gap:8px}.ss-circle-code-input{font-family:DM Mono,monospace!important;letter-spacing:.14em;text-transform:uppercase}.st-root{--st-bw:17px;--st-bh:24px;color:#eef3f2;font-family:Rubik,sans-serif;user-select:none;-webkit-user-select:none}.ss-shell.st-root,.st-root{position:fixed;inset:0;z-index:80;height:auto;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;background:linear-gradient(180deg,#071a2b,#0b2a3d 18%,#0f3a29 22%,#145a3c 60%,#0a2c1d)}.st-root:not(.ss-shell){gap:6px;padding:max(8px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.st-root.phase-over,.st-root.phase-lobby,.st-root.st-lobby{background:radial-gradient(ellipse at 50% 30%,#123a4a,#0a2232 55%,#050f17)}.st-root button{font-family:Rubik,sans-serif}.st-top{display:flex;align-items:center;gap:8px;min-height:32px;flex:none}.st-close{display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:3px;background:#1a2a33;color:#cfe;cursor:pointer;box-shadow:0 3px #00000073;flex:none}.st-lobby .st-close{position:absolute;top:max(10px,env(safe-area-inset-top));left:12px}.st-code{font:700 13px Rubik;letter-spacing:.12em;color:#ffcd37}.st-hand{flex:1;min-width:0;font:500 11px Rubik;color:#a9c4c9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.st-score{display:inline-flex;align-items:baseline;gap:4px;padding:3px 9px;border-radius:3px;background:#0b1419;box-shadow:0 3px #00000073;margin-left:auto}.st-score b{font:400 20px/1 Dela Gothic One,Rubik;color:#ffcd37;text-shadow:0 2px 0 #7a4f08}.st-score i{color:#6f8a90;font-style:normal}.st-clock{min-width:42px;text-align:center;padding:5px 7px;border-radius:3px;background:#0b1419;font:700 14px Rubik;color:#eaf7f3;box-shadow:0 3px #00000073}.st-clock.low{color:#ff6a5a;animation:st-pulse .5s ease-in-out infinite alternate}@keyframes st-pulse{to{transform:scale(1.08)}}.st-back{display:block;width:var(--cw);height:var(--ch);border-radius:3px;filter:none;box-shadow:0 3px #00000059;flex:none;transition:transform .25s cubic-bezier(.3,1.4,.5,1)}.st-back.lift{transform:translateY(-9px) rotate(-3deg)}.st-rival{flex:none;display:flex;flex-direction:column;gap:2px;padding:4px 6px;border-radius:4px;background:#040e188c;box-shadow:inset 0 0 0 1px #6ebed21f,0 3px #0000004d}.st-who{display:flex;align-items:center;gap:6px;min-height:18px;font-size:11px}.st-who b{font:700 12px Rubik;color:#f1f6f5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:40%}.st-dot{width:7px;height:7px;border-radius:50%;background:#556;flex:none}.st-dot.on{background:#00d78c;box-shadow:0 0 8px #00d78c}.st-stance{font:700 10px Rubik;font-style:normal;padding:1px 6px;border-radius:2px;background:#22313a;color:#dfe;white-space:nowrap}.st-stance.s-rise{background:#0f5a3e;color:#9dffd7}.st-stance.s-sink{background:#5a1220;color:#ffb3bd}.st-stance.locked{background:#2a3440;color:#c6d2da}.st-ready{font:700 9px Rubik;font-style:normal;text-transform:uppercase;padding:1px 5px;border-radius:2px;background:#ffcd37;color:#1b1503}.st-their-tokens{display:inline-flex;gap:2px;margin-left:auto}.st-their-tokens i{width:15px;height:15px}.st-their-tokens i.used{opacity:.25}.st-their-tokens .ss-token-icon,.st-rmark .ss-token-icon{width:100%;height:100%}.st-rline{display:flex;align-items:center;gap:6px;overflow-x:auto;scrollbar-width:none}.st-rwater{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:2px 3px;border:0;border-radius:3px;background:none;color:inherit;font:inherit;cursor:default;flex:none}.st-rwater.target{cursor:pointer;background:#ff2a441f;box-shadow:inset 0 0 0 2px #ff2a448c;animation:st-aim 1s ease-in-out infinite alternate}@keyframes st-aim{to{box-shadow:inset 0 0 0 2px #ff2a44f2}}.st-rwater.void .st-rcards{opacity:.35;filter:grayscale(1)}.st-rmark{display:inline-flex;align-items:center;gap:2px;font:700 9px Rubik;color:#8fb7c0}.st-rmark i{display:inline-block;width:11px;height:11px;font-style:normal}.st-kill{width:auto!important;font:700 9px Rubik;color:#ffd23c}.st-swapped{width:auto!important;font:700 9px Rubik;color:#d58bff}.st-rcards{display:flex}.st-rcards>*+*{margin-left:-5px}.st-rcards .st-back,.st-mini{width:var(--st-bw);height:var(--st-bh)}.st-rcards .ss-card{--cw:var(--st-bw);--ch:var(--st-bh)}.st-rcards .ss-card+.ss-card{margin-left:1px}.st-rcards .ss-card-face b{font-size:10px}.st-mini.extra{outline:1px dashed #9ff3d6;outline-offset:1px}.st-mini.flip{animation:st-flip .45s cubic-bezier(.3,1.3,.5,1) both}@keyframes st-flip{0%{transform:rotateY(90deg)}to{transform:none}}.st-rname{font:600 8px Rubik;color:#d9ecef;white-space:nowrap}.st-rcall{position:absolute;right:-4px;top:-4px;display:grid;place-items:center;width:16px;height:16px;border-radius:50%;font:700 10px Rubik;color:#fff}.st-well{display:inline-flex;align-items:center;gap:4px;margin-left:auto;flex:none}.st-well b{font:400 14px/1 Dela Gothic One,Rubik;color:#ffcd37}.st-wash{display:flex;align-items:center;gap:0;overflow:hidden;min-height:24px}.st-wash small{font:500 8px Rubik;text-transform:uppercase;color:#7f9a9e;margin-right:6px}.st-micro{--cw:17px;--ch:24px;margin-right:-4px}.st-micro .ss-card-face b{font-size:10px}.st-root .ss-slots{position:relative}.st-rewritten .ss-card-face{box-shadow:0 4px #0000004d,inset 0 0 0 2px var(--azure)}.st-name{position:absolute;right:2px;bottom:3px;max-width:calc(var(--cw) - 4px);font:600 8px/1.15 Rubik;text-align:right;color:#bfe9d8;pointer-events:none}.st-call{position:absolute;right:calc(var(--cw)/2 - 13px);top:calc(var(--ch)/2 - 18px);display:grid;place-items:center;width:26px;height:26px;border-radius:50%;font:700 15px Rubik;box-shadow:0 3px #00000073;animation:st-stamp .35s cubic-bezier(.3,1.6,.5,1) both;pointer-events:none}.st-call.c-win,.st-rcall.c-win{background:#00b377;color:#fff}.st-call.c-loss,.st-rcall.c-loss{background:#d7263d;color:#fff}.st-call.c-push,.st-rcall.c-push{background:#56646a;color:#fff}.st-call.c-void,.st-rcall.c-void{background:#2b3238;color:#99a}@keyframes st-stamp{0%{transform:scale(2.2);opacity:0}}.st-hint{display:block!important;font:500 9px/1.25 Rubik!important;color:#d6e6e2!important;text-transform:none!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.st-root .ss-token:disabled{cursor:default}.st-stance-pair{flex:none;display:flex;flex-direction:column;gap:4px;width:clamp(64px,11dvh,82px);height:clamp(64px,11dvh,82px)}.st-stance-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;padding:0;border:0;border-radius:4px;color:#fff;cursor:pointer;box-shadow:0 3px #00000073}.st-stance-btn:active{transform:translateY(2px);box-shadow:0 1px #00000073}.st-stance-btn:disabled{opacity:.45;cursor:default}.st-stance-btn b{font:400 15px/1 Dela Gothic One,Rubik}.st-stance-btn strong{font:700 9px Rubik;text-transform:uppercase;letter-spacing:.04em}.st-stance-btn.s-rise{background:linear-gradient(180deg,#14a873,#0b6b48)}.st-stance-btn.s-sink{background:linear-gradient(180deg,#c92840,#7a1222)}.st-big{padding:11px 18px;border:0;border-radius:3px;background:#f0433a;color:#fff;font:700 12px Rubik;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;box-shadow:0 4px #8f1a14}.st-big:disabled{opacity:.5;cursor:default}.st-ghost{padding:10px 14px;border:0;border-radius:3px;background:#2a3b3d;color:#d0dcdc;font:600 11px Rubik;text-transform:uppercase;cursor:pointer;box-shadow:0 3px #00000073}.st-small{margin:0;font:400 11px/1.35 Rubik;color:#9fb6b4;text-align:center}.st-row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.st-error{margin:0;padding:6px 10px;border-radius:3px;background:#5a1220;color:#ffd0d6;font:500 12px Rubik;text-align:center}.st-error.floating{position:fixed;left:50%;top:calc(46px + env(safe-area-inset-top));transform:translate(-50%);z-index:90;max-width:88vw;box-shadow:0 4px #0006}.st-last{position:fixed;right:12px;top:calc(42px + env(safe-area-inset-top));font:600 10px Rubik;color:#9fb6b4}.st-offer{position:fixed;inset:0;z-index:95;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:20px;background:#030a0ec7}.st-offer p{margin:0;max-width:320px;text-align:center;font:500 13px/1.4 Rubik}.st-offer>div{display:flex;gap:16px}.st-lobby{align-items:center;justify-content:center}.st-lobby-card,.st-wait{display:flex;flex-direction:column;align-items:center;gap:10px;max-width:360px;margin:auto;padding:22px 18px;border-radius:4px;background:#0c1a20;box-shadow:0 6px #00000073,inset 0 0 0 1px #e2b04a40;text-align:center}.st-lobby-card small{font:600 11px Rubik;letter-spacing:.14em;color:#ffcd37}.st-lobby-card strong,.st-wait strong{font:700 18px Rubik}.st-lobby-card p,.st-wait p{margin:0;font:400 13px/1.45 Rubik;color:#c2d3d1}.st-lobby-back{--cw:84px;--ch:120px;transform:rotate(-6deg);margin-bottom:4px;box-shadow:0 8px #0006,0 0 40px #3fb6c440}.st-join{display:flex;gap:8px}.st-join input{width:96px;padding:9px 10px;border:0;border-radius:3px;background:#06100f;color:#ffcd37;font:700 16px Rubik;letter-spacing:.2em;text-align:center;box-shadow:inset 0 0 0 1px #2f4a48}.st-bigcode{font:400 22px Dela Gothic One,Rubik;color:#ffcd37;letter-spacing:.12em}.st-results{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:520px;margin:0 auto;padding:10px 4px 20px}.st-results>small{font:600 11px Rubik;letter-spacing:.14em;color:#ffcd37}.st-final{font:700 22px Rubik;text-align:center}.st-final-score{margin:0;display:flex;align-items:baseline;gap:10px}.st-final-score b{font:400 54px/1 Dela Gothic One,Rubik;color:#ffcd37;text-shadow:0 4px 0 #7a4f08,0 8px 0 rgba(0,0,0,.35)}.st-final-score i{font-style:normal;font-size:30px;color:#6f8a90}.st-results.lost .st-final-score b:first-child{color:#d8e6e4;text-shadow:0 4px 0 #34494b}.st-rivalry,.st-rounds,.st-stats{width:100%;padding:12px;border-radius:4px;background:#0c1a20;box-shadow:0 4px #0006}.st-rivalry{display:flex;flex-direction:column;align-items:center;gap:4px;box-shadow:0 4px #0006,inset 0 0 0 1px #e2b04a4d}.st-rivalry>span,.st-rounds>span{font:600 10px Rubik;text-transform:uppercase;letter-spacing:.1em;color:#9fb6b4}.st-rivalry p{margin:0;display:flex;align-items:baseline;gap:8px}.st-rivalry b{font:400 34px/1 Dela Gothic One,Rubik;color:#ffcd37}.st-rivalry i{font-style:normal;color:#6f8a90}.st-rivalry em{font:400 12px Rubik;color:#9fb6b4}.st-rivalry small{font:500 12px Rubik;color:#ffe39a}.st-dots{display:flex;gap:4px}.st-dots i{width:10px;height:10px;border-radius:2px;background:#56646a}.st-dots .d-w{background:#00d78c}.st-dots .d-l{background:#d7263d}.st-rounds{display:flex;flex-direction:column;gap:8px}.st-round b{font:700 12px Rubik}.st-round p{margin:2px 0 0;font:400 12px Rubik;color:#c8d8d4}.st-round em{font-style:normal;font-weight:700}.up{color:#4dffb8}.down{color:#ff7a88}.st-stats{display:flex;justify-content:space-around;gap:10px}.st-stats p{margin:0;display:flex;flex-direction:column;align-items:center}.st-stats b{font:400 24px/1.1 Dela Gothic One,Rubik;color:#ffcd37}.st-stats small{font:400 10px Rubik;color:#9fb6b4;text-align:center}.st-hands{width:100%;margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px}.st-hands button{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:10px;width:100%;padding:8px 10px;border:0;border-radius:3px;background:#122228;color:#dde8e6;font:500 12px Rubik;text-align:left;cursor:pointer}.st-hands button b{font:700 13px Rubik}.st-hand-boards{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px;background:#0a161b}.st-hand-boards small{display:block;font:600 10px Rubik;color:#9fb6b4;margin-bottom:4px}.st-hand-row{display:flex;align-items:center;flex-wrap:wrap;gap:0;margin-bottom:4px}.st-hand-row em{margin-left:10px;font:400 10px Rubik;font-style:normal;color:#c8d8d4}.st-hand-row.void{opacity:.4}@media(prefers-reduced-motion:reduce){.st-root *{animation:none!important;transition:none!important}}.st-ghost.row .ss-card{width:var(--cw);height:var(--ch)}.st-ghost>.ss-water{margin:0}.st-ghost>.ss-token{width:100%;height:100%}.ss-slot.st-drop>.ss-card{transform:translateY(-3px);box-shadow:0 0 0 2px var(--gold),0 0 10px #ffcd3799;border-radius:3px}.ss-water.st-drop>.ss-water-label,.ss-water.st-drop>.ss-slots{box-shadow:inset 0 0 0 2px var(--gold)}.st-rwater.st-drop{background:#ff2a4433;box-shadow:inset 0 0 0 2px var(--cinnabar)}.st-race .st-scorebox{flex:none;display:flex;flex-direction:column;gap:3px;min-width:132px;max-width:46vw;padding:6px 8px 5px;border-radius:4px;background:linear-gradient(180deg,#1a1022,#0e0814);border:2px solid #ffd35a;box-shadow:0 3px #00000073,0 0 14px #ffd35a40}.st-race .st-scorebox.match-point{animation:st-glow .8s ease-in-out infinite alternate}@keyframes st-glow{to{box-shadow:0 3px #00000073,0 0 26px #ffd35abf}}.st-race .st-score-row{display:flex;align-items:center;gap:6px}.st-race .st-score-row b{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 10px Rubik;letter-spacing:.08em;text-transform:uppercase;color:#f2ecf6}.st-race .st-score-row.them b{color:#c9b8d6}.st-race .st-score-row strong{min-width:22px;text-align:right;font:400 24px/1 Dela Gothic One,Rubik,sans-serif;color:#ffd35a;text-shadow:2px 2px 0 #7a4a00}.st-race .st-score-row.them strong{color:#e6d2ff;text-shadow:2px 2px 0 #3a1650}.st-race .st-score-row.them.done b{color:#ffd35a}.st-race .st-pips{display:flex;gap:3px}.st-race .st-pips i{display:block;width:9px;height:9px;border-radius:50%;background:#2a1f30;box-shadow:inset 0 0 0 1px #5a4a66}.st-race .st-pips i.on{background:#ffd35a;box-shadow:0 0 6px #ffd35acc}.st-race .st-score-row.them .st-pips i.on{background:#c79bff;box-shadow:0 0 6px #c79bffcc}.st-race .st-scorebox small{font:600 8px Rubik;letter-spacing:.06em;color:#9d8fae;text-transform:uppercase}.st-race .st-head-tag{font:700 9px Rubik;font-style:normal;letter-spacing:.06em;padding:2px 7px;border-radius:3px;background:#3a2a00;color:#ffe08a;border:1px solid #ffd35a}.st-race .ss-water.st-headed .ss-water-label{box-shadow:0 0 0 2px #ffd35a,0 0 12px #ffd35a80}.st-race .st-card{position:absolute;left:50%;top:44%;z-index:55;display:flex;flex-direction:column;align-items:center;gap:6px;width:min(420px,88vw);padding:18px 18px 16px;border-radius:10px;transform:translate(-50%,-50%);text-align:center;background:radial-gradient(ellipse at 50% 20%,#4a1660,#14041c 80%);border:3px solid #ffd35a;box-shadow:0 8px #0b0310,0 0 40px #ffd35a73;animation:st-show-card .5s cubic-bezier(.2,1.4,.4,1) both;pointer-events:none}.st-race .st-card small{font:700 10px Rubik;letter-spacing:.2em;text-transform:uppercase;color:#cdb6ff}.st-race .st-card>b{display:flex;align-items:center;gap:10px;font:400 clamp(24px,7vw,36px)/1.05 "Dela Gothic One","Rubik",sans-serif;color:#ffd35a;text-shadow:3px 3px 0 #7a4a00}.st-race .st-card>b span{display:inline-grid;place-items:center;width:1.25em;height:1.25em;border-radius:50%;background:#ffd35a;color:#3a1a00;text-shadow:none;font-size:.7em}.st-race .st-card p{margin:0;font:600 13px Rubik;color:#f2ecf6}.st-race .st-card em{font:600 11px/1.4 Rubik;font-style:normal;color:#9fd4b8}.st-race .st-card .st-card-head{padding:4px 10px;border-radius:4px;background:#3a2a00;color:#ffe08a;font-size:11px}.st-race .st-card-score{display:flex;align-items:center;gap:10px;font:700 11px Rubik;letter-spacing:.08em;text-transform:uppercase;color:#d7dde2}.st-race .st-card-score strong{font:400 22px/1 Dela Gothic One,Rubik,sans-serif;color:#ffd35a}.st-race .st-card-score i{font-style:normal;color:#8fa3a4}.st-rules{max-width:460px;margin:0;padding:0 0 0 18px;font:500 12.5px/1.5 Rubik;color:#efe4ff}.st-pearls{margin:0;font:700 12px Rubik;color:#9fe8ff}@keyframes st-show-card{0%{transform:translate(-50%,-50%) scale(.4) rotate(-6deg);opacity:0}70%{transform:translate(-50%,-50%) scale(1.05) rotate(1deg);opacity:1}to{transform:translate(-50%,-50%)}}@media(prefers-reduced-motion:reduce){.st-race .st-card,.st-race .st-scorebox.match-point{animation:none}}.st-race .st-top{align-items:flex-start;padding:5px 6px;gap:8px}.st-race .st-boardline{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;padding-top:3px}.st-race .st-close{margin-left:auto}.st-race .st-panel{gap:4px;padding:5px 8px 6px}.st-race .st-panel .ss-goal b{font-size:12px}.st-race .st-panel .ss-goal small{font-size:7px}.st-race .ss-goal-clock.low b{color:#ff6b84;animation:st-pulse .5s ease-in-out infinite alternate}.st-race .st-rival.solved{box-shadow:inset 0 0 0 2px #c79bff,0 3px #0000004d}.st-race .st-rwater.st-headed .st-rmark{color:#ffd35a}.st-meter{display:inline-flex;gap:3px;margin-left:auto}.st-meter i{display:block;width:10px;height:10px;border-radius:2px;background:#22313a;box-shadow:inset 0 0 0 1px #4a5f66}.st-meter i.on{background:#c79bff;box-shadow:0 0 6px #c79bffcc}.st-race .ss-board{position:relative}.st-call-stamp{position:absolute;left:50%;top:50%;z-index:30;pointer-events:none;white-space:nowrap;padding:6px 16px;border:3px solid #16081a;border-radius:4px;background:#3a4246;color:#e0e6e8;font:400 clamp(28px,8vw,52px)/1 "Dela Gothic One","Rubik",sans-serif;box-shadow:0 5px #00000073;transform:translate(-50%,-50%) rotate(-6deg);animation:st-stamp .6s cubic-bezier(.2,1.5,.4,1) both}.st-call-stamp.tone-win{background:linear-gradient(180deg,#ffe27a,#f0a830);color:#3a1a00}.st-call-stamp.tone-loss{background:linear-gradient(180deg,#b04cff,#5a1890);color:#fff4f6}@keyframes st-stamp{0%{transform:translate(-50%,-50%) scale(2.2) rotate(-12deg);opacity:0}to{transform:translate(-50%,-50%) rotate(-6deg);opacity:1}}.st-race .ss-dock-hint.st-verdict{font-weight:700;letter-spacing:.06em;text-transform:uppercase}.st-race .ss-dock-hint.st-verdict.win{color:#7dffb0}.st-race .ss-dock-hint.st-verdict.loss{color:#ff8a98}.st-wait .st-rules{text-align:left}@media(prefers-reduced-motion:reduce){.st-call-stamp{animation:none}}.st-hands .st-race-board{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;border-radius:3px;background:#0b1419;box-shadow:0 3px #00000059}.st-race-board span{display:flex;flex-direction:column;gap:2px;min-width:0}.st-race-board b{font:700 12px Rubik;color:#eef3f2}.st-race-board small{font:500 10.5px/1.35 Rubik;color:#9fb6bb}.st-race-board em{flex:none;font:700 12px Rubik;font-style:normal;color:#cfd9db}.st-race-board em.up{color:#7dffb0}.st-race-board em.down{color:#ff8a98}.st-race .st-pips{flex-wrap:wrap;max-width:110px}.st-race .st-pips:has(i:nth-child(9)) i{width:6px;height:6px}.st-lobby-card{max-height:calc(100dvh - 24px);overflow-y:auto;overflow-x:hidden}.st-lengths{display:flex;gap:8px}.st-length{display:flex;flex-direction:column;align-items:center;min-width:64px;padding:7px 10px 6px;border:0;border-radius:3px;background:#13262b;color:#c2d3d1;cursor:pointer;box-shadow:inset 0 0 0 1px #2f4a48,0 3px #00000073}.st-length b{font:400 20px Dela Gothic One,Rubik;color:#ffcd37;line-height:1}.st-length small{font:600 10px Rubik;letter-spacing:.04em;color:#9fb6b4}.st-length.on{background:#2b2210;box-shadow:inset 0 0 0 2px #ffcd37,0 3px #00000073}.st-length:disabled,.st-ranked button:disabled{opacity:.55;cursor:default}.st-pool{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;padding:12px 10px;border-radius:4px;background:linear-gradient(180deg,#0d2a35,#091b22);box-shadow:inset 0 0 0 1px #3fb6c459}.st-pool.swimming{animation:st-pool 2.4s ease-in-out infinite alternate}@keyframes st-pool{0%{box-shadow:inset 0 0 0 1px #3fb6c459}to{box-shadow:inset 0 0 0 2px #3fb6c4d9,0 0 16px #3fb6c44d}}.st-pool-head{display:flex;align-items:baseline;justify-content:space-between;width:100%}.st-pool-head b{font:700 14px Rubik;color:#e9f6f4}.st-pool-count{font:500 11px Rubik;color:#9fd8de}.st-pool-count strong{font:400 18px Dela Gothic One,Rubik;color:#5fe0ea;margin-right:4px}.st-lobby-card p.st-pool-rank{font-size:12px;color:#b8d6d6}.st-pool-rank b{color:#ffcd37}.st-pool-rank strong{color:#5fe0ea}.st-ranked{display:flex;border-radius:3px;overflow:hidden;box-shadow:inset 0 0 0 1px #2f4a48}.st-ranked button{padding:7px 14px;border:0;background:transparent;color:#9fb6b4;font:600 11px Rubik;text-transform:uppercase;letter-spacing:.04em;cursor:pointer}.st-ranked button.on{background:#3fb6c4;color:#06100f}.st-or{display:flex;align-items:center;gap:8px;width:100%;font:600 10px Rubik;letter-spacing:.1em;text-transform:uppercase;color:#7f9896}.st-or:before,.st-or:after{content:"";flex:1;height:1px;background:#2f4a48}@media(prefers-reduced-motion:reduce){.st-pool.swimming{animation:none}}.st-call{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:4px;font:600 12px Rubik;color:#cfe0de}.ss-pool-chip{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 8px;border:1px solid rgba(63,182,196,.55);border-radius:12px;background:#0820338c;color:#bdf3f8;font:600 10px Rubik;letter-spacing:.06em;white-space:nowrap;cursor:pointer;font-variant-numeric:tabular-nums}.ss-pool-chip b{font:700 12px Noto Sans TC,Rubik,sans-serif;color:#ffe08a}.ss-pool-chip.ripple{position:relative;overflow:hidden;animation:ss-pool-breathe 2.6s ease-in-out infinite}.ss-pool-chip.ripple:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 #3fb6c499;animation:ss-pool-ring 2.6s ease-out infinite}.ss-pool-chip.waiting{padding:0;gap:0;border-color:#ffe08a99;background:#0d3d57bf}.ss-pool-chip button{display:inline-flex;align-items:center;gap:5px;height:100%;padding:0 6px 0 8px;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}.ss-pool-chip .ss-pool-chip-x{padding:0 7px 0 4px;color:#9fc7cf}.ss-pool-dot{width:6px;height:6px;border-radius:50%;background:#3fe0c4;animation:ss-pool-blink 1.2s ease-in-out infinite}@keyframes ss-pool-breathe{50%{border-color:#3fe0c4f2}}@keyframes ss-pool-ring{0%{box-shadow:0 0 #3fb6c48c}80%,to{box-shadow:0 0 0 7px #3fb6c400}}@keyframes ss-pool-blink{50%{opacity:.25}}@media(max-width:380px){.ss-pool-chip{padding:0 6px;font-size:9px}}.ss-pool-flag{position:fixed;z-index:80;left:50%;top:calc(env(safe-area-inset-top,0px) + 56px);transform:translate(-50%);display:grid;grid-template-columns:auto 1fr;gap:8px 12px;align-items:center;width:min(92vw,380px);padding:12px 14px;border:2px solid #04140c;border-radius:4px;background:linear-gradient(135deg,#0d3d57,#0b2747);box-shadow:4px 4px #04140c,0 0 0 2px #d9a23a inset;color:#f1ead6;animation:ss-pool-rise .32s cubic-bezier(.2,1.4,.4,1)}.ss-pool-flag-ring{--left:1;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#ffe08a calc(var(--left)*360deg),#ffffff1f 0);transition:background .5s linear}.ss-pool-flag-ring b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#0b2747;font:700 15px Rubik;color:#ffe08a;font-variant-numeric:tabular-nums}.ss-pool-flag-words{display:grid;gap:2px;min-width:0}.ss-pool-flag-words small{font:600 9px Rubik;letter-spacing:.14em;text-transform:uppercase;color:#7fd8e2}.ss-pool-flag-words strong{font:700 16px Rubik;color:#ffe08a}.ss-pool-flag-words span{font:400 11px/1.4 Rubik;color:#cfe0d4}.ss-pool-flag-btns{grid-column:1/-1;display:grid;grid-template-columns:2fr 1fr;gap:8px}.ss-pool-flag-btns button{height:38px;border:2px solid #04140c;border-radius:3px;font:700 13px Rubik;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.ss-pool-race{background:#ffcd37;color:#111215;box-shadow:3px 3px #04140c}.ss-pool-race:active{transform:translate(2px,2px);box-shadow:1px 1px #04140c}.ss-pool-pass{background:transparent;color:#cfe0d4;border-color:#cfe0d466!important}@keyframes ss-pool-rise{0%{opacity:0;transform:translate(-50%,-14px)}}@media(prefers-reduced-motion:reduce){.ss-pool-chip.ripple,.ss-pool-chip.ripple:after,.ss-pool-dot,.ss-pool-flag{animation:none}}