:root,[data-theme=lamplight]{--wall: #34261c;--floor: #4a3526;--floor-line: #3a291d;--wood: #5b4331;--frame: #6b4f3a;--sky-top: #1d2540;--sky-bottom: #3f3a5e;--moon: #f3e6b8;--glow: #f4b860;--curtain: #8a4b3c;--shade: #e7b872;--book1: #8a4b3c;--book2: #6f8a64;--book3: #c9964a;--pot: #a8643f;--leaf: #6f8a64;--leaf2: #8aa072;--rug: #7a4a3a;--rug-line: #c9964a;--brick: #34261c;--brick-line: #34261c;--vignette: rgba(20, 12, 6, .55);--bg: #2b2018;--text: #f3e6d0;--muted: #b9a68c;--panel: rgba(58, 44, 33, .92);--panel-solid: #3a2c21;--panel-border: #5a4636;--accent: #e0a458;--accent-ink: #2b2018;--danger: #d9694f;--tile-border: #6b5440;--g: #8aa072;--y: #d9a441;--x: #54443a;--tile-ink: #2b2018;--tile-x-ink: #f3e6d0;--key: #4a3a2e;--key-ink: #f3e6d0}[data-theme=sunroom]{--wall: #f1e6cf;--floor: #d8b88a;--floor-line: #c7a574;--wood: #b78b5c;--frame: #fffaf0;--sky-top: #bfe0f0;--sky-bottom: #f3f0d8;--moon: #ffe28a;--glow: #ffe7a8;--curtain: #f1c9b6;--shade: #f6d9a0;--book1: #c97b5a;--book2: #8fb08a;--book3: #e3b866;--pot: #d58a62;--leaf: #8fb08a;--leaf2: #6f9a6b;--rug: #e8b9a0;--rug-line: #fffaf0;--brick: #f1e6cf;--brick-line: #f1e6cf;--vignette: rgba(120, 90, 50, .22);--bg: #f6efe3;--text: #4a3a2c;--muted: #8a7660;--panel: rgba(255, 250, 240, .92);--panel-solid: #fffaf0;--panel-border: #d8c7a8;--accent: #c97b5a;--accent-ink: #fffaf0;--danger: #c4543c;--tile-border: #cdbba0;--g: #8fb08a;--y: #e8c06a;--x: #cbbda6;--tile-ink: #3a2c1f;--tile-x-ink: #4a3a2c;--key: #e0d3bd;--key-ink: #4a3a2c}[data-theme=brickside]{--wall: #4d3732;--floor: #5b4033;--floor-line: #47301f;--wood: #6d4c38;--frame: #2f2220;--sky-top: #6f89a3;--sky-bottom: #c9b99e;--moon: #f2e2c4;--glow: #ffcf8a;--curtain: #a85f45;--shade: #e8b27a;--book1: #d9774f;--book2: #7f9a6b;--book3: #e0a35a;--pot: #b5603f;--leaf: #7f9a6b;--leaf2: #98b085;--rug: #8a4a3c;--rug-line: #e0a35a;--brick: #8a4a3c;--brick-line: #5e2f26;--vignette: rgba(30, 14, 10, .5);--bg: #3b2a27;--text: #f6e9dd;--muted: #c4a89a;--panel: rgba(77, 55, 50, .93);--panel-solid: #4d3732;--panel-border: #6e514a;--accent: #d9774f;--accent-ink: #2b1612;--danger: #e8836a;--tile-border: #7d5e55;--g: #7f9a6b;--y: #e0a35a;--x: #6b504a;--tile-ink: #2b1612;--tile-x-ink: #f6e9dd;--key: #5d4540;--key-ink: #f6e9dd}[data-contrast=high]{--g: #2f8f3a;--y: #e6a700;--x: #333;--tile-ink: #000;--tile-x-ink: #fff}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100dvh}body{background:var(--bg);color:var(--text);font-family:ui-rounded,Nunito,Segoe UI Variable Text,Segoe UI,system-ui,sans-serif;font-size:16px;line-height:1.4;-webkit-tap-highlight-color:transparent}h1,h2,h3,.word,.tile,.code-display,.series{font-family:Iowan Old Style,Palatino Linotype,Palatino,Book Antiqua,Georgia,serif}h1,h2,h3{margin:0}p{margin:.4em 0}button{font:inherit;color:inherit}button:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.muted{color:var(--muted)}.small{font-size:.85rem}.error{color:var(--danger);margin:8px 0 0;font-size:.9rem}.scene{position:fixed;inset:0;z-index:-1;overflow:hidden;background:var(--wall)}.scene svg{position:absolute;inset:0;width:100%;height:100%}.scene svg{transition:opacity .4s ease,filter .4s ease}.scene.dim svg{opacity:.4;filter:blur(1.5px) saturate(.9)}.vignette{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,transparent 35%,var(--vignette) 100%);pointer-events:none}.only-lamplight,.only-sunroom,.only-brickside{display:none}[data-theme=lamplight] .only-lamplight,[data-theme=sunroom] .only-sunroom,[data-theme=brickside] .only-brickside{display:inline}.lamp .glow{animation:flicker 5s ease-in-out infinite;transform-origin:center}.bulb{animation:twinkle 3.2s ease-in-out infinite}.dust circle{animation:drift 9s ease-in-out infinite;opacity:.5}@keyframes flicker{0%,to{opacity:.9}40%{opacity:1}55%{opacity:.78}70%{opacity:.95}}@keyframes twinkle{0%,to{opacity:1}50%{opacity:.35}}@keyframes drift{0%,to{transform:translate(0);opacity:.15}50%{transform:translate(12px,-26px);opacity:.6}}.shell{display:flex;justify-content:center;min-height:100dvh;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}.home,.game{width:100%;max-width:460px;padding:12px 14px 28px}.card{background:var(--panel);border:1px solid var(--panel-border);border-radius:16px;padding:16px;backdrop-filter:blur(4px)}.card.center{text-align:center}.stack>*+*{margin-top:14px}.row-btns{display:flex;gap:8px;margin-top:12px}.row-btns>*{flex:1}.row-between{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:6px 0}.label{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:6px;display:block;font-weight:800}.or{text-align:center;color:var(--muted);font-size:.85rem}button{background:var(--accent);color:var(--accent-ink);border:0;border-radius:12px;padding:11px 16px;font-weight:800;cursor:pointer;transition:transform .08s ease,filter .15s ease}button:hover:not(:disabled){filter:brightness(1.06)}button:active:not(:disabled){transform:scale(.97)}button:disabled{opacity:.45;cursor:default}button.sec{background:var(--panel-solid);color:var(--text);border:1px solid var(--panel-border)}button.danger{background:var(--danger);color:#fff}button.link{background:none;color:var(--muted);padding:4px 6px;text-decoration:underline;font-weight:700}.icon-btn{background:var(--panel);color:var(--text);border:1px solid var(--panel-border);width:40px;height:40px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:12px}.text-input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--panel-border);background:var(--panel-solid);color:var(--text);font:inherit;font-size:1.05rem}.big-input{text-align:center;letter-spacing:.4em;font-size:1.6rem;text-transform:uppercase;margin:8px 0}.code-input{text-align:center;letter-spacing:.3em;font-weight:800;text-transform:uppercase}input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent)}input[type=range]{accent-color:var(--accent);width:55%}.seg{display:flex;border:1px solid var(--panel-border);border-radius:12px;overflow:hidden}.seg button{flex:1;border-radius:0;background:var(--panel-solid);color:var(--text);padding:9px 4px;font-size:.9rem}.seg button.on{background:var(--accent);color:var(--accent-ink)}.pill{display:inline-flex;align-items:center;gap:3px;font-size:.72rem;font-weight:800;padding:1px 8px;border-radius:999px;background:var(--panel-solid);border:1px solid var(--panel-border);color:var(--muted)}.pill.warn{color:var(--danger);border-color:var(--danger)}.banner{background:var(--panel);border:1px solid var(--panel-border);border-left:4px solid var(--accent);border-radius:10px;padding:8px 12px;font-size:.88rem;margin:6px 0}.banner.floating{position:fixed;left:50%;top:8px;transform:translate(-50%);z-index:30;width:min(92vw,420px);border-left-color:var(--danger)}.home-head{display:flex;justify-content:flex-end}.logo{text-align:center;margin:18px 0 20px}.logo h1{font-size:2.4rem;letter-spacing:.01em;text-shadow:0 2px 12px rgba(0,0,0,.25)}.logo h1 span{color:var(--accent);font-style:italic}.logo-mark{margin-bottom:4px}.tagline{color:var(--muted);margin:4px 0 0}.menu{display:grid;gap:10px}.big-btn{text-align:left;padding:16px 18px;border-radius:16px;display:flex;flex-direction:column;gap:2px}.big-btn b{font-size:1.15rem}.big-btn small{font-weight:600;opacity:.8}.home-links{display:flex;justify-content:center;gap:4px;margin:18px 0 6px;color:var(--muted)}.foot{text-align:center;color:var(--muted);font-size:.78rem}.code-display{font-size:3.2rem;letter-spacing:.25em;font-weight:700;margin:12px 0 4px;color:var(--accent);padding-left:.25em}.dots{display:flex;justify-content:center;gap:6px;margin:14px 0}.dots i{width:9px;height:9px;border-radius:50%;background:var(--accent);animation:bounce 1.2s ease-in-out infinite}.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,80%,to{transform:translateY(0);opacity:.5}40%{transform:translateY(-6px);opacity:1}}.topbar{display:flex;align-items:center;justify-content:space-between;gap:8px}.series{font-weight:700;font-size:1.05rem;background:var(--panel);border:1px solid var(--panel-border);padding:6px 14px;border-radius:999px}.opp-strip{background:var(--panel);border:1px solid var(--panel-border);border-radius:14px;padding:8px 12px;margin:10px 0 4px}.opp-name{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.opp-meta{display:flex;justify-content:space-between;font-size:.82rem;color:var(--muted);gap:8px}.clock{color:var(--accent);font-weight:800}.clock.big{font-size:1.1rem;margin-left:6px}.mini{display:flex;flex-direction:column;gap:2px;margin-top:6px;align-items:center}.mini-row{display:flex;gap:2px}.mini i{width:14px;height:14px;border-radius:3px;background:var(--x);display:block}.mini i.g{background:var(--g)}.mini i.y{background:var(--y)}.mini i.void{background:transparent;border:1px dashed var(--muted)}.turn-line{text-align:center;font-weight:800;color:var(--muted);margin:8px 0 2px;min-height:1.4em}.turn-line.mine{color:var(--accent-ink);background:var(--accent);border-radius:999px;width:fit-content;margin:8px auto 2px;padding:4px 18px;font-size:1.05rem;letter-spacing:.04em;text-transform:uppercase;animation:nudge 1.6s ease-in-out infinite}.turn-line.mine .clock{color:var(--accent-ink)}.game.my-turn .board{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent),0 0 26px color-mix(in srgb,var(--accent) 50%,transparent);animation:glow 2.2s ease-in-out infinite}.game.my-turn .opp-strip{opacity:.85}.game.their-turn .board{opacity:.72;filter:saturate(.8)}.game.their-turn .kb,.game.their-turn .tray{opacity:.6}@keyframes glow{0%,to{box-shadow:0 0 0 2px var(--accent),0 0 14px color-mix(in srgb,var(--accent) 35%,transparent)}50%{box-shadow:0 0 0 2px var(--accent),0 0 30px color-mix(in srgb,var(--accent) 65%,transparent)}}@keyframes nudge{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.board{display:grid;gap:5px;justify-content:center;margin:4px auto;padding:8px;width:fit-content;background:color-mix(in srgb,var(--panel-solid) 70%,transparent);border:1px solid var(--panel-border);border-radius:18px}.row-tiles{display:flex;gap:5px;justify-content:center}.tile{width:min(11.2vw,52px);height:min(11.2vw,52px);border:2px solid var(--tile-border);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:min(6.4vw,28px);font-weight:700;text-transform:uppercase;background:color-mix(in srgb,var(--panel-solid) 55%,transparent);position:relative}.tile.typed{border-color:var(--muted);animation:pop .1s ease-out}.tile.cursor{border-color:var(--tile-border)}.tile.g,.tile.y,.tile.x,.tile.h,.tile.void{color:var(--tile-ink)}.tile.g{background:var(--g);border-color:var(--g)}.tile.y{background:var(--y);border-color:var(--y)}.tile.x{background:var(--x);border-color:var(--x);color:var(--tile-x-ink)}.tile.h{background:repeating-linear-gradient(45deg,var(--x),var(--x) 5px,color-mix(in srgb,var(--x) 70%,var(--text)) 5px,color-mix(in srgb,var(--x) 70%,var(--text)) 9px);border-color:var(--muted);color:var(--tile-x-ink)}.tile.void{background:transparent;border-style:dashed;border-color:var(--muted)}.tile.flip{animation:flip .5s ease both}@keyframes flip{0%{transform:rotateX(0)}50%{transform:rotateX(90deg)}to{transform:rotateX(0)}}@keyframes pop{0%{transform:scale(.9)}to{transform:scale(1)}}.row-tiles.shake{animation:shake .4s ease}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}[data-contrast=high] .tile.g:after{content:"✓";position:absolute;top:1px;right:4px;font-size:.5em}[data-contrast=high] .tile.y:after{content:"~";position:absolute;top:1px;right:4px;font-size:.55em}[data-contrast=high] .tile.x:after{content:"×";position:absolute;top:1px;right:4px;font-size:.5em;opacity:.8}[data-contrast=high] .key.g:after{content:" ✓"}[data-contrast=high] .key.y:after{content:" ~"}.notes{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:4px 0}.note{background:var(--panel);border:1px solid var(--panel-border);border-radius:999px;padding:3px 12px;font-size:.85rem;font-weight:700}.feed{text-align:center;color:var(--muted);font-size:.85rem;min-height:2.4em;margin:4px 0}.tray{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 8px;scrollbar-width:thin}.pu{flex:0 0 auto;display:flex;align-items:center;gap:8px;background:var(--panel);color:var(--text);border:1px solid var(--panel-border);border-radius:14px;padding:8px 12px;text-align:left;max-width:190px}.pu svg{color:var(--accent);flex:none}.pu.attack{border-color:var(--danger)}.pu.attack svg{color:var(--danger)}.pu b{display:block;font-size:.9rem}.pu small{display:block;font-size:.7rem;font-weight:600;color:var(--muted);line-height:1.2}.kb{display:flex;flex-direction:column;gap:6px;align-items:center;margin-top:8px}.kb-row{display:flex;gap:5px;width:100%;justify-content:center}.key{flex:1;max-width:42px;height:50px;padding:0;background:var(--key);color:var(--key-ink);border-radius:8px;font-size:.95rem}.key.wide{flex:1.6;max-width:68px;font-size:.75rem}.key.g{background:var(--g);color:var(--tile-ink)}.key.y{background:var(--y);color:var(--tile-ink)}.key.x{background:color-mix(in srgb,var(--key) 45%,transparent);color:var(--muted)}.backdrop{position:fixed;inset:0;background:#0a060399;display:flex;align-items:center;justify-content:center;padding:16px;z-index:20;animation:fade .18s ease}.modal{background:var(--panel-solid);border:1px solid var(--panel-border);border-radius:18px;padding:18px;width:min(100%,400px);max-height:88dvh;overflow-y:auto;box-shadow:0 20px 60px #00000073}.modal.wide{width:min(100%,460px)}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.modal-head h2{font-size:1.35rem}.choices{display:grid;gap:8px;margin-top:10px}.choice{display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;column-gap:12px;text-align:left;background:var(--panel);color:var(--text);border:1px solid var(--panel-border);padding:12px}.choice svg{grid-row:span 2;align-self:center;color:var(--accent)}.choice.attack{border-color:var(--danger)}.choice.attack svg{color:var(--danger)}.choice small{font-weight:600;color:var(--muted)}.letter-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.letter-grid button{padding:10px 0}.pos-row{display:flex;gap:8px}.pos-row button{flex:1;font-size:1.2rem;padding:14px 0}.theme-grid{display:grid;gap:8px}.theme-card{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;text-align:left;background:var(--panel);color:var(--text);border:2px solid var(--panel-border);padding:10px 12px}.theme-card.on{border-color:var(--accent)}.theme-card small{grid-column:2;color:var(--muted);font-weight:600}.swatches{grid-row:span 2;display:flex;align-items:center}.swatches i{width:18px;height:34px;display:block}.swatches i:first-child{border-radius:8px 0 0 8px}.swatches i:last-child{border-radius:0 8px 8px 0}.pu-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.pu-list li{display:flex;gap:10px;align-items:flex-start}.pu-list li svg{color:var(--accent);flex:none;margin-top:2px}.pu-list li.atk svg{color:var(--danger)}.pu-list small{display:block;color:var(--muted)}.legal p{font-size:.9rem}.result{text-align:center}.result .word{letter-spacing:.15em;font-size:1.2rem;color:var(--accent)}.result .score{font-size:1.15rem}.toast{position:fixed;left:50%;bottom:calc(18px + env(safe-area-inset-bottom));transform:translate(-50%);background:var(--text);color:var(--bg);padding:10px 18px;border-radius:999px;font-weight:800;font-size:.92rem;z-index:40;max-width:92vw;animation:toast 2.8s ease forwards;pointer-events:none}@keyframes toast{0%{opacity:0;transform:translate(-50%,10px)}8%,85%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,6px)}}@keyframes fade{0%{opacity:0}to{opacity:1}}[data-motion=reduced] *,[data-motion=reduced] *:before,[data-motion=reduced] *:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition:none!important}@media(min-height:700px){.home-head+.logo{margin-top:120px}}@media(max-height:860px){.feed{min-height:1.4em;font-size:.8rem}.key{height:42px}.kb{gap:5px;margin-top:4px}.turn-line{margin:4px 0 0}.tray{padding-bottom:4px}.pu small{display:none}.pu{padding:6px 10px}.opp-strip{padding:6px 12px;margin:6px 0 2px}}@media(max-width:380px){.key{height:46px}.pu{max-width:160px}}.cols{display:flex;flex-direction:column}.col-left,.col-main,.col-right{display:contents}@media(max-width:899px){.opp-strip{order:1}.banner.away{order:2}.turn-line{order:3}.col-main>.card{order:3}.banner.status{order:4}.board{order:5}.notes{order:6}.feed{order:7}.banner.pending{order:8}.tray{order:9}.kb{order:10}}@media(min-width:900px){.game{max-width:1120px}.cols{display:grid;grid-template-columns:300px minmax(0,470px) 300px;gap:22px;justify-content:center;align-items:start;margin-top:6px}.col-left,.col-main,.col-right{display:flex;flex-direction:column;min-width:0}.col-left .opp-strip{margin-top:0}.feed{text-align:left;font-size:.85rem;min-height:0;margin:8px 2px}.feed div{padding:2px 0;border-bottom:1px solid color-mix(in srgb,var(--panel-border) 60%,transparent)}.tile{width:56px;height:56px;font-size:28px}.key{height:52px}.pu small{display:block}}.tray{flex-wrap:wrap;overflow-x:visible;overflow-y:auto;max-height:128px}.tray.wide{flex-direction:column;flex-wrap:nowrap;max-height:none;overflow:visible;gap:8px}.tray.wide .pu{max-width:none;width:100%}.pu:disabled{opacity:.55}.col-right .label,.chat-wrap .label{margin:4px 2px 6px}.chat{background:var(--panel);border:1px solid var(--panel-border);border-radius:14px;padding:10px}.modal .chat{background:none;border:0;padding:0}.chat-log{max-height:230px;min-height:90px;overflow-y:auto;display:flex;flex-direction:column;gap:4px;padding:2px;font-size:.9rem}.msg b{font-size:.72rem;margin-right:6px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.msg.me span{color:var(--accent)}.msg.emote-msg span{font-size:1.3rem}.emotes{display:flex;flex-wrap:wrap;gap:4px;margin:8px 0}.emote{background:var(--panel-solid);border:1px solid var(--panel-border);padding:4px 8px;font-size:1.15rem;border-radius:10px}.chat-input{display:flex;gap:6px}.chat-input .text-input{padding:8px 10px;font-size:.95rem}.top-right{display:flex;gap:6px}.badge-host{position:relative}.badge{position:absolute;top:-5px;right:-5px;background:var(--danger);color:#fff;border-radius:999px;font-size:.7rem;padding:0 6px;font-weight:800}textarea.text-input{resize:vertical;font-size:1rem}.banner.away{border-left-color:var(--danger)}.impact{position:fixed;top:64px;left:50%;transform:translate(-50%);z-index:35;display:flex;align-items:center;gap:12px;padding:12px 20px;border-radius:16px;font-weight:800;font-size:1.05rem;max-width:92vw;background:var(--panel-solid);border:2px solid var(--danger);color:var(--text);box-shadow:0 10px 40px #0006;animation:impact 2.6s ease forwards;pointer-events:none}.impact svg{color:var(--danger)}.impact.block{border-color:var(--g)}.impact.block svg{color:var(--g)}@keyframes impact{0%{opacity:0;transform:translate(-50%,-16px) scale(.92)}10%{opacity:1;transform:translate(-50%) scale(1.04)}18%,84%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-8px) scale(.98)}}.emote-float{position:fixed;top:110px;left:50%;z-index:34;display:flex;flex-direction:column;align-items:center;animation:floatup 2.6s ease forwards;pointer-events:none}.emote-float.mine{margin-left:90px}.emote-float.theirs{margin-left:-90px}.emote-float .big{font-size:3.2rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.35))}.emote-float .who{font-size:.75rem;font-weight:800;background:var(--panel-solid);border:1px solid var(--panel-border);padding:1px 10px;border-radius:999px}@keyframes floatup{0%{opacity:0;transform:translate(-50%,24px) scale(.6)}15%{opacity:1;transform:translate(-50%) scale(1.1)}30%{transform:translate(-50%,-4px) scale(1)}to{opacity:0;transform:translate(-50%,-70px) scale(1)}}.confetti{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:26}.confetti i{position:absolute;top:-16px;width:8px;height:14px;border-radius:2px;animation:fall linear forwards}@keyframes fall{to{top:105vh;margin-left:60px;transform:rotate(720deg)}}.online{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:.85rem;font-weight:700}.online:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--g);box-shadow:0 0 8px var(--g)}.home-head{align-items:center;justify-content:space-between}.banner .spin{display:inline-block;width:12px;height:12px;margin-right:8px;border:2px solid var(--accent);border-right-color:transparent;border-radius:50%;animation:spin .8s linear infinite;vertical-align:-2px}@keyframes spin{to{transform:rotate(360deg)}}.impact{top:70px}.impact.gain{border-color:var(--accent)}.impact.gain svg{color:var(--accent);animation:spinpop .9s ease}.impact.use{border-color:var(--accent)}.impact.use svg{color:var(--accent)}.impact.opp{border-color:var(--panel-border)}.impact.opp svg{color:var(--muted)}@keyframes spinpop{0%{transform:scale(.3) rotate(-120deg);opacity:0}60%{transform:scale(1.25) rotate(10deg);opacity:1}to{transform:scale(1) rotate(0)}}.pu.fresh{animation:popin 1.8s ease;border-color:var(--accent)}@keyframes popin{0%{transform:scale(.4);opacity:0;box-shadow:0 0 0 0 var(--accent)}25%{transform:scale(1.12);opacity:1;box-shadow:0 0 0 6px color-mix(in srgb,var(--accent) 40%,transparent)}50%{transform:scale(1);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 30%,transparent)}to{box-shadow:0 0 0 0 transparent}}@keyframes fadehold{0%{opacity:0}8%,85%{opacity:1}to{opacity:0}}[data-motion=reduced] .impact,[data-motion=reduced] .toast,[data-motion=reduced] .emote-float{animation:fadehold 2.6s linear forwards!important;animation-iteration-count:1!important;transform:translate(-50%)!important}.board{position:relative}.board.fogged:before,.board.inked:after{content:"";position:absolute;inset:0;border-radius:18px;pointer-events:none;z-index:2}.board.fogged:before{background:radial-gradient(ellipse 60% 40% at 20% 30%,rgba(235,235,245,.55),transparent 70%),radial-gradient(ellipse 70% 45% at 80% 55%,rgba(235,235,245,.5),transparent 70%),radial-gradient(ellipse 60% 40% at 35% 85%,rgba(235,235,245,.5),transparent 70%);animation:fogdrift 7s ease-in-out infinite alternate}@keyframes fogdrift{0%{transform:translate(-10px);opacity:.75}to{transform:translate(12px);opacity:1}}.board.inked:after{background:radial-gradient(circle at 18% 22%,rgba(40,20,80,.75) 0 7%,transparent 8%),radial-gradient(circle at 78% 18%,rgba(40,20,80,.7) 0 5%,transparent 6%),radial-gradient(circle at 70% 70%,rgba(40,20,80,.75) 0 9%,transparent 10%),radial-gradient(circle at 25% 80%,rgba(40,20,80,.65) 0 6%,transparent 7%),radial-gradient(circle at 50% 45%,rgba(40,20,80,.5) 0 4%,transparent 5%);animation:inkdrop .6s ease-out both}@keyframes inkdrop{0%{transform:scale(1.4);opacity:0}to{transform:scale(1);opacity:1}}.game .board.shielded{border-color:#6fb3ff;box-shadow:0 0 0 2px #6fb3ff,0 0 22px #6fb3ff8c}.game.my-turn .board.shielded{box-shadow:0 0 0 2px var(--accent),0 0 0 5px #6fb3ff,0 0 22px #6fb3ff80;animation:none}.board.timed{outline:3px dashed var(--danger);outline-offset:3px}.board.forced .tile.cursor:first-of-type,.board.forced .row-tiles .tile.cursor:first-child{border-color:var(--danger)}[data-motion=reduced] .board.fogged:before{animation:none!important;opacity:.85}[data-motion=reduced] .board.inked:after{animation:none!important;opacity:1}.clock.urgent{color:var(--danger);animation:nudge .9s ease-in-out infinite}.turn-line.mine .clock.urgent{color:var(--accent-ink);text-decoration:underline wavy}.impact{padding:10px 18px 10px 12px;gap:12px;top:70px}.impact .badge-ico{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;flex:none;background:color-mix(in srgb,var(--accent) 22%,transparent);color:var(--accent)}.impact .badge-ico svg{color:inherit;animation:none}.impact .txt b{display:block;font-size:1.1rem;line-height:1.15}.impact .txt small{display:block;font-size:.78rem;font-weight:700;color:var(--muted)}.impact.hit .badge-ico{background:color-mix(in srgb,var(--danger) 24%,transparent);color:var(--danger)}.impact.block .badge-ico{background:color-mix(in srgb,var(--g) 28%,transparent);color:var(--g)}.impact.opp .badge-ico{background:color-mix(in srgb,var(--muted) 22%,transparent);color:var(--muted)}.impact.attack{padding:12px 22px 12px 14px;border-width:2px}.impact.attack .badge-ico{width:54px;height:54px}.impact.attack .txt b{font-size:1.25rem}.impact.small{padding:7px 14px 7px 8px;gap:9px;box-shadow:0 6px 20px #0000004d}.impact.small .badge-ico{width:34px;height:34px}.impact.small .txt b{font-size:.95rem}.impact.small .txt small{font-size:.7rem}.impact.opp{border-color:var(--panel-border);opacity:.95}.impact.hit{border-color:var(--danger)}.impact.use,.impact.gain{border-color:var(--accent)}.impact.gain .badge-ico{animation:spinpop .9s ease}.fx{position:fixed;inset:0;pointer-events:none;z-index:30;overflow:hidden}.fx .cloud{position:absolute;width:62vmin;height:32vmin;left:-70vmin;border-radius:50%;background:radial-gradient(ellipse,rgba(240,242,252,.8),transparent 70%);filter:blur(8px);animation:cloudsweep 2s ease-in-out forwards}.fx .cloud.c1{top:22%}.fx .cloud.c2{top:42%;animation-delay:.18s}.fx .cloud.c3{top:62%;animation-delay:.36s}@keyframes cloudsweep{0%{transform:translate(0);opacity:0}20%{opacity:1}80%{opacity:.9}to{transform:translate(190vw);opacity:0}}.fx .drop{position:absolute;width:var(--s);height:var(--s);margin:calc(var(--s) / -2) 0 0 calc(var(--s) / -2);border-radius:50%;background:radial-gradient(circle,#3c1e6ee6,#281450d9 60%,#28145080);transform:scale(0);animation:dropsplat 1.5s ease-out forwards}@keyframes dropsplat{0%{transform:scale(0);opacity:0}14%{transform:scale(1.25);opacity:1}30%{transform:scale(1)}to{transform:scale(1.06) translateY(14px);opacity:0}}.fx .ring{position:absolute;left:50%;top:44%;width:36vmin;height:36vmin;margin:-18vmin 0 0 -18vmin;border:6px solid var(--danger);border-radius:50%;animation:ringpulse 1.5s ease-out forwards}.fx .hand{position:absolute;left:50%;top:44%;width:5px;height:15vmin;margin-left:-2.5px;margin-top:-15vmin;background:var(--danger);border-radius:3px;transform-origin:50% 100%;animation:handspin 1.4s cubic-bezier(.4,0,.2,1) forwards}@keyframes ringpulse{0%{transform:scale(.5);opacity:0}20%{opacity:.95}to{transform:scale(1.35);opacity:0}}@keyframes handspin{0%{transform:rotate(0);opacity:0}15%{opacity:1}85%{opacity:1}to{transform:rotate(540deg);opacity:0}}.fx .flyer{position:absolute;width:70px;height:70px;display:grid;place-items:center;border-radius:50%;background:var(--panel-solid);border:3px solid var(--danger);color:var(--danger);box-shadow:0 8px 26px #0006;--from-x: 50vw;--from-y: 16vh;--to-x: 32vw;--to-y: 82vh}@media(min-width:900px){.fx .flyer{--from-x: 15vw;--from-y: 14vh;--to-x: 82vw;--to-y: 26vh}}.fx .flyer.fly-in{animation:flyin 1.4s cubic-bezier(.5,0,.3,1) forwards}.fx .flyer.fly-out{animation:flyin 1.4s cubic-bezier(.5,0,.3,1) reverse forwards}@keyframes flyin{0%{left:var(--from-x);top:var(--from-y);transform:translate(-50%,-50%) scale(.5);opacity:0}15%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}to{left:var(--to-x);top:var(--to-y);transform:translate(-50%,-50%) scale(.8);opacity:.9}}.fx .stamp{position:absolute;left:50%;top:40%;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-weight:700;font-size:34vmin;color:var(--danger);opacity:0;text-shadow:0 6px 0 rgba(0,0,0,.25);animation:stampin 1.6s cubic-bezier(.2,.9,.3,1.1) forwards}@keyframes stampin{0%{transform:translate(-50%,-50%) scale(3.2) rotate(-14deg);opacity:0}22%{transform:translate(-50%,-50%) scale(1) rotate(-6deg);opacity:.92}30%{transform:translate(-50%,-50%) scale(1.04) rotate(-6deg)}75%{opacity:.85;transform:translate(-50%,-50%) scale(1) rotate(-6deg)}to{opacity:0;transform:translate(-50%,-50%) scale(.96) rotate(-6deg)}}.fx .dome{position:absolute;left:50%;top:46%;width:52vmin;height:62vmin;margin:-31vmin 0 0 -26vmin;border-radius:50%;border:4px solid #6fb3ff;box-shadow:inset 0 0 44px #6fb3ff8c,0 0 34px #6fb3ff99;animation:domeexpand 1.4s ease-out forwards}.fx .dome.block{border-color:#e6f3ff;box-shadow:inset 0 0 50px #e6f3ffcc,0 0 40px #e6f3ffcc;animation-duration:1s}.fx .dome.d2{animation-delay:.15s;border-width:2px}@keyframes domeexpand{0%{transform:scale(.45);opacity:.95}to{transform:scale(1.35);opacity:0}}.fx .ripple{position:absolute;left:50%;top:44%;width:12vmin;height:12vmin;margin:-6vmin 0 0 -6vmin;border:3px solid var(--accent);border-radius:50%;animation:ripple 1.6s ease-out forwards}.fx .ripple.r2{animation-delay:.3s}.fx .ripple.r3{animation-delay:.6s}@keyframes ripple{0%{transform:scale(.4);opacity:.9}to{transform:scale(6);opacity:0}}.fx .spark{position:absolute;left:50%;top:22%;width:14px;height:14px;background:var(--accent);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);animation:sparkfly 1.3s ease-out forwards}@keyframes sparkfly{0%{transform:translate(0) scale(.3);opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(1.4) rotate(120deg);opacity:0}}.key.fx-poof{animation:keypoof 1.3s ease both}@keyframes keypoof{0%{transform:scale(1)}25%{transform:scale(1.3);box-shadow:0 0 0 8px color-mix(in srgb,var(--accent) 45%,transparent)}60%{transform:scale(.6);opacity:.4}to{transform:scale(1)}}.key.fx-spot{animation:keyspot 1.4s ease both}@keyframes keyspot{0%,to{box-shadow:0 0 0 0 transparent}25%,70%{transform:scale(1.18);box-shadow:0 0 0 5px var(--accent),0 0 20px var(--accent)}}.key.fx-ping{animation:keyping 1.2s ease both}@keyframes keyping{0%,to{transform:translateY(0)}30%{transform:translateY(-7px);box-shadow:0 8px 0 -2px color-mix(in srgb,var(--accent) 60%,transparent)}}.game .board.mirrorflip{animation:mirrorflip .95s ease both}@keyframes mirrorflip{0%{transform:perspective(900px) rotateY(0)}50%{transform:perspective(900px) rotateY(90deg)}to{transform:perspective(900px) rotateY(0)}}.note.fresh{animation:notepop 1.8s ease}@keyframes notepop{0%{transform:scale(.4);opacity:0}25%{transform:scale(1.15);opacity:1;box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 45%,transparent)}to{transform:scale(1);box-shadow:0 0 0 0 transparent}}[data-motion=reduced] .fx{display:none}.emote.more{font-size:.78rem;font-weight:800;padding:4px 10px;color:var(--text)}.emote.more.on{background:var(--accent);color:var(--accent-ink)}.emote-panel{background:var(--panel-solid);border:1px solid var(--panel-border);border-radius:12px;padding:8px 10px 10px;margin:0 0 8px;max-height:210px;overflow-y:auto}.emote-panel .label{margin:6px 0 4px}.emote-grid{display:flex;flex-wrap:wrap;gap:4px}.shell{padding-top:calc(env(safe-area-inset-top) + 14px)}.beta-tag{position:fixed;top:calc(env(safe-area-inset-top) + 4px);left:6px;z-index:15;font-size:10px;font-weight:800;letter-spacing:.14em;line-height:1;padding:3px 8px;border-radius:999px;background:var(--accent);color:var(--accent-ink);opacity:.88}.beta-tag:hover{opacity:1}.avatar{display:inline-grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--accent) 18%,var(--panel-solid));border:1px solid var(--panel-border);flex:none;line-height:1}.head-actions{display:inline-flex;gap:8px}.icon-btn .avatar{border:0;background:transparent}.name-link{background:none;color:var(--text);padding:0;font-weight:800;font-size:1rem;border-radius:6px;text-decoration:underline dotted;text-underline-offset:3px}.opp-name{gap:8px}.pill.title{color:var(--accent);border-color:var(--accent)}.pill.gold{color:var(--y);border-color:var(--y)}.profile{display:grid;gap:16px}.profile-head{display:flex;align-items:center;gap:14px}.profile-name{font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-size:1.5rem;font-weight:700;line-height:1.1}.showcase{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.avatar-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.avatar-pick{background:var(--panel);border:2px solid var(--panel-border);font-size:1.5rem;padding:6px 0;line-height:1.2}.avatar-pick.on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 20%,var(--panel))}select.text-input{appearance:auto}.chip-row{display:flex;flex-wrap:wrap;gap:6px}.chip{background:var(--panel);color:var(--text);border:1px solid var(--panel-border);padding:5px 10px;font-size:.8rem;border-radius:999px}.chip.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px}.stat{background:var(--panel);border:1px solid var(--panel-border);border-radius:12px;padding:8px 10px;text-align:center}.stat b{display:block;font-size:1.15rem}.stat small{color:var(--muted);font-weight:700;font-size:.7rem}.ach-group{margin-bottom:8px}.ach-list{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:4px}.ach-list li{display:flex;gap:10px;align-items:flex-start;padding:6px 8px;border-radius:10px;background:var(--panel);border:1px solid var(--panel-border)}.ach-list li.locked{opacity:.55}.ach-list li.got .dot{color:var(--y)}.ach-list .dot{width:18px;text-align:center;font-size:1.1rem;line-height:1.2}.ach-list small{display:block;color:var(--muted);font-weight:600}.history{list-style:none;margin:0;padding:0;display:grid;gap:4px}.history li{display:flex;gap:10px;align-items:baseline;padding:6px 10px;border-radius:10px;background:var(--panel);border-left:4px solid var(--muted)}.history li.win{border-left-color:var(--g)}.history li.loss{border-left-color:var(--danger)}.history li span{flex:1}.history small{color:var(--muted)}.signin-soon{text-align:center}.signin-row{display:flex;gap:8px;justify-content:center;margin:8px 0 4px}.signin-row button{flex:1}.achievement{position:fixed;left:50%;bottom:calc(86px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:36;display:flex;align-items:center;gap:12px;padding:10px 20px 10px 12px;background:var(--panel-solid);border:2px solid var(--y);border-radius:16px;box-shadow:0 10px 40px #0006;max-width:92vw;animation:achieve 3.8s ease forwards;pointer-events:none}.achievement .badge-ico{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--y) 28%,transparent);color:var(--y);flex:none}.achievement .txt b{display:block;font-size:1.1rem}.achievement .txt small{display:block;font-size:.72rem;font-weight:700;color:var(--muted)}@keyframes achieve{0%{opacity:0;transform:translate(-50%,24px) scale(.9)}8%{opacity:1;transform:translate(-50%) scale(1.04)}14%,88%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,10px)}}[data-motion=reduced] .achievement{animation:fadehold 3.8s linear forwards!important;transform:translate(-50%)!important}.key.forced{position:relative;box-shadow:0 0 0 3px var(--danger),0 0 14px color-mix(in srgb,var(--danger) 55%,transparent);animation:forcedpulse 1.6s ease-in-out infinite}.key.forced:after{content:"!";position:absolute;top:-7px;right:-5px;width:16px;height:16px;border-radius:50%;background:var(--danger);color:#fff;font-size:.72rem;font-weight:800;line-height:16px;text-align:center}.key.forced-met{position:relative;box-shadow:0 0 0 3px var(--g)}.key.forced-met:after{content:"✓";position:absolute;top:-7px;right:-5px;width:16px;height:16px;border-radius:50%;background:var(--g);color:var(--tile-ink);font-size:.72rem;font-weight:800;line-height:16px;text-align:center}@keyframes forcedpulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}[data-motion=reduced] .key.forced{animation:none!important}.kb{background:var(--panel-solid);border:1px solid var(--panel-border);border-radius:16px;padding:8px 6px}.pu-explain{display:flex;gap:14px;align-items:flex-start}.pu-explain p{margin:0 0 6px}.pu-bigicon{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;flex:none;background:color-mix(in srgb,var(--accent) 22%,transparent);color:var(--accent)}.pu-bigicon.attack{background:color-mix(in srgb,var(--danger) 22%,transparent);color:var(--danger)}.pu-explain .who{color:var(--muted);font-weight:700}.emote-float{margin-left:0!important;animation:floatspot 2.6s ease forwards!important}@keyframes floatspot{0%{opacity:0;transform:translate(-50%,24px) scale(.6) rotate(var(--tilt, 0deg))}15%{opacity:1;transform:translate(-50%) scale(1.1) rotate(var(--tilt, 0deg))}to{opacity:0;transform:translate(calc(-50% + var(--drift, 0px)),-80px) scale(1) rotate(calc(var(--tilt, 0deg) * -1))}}[data-motion=reduced] .emote-float{animation:fadehold 2.6s linear forwards!important;transform:translate(-50%)!important}.fx .fogbank{position:absolute;left:-15vw;width:130vw;height:70vh;bottom:-70vh;border-radius:50%;background:radial-gradient(ellipse 45% 55% at 25% 55%,rgba(240,242,252,.85),transparent 70%),radial-gradient(ellipse 50% 60% at 70% 45%,rgba(236,240,250,.8),transparent 72%),radial-gradient(ellipse 40% 50% at 50% 70%,rgba(245,246,255,.75),transparent 70%);filter:blur(10px);animation:fogrise 2.8s ease-in-out forwards}.fx .fogbank.b2{animation-delay:.25s;left:-25vw}.fx .fogbank.b3{animation-delay:.5s;left:-5vw}@keyframes fogrise{0%{transform:translateY(0);opacity:0}25%{opacity:.95}55%{transform:translateY(-62vh);opacity:.9}to{transform:translateY(-100vh);opacity:0}}.fx .strike-letter{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif}.fx .strike-letter b{display:block;font-size:32vmin;line-height:1;color:var(--text);animation:letterpop 1.7s ease forwards}.fx .strike-letter .strike{position:absolute;left:-6%;top:52%;width:112%;height:7px;background:var(--danger);border-radius:4px;transform:scaleX(0);transform-origin:left;animation:strikedraw 1.7s ease forwards}.fx .strike-letter .puff{position:absolute;left:50%;top:50%;width:9vmin;height:9vmin;margin:-4.5vmin;border-radius:50%;background:radial-gradient(circle,#ebebf5e6,#ebebf500);opacity:0;animation:puffout 1s ease-out .95s forwards}.fx .strike-letter .puff.p0{--px: -16vmin;--py: -10vmin}.fx .strike-letter .puff.p1{--px: 16vmin;--py: -12vmin}.fx .strike-letter .puff.p2{--px: -12vmin;--py: 12vmin}.fx .strike-letter .puff.p3{--px: 14vmin;--py: 10vmin}.fx .strike-letter .puff.p4{--px: 0;--py: -16vmin}@keyframes letterpop{0%{transform:scale(.5);opacity:0}18%{transform:scale(1.08);opacity:1}30%,52%{transform:scale(1);opacity:1}to{transform:scale(.7);opacity:0;filter:blur(6px)}}@keyframes strikedraw{0%,28%{transform:scaleX(0);opacity:1}48%{transform:scaleX(1);opacity:1}80%{opacity:1}to{transform:scaleX(1);opacity:0}}@keyframes puffout{0%{transform:translate(0) scale(.3);opacity:.9}to{transform:translate(var(--px),var(--py)) scale(2.4);opacity:0}}.pu-bar{display:none}@media(max-width:899px){.game{--key: clamp(34px, 5.4vh, 46px);--chrome: 272px;--tile: max(26px, min(11.2vw, 52px, calc((100vh - var(--chrome) - 3 * var(--key)) / 7)));padding:2px 12px calc(10px + env(safe-area-inset-bottom))}.game.extras{--chrome: 306px}@supports (height: 100dvh){.game{--key: clamp(34px, 5.4dvh, 46px);--tile: max(26px, min(11.2vw, 52px, calc((100dvh - var(--chrome) - 3 * var(--key)) / 7)))}}.game .tile{width:var(--tile);height:var(--tile);font-size:calc(var(--tile) * .55);border-radius:calc(var(--tile) * .2)}.game .board{padding:6px;gap:4px;margin:2px auto;border-radius:14px}.game .row-tiles{gap:4px}.game .kb{gap:4px;margin-top:4px;padding:6px 4px}.game .kb-row{gap:4px}.game .key{height:var(--key);max-width:none;font-size:.9rem}.game .key.wide{font-size:.7rem}.topbar .icon-btn{width:38px;height:38px}.series{padding:4px 12px;font-size:.95rem}.opp-strip.compact{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:2px 8px;padding:4px 10px;margin:4px 0 2px;border-radius:12px}.opp-strip.compact .opp-name{flex-wrap:nowrap;min-width:0;overflow:hidden;gap:6px}.opp-strip.compact .pill.title{display:none}.opp-strip.compact .opp-meta{gap:8px;align-items:center;justify-content:flex-end;font-size:.78rem}.opp-strip.compact .mini{width:100%;margin:4px 0 2px}.opp-toggle{background:none;color:var(--muted);padding:0 6px;font-size:1rem;line-height:1}.turn-line{margin:4px 0 2px;font-size:.9rem}.turn-line.mine{margin:4px auto 2px;padding:3px 14px;font-size:.92rem}.notes{margin:2px 0;gap:4px}.note{font-size:.72rem;padding:2px 9px}.chips{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;margin:2px 0}.status-chip{background:var(--panel);color:var(--text);border:1px solid var(--danger);border-radius:999px;padding:2px 10px;font-size:.72rem;font-weight:800}.status-chip.shield,.status-chip.extra{border-color:var(--accent)}.chips{order:4}.feed{display:none}.pu-bar{order:9}.pu-bar{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;max-width:420px;margin:4px auto 2px;padding:6px 14px;background:var(--panel);color:var(--text);border:1px solid var(--panel-border);border-radius:14px;font-size:.92rem}.pu-bar.empty{opacity:.75}.pu-bar.fresh{animation:popin 1.8s ease;border-color:var(--accent)}.pu-bar-icons{display:inline-flex;gap:4px;color:var(--accent)}.pu-count{background:var(--accent);color:var(--accent-ink);border-radius:999px;padding:0 9px;font-weight:800;min-width:22px;text-align:center}}@media(max-width:899px)and (min-height:780px){.feed{display:block;min-height:0;margin:2px 0;font-size:.78rem}.feed div:not(:last-child){display:none}}@media(max-width:899px)and (max-height:700px){.shell{padding-top:calc(env(safe-area-inset-top) + 8px)}.beta-tag{top:calc(env(safe-area-inset-top) + 2px)}}.backdrop.sheet{align-items:flex-end;padding:0}.backdrop.sheet .modal{width:100%;max-width:520px;border-radius:20px 20px 0 0;max-height:80vh;padding-bottom:calc(18px + env(safe-area-inset-bottom));animation:sheetup .25s ease}@keyframes sheetup{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.sheet-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.sheet-list li{display:flex;gap:12px;align-items:center;background:var(--panel);border:1px solid var(--panel-border);border-radius:14px;padding:10px}.sheet-list li.attack{border-color:var(--danger)}.sheet-text{flex:1;min-width:0}.sheet-text b{display:block}.sheet-text small{display:block;color:var(--muted);font-weight:600;font-size:.78rem;line-height:1.25}.sheet-list button{flex:none}.board-area{display:contents}@media(max-width:899px){.game{display:flex;flex-direction:column}.cols{flex:1 1 auto;min-height:0}.board-area{order:5;flex:1 1 0;min-height:150px;display:flex;align-items:center;justify-content:center}}@supports (height: 1cqh){@media(max-width:899px){.board-area{container-type:size}.game .board{--tile: max(24px, min(11.2vw, 52px, calc((100cqh - 40px) / 7)))}}}@media(min-width:900px){.game{display:flex;flex-direction:column}.cols{flex:1 1 auto;align-items:stretch}.col-main{min-height:0}.board-area{flex:1 1 0;min-height:200px;display:flex;align-items:center;justify-content:center}.col-right .banner.status{font-size:.85rem;margin:4px 0}}@supports (height: 1cqh){@media(min-width:900px){.board-area{container-type:size}.game .board{--tile: max(30px, min(56px, calc((100cqh - 40px) / 7)))}.game .tile{width:var(--tile);height:var(--tile);font-size:calc(var(--tile) * .5)}}}@media(min-width:900px){.col-left,.col-right{max-height:calc(100vh - 112px);overflow-y:auto;scrollbar-width:thin}@supports (height: 100dvh){.col-left,.col-right{max-height:calc(100dvh - 112px)}}}@media(min-width:900px){.game .key{height:clamp(36px,6.4vh,52px)}@supports (height: 100dvh){.game .key{height:clamp(36px,6.4dvh,52px)}}}.swoosh{position:fixed;left:0;right:0;top:36%;z-index:31;pointer-events:none;overflow:hidden;height:96px;display:flex;align-items:center}.swoosh span{display:block;width:100%;padding:14px 0;text-align:center;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-weight:800;font-size:clamp(1.7rem,8vw,2.8rem);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-ink);background:linear-gradient(90deg,transparent 0,var(--accent) 14%,var(--accent) 86%,transparent 100%);text-shadow:0 2px 0 rgba(255,255,255,.25);transform:translate(-120%);animation:swooshright 1.4s cubic-bezier(.2,.7,.2,1) forwards}.swoosh.theirs span{background:linear-gradient(90deg,transparent 0,var(--panel-solid) 14%,var(--panel-solid) 86%,transparent 100%);color:var(--text);text-shadow:none;transform:translate(120%);animation-name:swooshleft}.swoosh.small{height:56px;top:40%}.swoosh.small span{font-size:1.15rem;padding:8px 0;letter-spacing:.06em}@keyframes swooshright{0%{transform:translate(-120%) skew(-14deg);opacity:0}25%{transform:translate(0) skew(0);opacity:1}72%{transform:translate(0) skew(0);opacity:1}to{transform:translate(120%) skew(-14deg);opacity:0}}@keyframes swooshleft{0%{transform:translate(120%);opacity:0}25%{transform:translate(0);opacity:.95}72%{transform:translate(0);opacity:.95}to{transform:translate(-120%);opacity:0}}[data-motion=reduced] .swoosh span{animation:fadehold 1.4s linear forwards!important;transform:none!important}.game .board,.game .kb,.game .tray,.game .pu-bar{transition:opacity .5s ease,filter .5s ease,box-shadow .5s ease}.opp-strip{transition:box-shadow .5s ease,border-color .5s ease}.game.their-turn .opp-strip{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 0 18px color-mix(in srgb,var(--accent) 30%,transparent)}.mini-row{animation:minirow .5s ease both}@keyframes minirow{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.08);opacity:1}to{transform:scale(1)}}.opp-extras{width:100%;display:grid;gap:3px;margin-top:6px;font-size:.82rem}.opp-share{display:flex;align-items:center;gap:8px;font-weight:800;cursor:pointer}.opp-share input{width:18px;height:18px}.opp-extras .gave{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px}.opp-extras .gave .word{letter-spacing:.22em;color:var(--accent)}.opp-extras .gave .link{padding:0 4px;font-size:.8rem}.mini.letters,.mini.letters .mini-row{gap:3px}.mini.letters i{width:22px;height:22px;display:grid;place-items:center;font-style:normal;font-weight:800;font-size:.72rem;text-transform:uppercase;border-radius:5px;color:var(--tile-ink)}.mini.letters i.x{color:var(--tile-x-ink)}.mini.letters i.void{color:var(--muted)}.trade-btn{margin-top:8px;width:100%}.sheet-list li.picked{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent) inset}.fx .lifeglow{position:absolute;left:50%;top:46%;width:120vmin;height:120vmin;margin:-60vmin 0 0 -60vmin;border-radius:50%;background:radial-gradient(circle,rgba(255,226,140,.85),rgba(255,190,80,.35) 38%,transparent 68%);animation:lifeglow 2.6s ease-out forwards}.fx .liferays{position:absolute;left:50%;top:46%;width:150vmin;height:150vmin;margin:-75vmin 0 0 -75vmin;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(255,225,130,.55) 0deg 6deg,transparent 6deg 24deg);-webkit-mask:radial-gradient(circle,#000 8%,transparent 62%);mask:radial-gradient(circle,#000 8%,transparent 62%);animation:liferays 2.6s ease-out forwards}.fx .lifering{position:absolute;left:50%;top:46%;width:30vmin;height:30vmin;margin:-15vmin 0 0 -15vmin;border-radius:50%;border:4px solid rgba(255,236,170,.95);box-shadow:0 0 30px #ffd264cc;animation:lifering 1.8s ease-out forwards}.fx .ember{position:absolute;bottom:-4vmin;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle,#fff6c8,#ffc65a 60%,transparent 72%);animation:ember 2.4s ease-out forwards;opacity:0}@keyframes lifeglow{0%{opacity:0;transform:scale(.3)}25%{opacity:1}to{opacity:0;transform:scale(1.15)}}@keyframes liferays{0%{opacity:0;transform:rotate(0) scale(.4)}25%{opacity:1}to{opacity:0;transform:rotate(50deg) scale(1.1)}}@keyframes lifering{0%{opacity:1;transform:scale(.2)}to{opacity:0;transform:scale(3.2)}}@keyframes ember{0%{opacity:0;transform:translateY(0) scale(.6)}20%{opacity:1}to{opacity:0;transform:translateY(-80vh) scale(1.3)}}.ach-body{flex:1;min-width:0}.ach-list li.locked{opacity:.8}.ach-list li.locked .ach-body>b,.ach-list li.locked .ach-body>small{opacity:.7}.rarity{font-style:normal;font-size:.62rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;margin-left:8px;padding:1px 7px;border-radius:999px;vertical-align:middle;border:1px solid currentColor}.rarity.common{color:#8fa18a}.rarity.rare{color:#5ea4e8}.rarity.epic{color:#b57be8}.rarity.legendary{color:#f0b840}.ach-list li.got.rar-rare{border-color:#5ea4e8}.ach-list li.got.rar-epic{border-color:#b57be8}.ach-list li.got.rar-legendary{border-color:#f0b840;box-shadow:0 0 14px #f0b84059}.ach-prog{position:relative;display:block;height:16px;margin-top:6px;border-radius:999px;background:color-mix(in srgb,var(--text) 12%,transparent);overflow:hidden}.ach-prog>i{position:absolute;inset:0 auto 0 0;background:var(--accent);border-radius:999px;transition:width .4s ease}.ach-prog>em{position:relative;display:block;text-align:center;font-size:.68rem;font-style:normal;font-weight:800;line-height:16px;color:var(--text);text-shadow:0 0 3px var(--bg, #000)}.tour{position:fixed;inset:0;pointer-events:none;z-index:40}.tour-pip{position:fixed;width:0;height:0;padding:0;border:0;background:none;pointer-events:auto;cursor:pointer}.tour-pip .dot{position:absolute;left:-7px;top:-7px;width:14px;height:14px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 2px var(--panel, #2a1f18);animation:pip-pulse 1.8s ease-out infinite}.tour-pip .bubble{position:absolute;white-space:nowrap;font-size:.72rem;font-weight:700;line-height:1.2;padding:5px 9px;border-radius:10px;background:var(--accent);color:var(--accent-ink, #1d140e);box-shadow:0 2px 8px #00000059;animation:pip-in .4s ease-out both}@keyframes pip-pulse{0%{box-shadow:0 0 0 2px var(--panel, #2a1f18),0 0 color-mix(in srgb,var(--accent) 70%,transparent)}70%,to{box-shadow:0 0 0 2px var(--panel, #2a1f18),0 0 0 12px transparent}}@keyframes pip-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}[data-motion=reduced] .tour-pip .dot{animation:none}@media(max-width:420px){.tour-pip .bubble{white-space:normal;max-width:150px}}@media(max-width:899px){.board-area{min-height:212px}.trade-btn{margin-top:10px}}@media(max-width:899px)and (max-height:680px){.notes,.chips{flex-wrap:nowrap;overflow-x:auto;justify-content:safe center;scrollbar-width:none}.notes::-webkit-scrollbar,.chips::-webkit-scrollbar{display:none}.notes>*,.chips>*{flex:none;white-space:nowrap}}.tour-pip .bubble{width:max-content;max-width:min(220px,70vw)}.avatar-blank{display:inline-block;width:28px;height:28px;border-radius:50%;background:var(--panel-border);flex:none}.party-seats,.party-players,.party-rank{list-style:none;margin:8px 0;padding:0;display:grid;gap:6px}.party-seats li,.party-players li,.party-rank li{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:12px;background:var(--panel);border:1px solid var(--panel-border)}.party-seats .seat-name{flex:1;display:flex;align-items:center;gap:6px;flex-wrap:wrap;text-align:left;font-weight:700}.party-players li.me,.party-rank li.me{border-color:var(--accent)}.party-players li.gone{opacity:.55}.party-players .pname{flex:1;min-width:0;display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-weight:700;text-align:left}.party-players .pstat{font-size:.72rem;color:var(--muted);font-weight:700;white-space:nowrap}.party-players .pscore,.party-rank .score{font-weight:800;min-width:34px;text-align:right;color:var(--accent)}.party-players .pstate{width:18px;text-align:center;font-weight:800}.party-rank{counter-reset:none}.party-rank .place{width:22px;font-weight:800;color:var(--muted);text-align:center}.party-rank .rank-name{flex:1;min-width:0;display:grid;text-align:left}.party-rank .rank-name small{color:var(--muted);font-weight:600}.party-chat-log{max-height:140px;overflow-y:auto;font-size:.85rem;text-align:left;margin-bottom:6px}.party-chat-log>div{padding:2px 0}.party-chat-emotes{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:6px}.party-chat-emotes button{padding:4px 10px;font-size:1.1rem}.pick-grid{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}.scout-report{margin:6px 0}.scout-report small{display:block;color:var(--muted);font-weight:700}.tray.sheet-tray{flex-direction:column;flex-wrap:nowrap;max-height:none;overflow:visible;gap:8px}.tray.sheet-tray .pu{max-width:none;width:100%}.tray.sheet-tray .pu small{display:block}.board-strip{display:flex;gap:6px;overflow-x:auto;padding:2px 0 4px;scrollbar-width:none}.board-strip::-webkit-scrollbar{display:none}.bchip{flex:none;display:grid;gap:3px;justify-items:center;min-width:58px;max-width:92px;padding:4px 8px;border-radius:10px;background:var(--panel);border:1px solid var(--panel-border);color:var(--text)}.bchip.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.bchip.solved{opacity:.75}.bchip .bname{font-size:.72rem;font-weight:800;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bchip .bdots{display:inline-flex;gap:2px;min-height:8px;font-size:.75rem;color:var(--g);font-weight:800;line-height:8px}.bdots i{display:inline-block;width:8px;height:8px;border-radius:2px;background:var(--x)}.bdots i.g{background:var(--g)}.bdots i.y{background:var(--y)}.bdots i.void{background:transparent;border:1px dashed var(--muted)}.party-strip-btn{display:flex;justify-content:space-between;gap:8px;width:100%;padding:4px 10px;margin:4px 0 2px;background:var(--panel);border:1px solid var(--panel-border);border-radius:12px;color:var(--text);font-size:.78rem;font-weight:700}@media(max-width:899px){.party-strip-btn{order:1}.board-strip,.party .chips{order:4}}@media(min-width:900px){.party-strip-btn{display:none}}