@scope(.deconstruct-page){:scope{--bg:#0a0a10;--surface:#1a1a24;--primary:#4fd0ff;--secondary:#03dac6;--text:#d8f0ff;--red:#ff6b6b;--ok:#8dff9d;--warn:#ffb36b}*{box-sizing:border-box;margin:0;padding:0}:scope{background:var(--bg);color:var(--text);width:100vw;height:100vh;font-family:ui-monospace,Consolas,Menlo,monospace;overflow:hidden}:scope:before{content:"";pointer-events:none;z-index:50;mix-blend-mode:screen;background:repeating-linear-gradient(0deg,#0000 0 2px,#50b4dc08 2px 3px);position:fixed;inset:0}#lobby{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#08080ceb;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}#lobby.hidden{display:none}.lobby-box{background:var(--surface);text-align:center;border:1px solid #2a2a3a;border-radius:16px;width:92%;max-width:440px;padding:36px}.lobby-box h1{color:var(--primary);letter-spacing:3px;text-shadow:0 0 12px #4fd0ff66;margin-bottom:6px;font-size:1.5rem}.lobby-box .subtitle{opacity:.5;margin-bottom:22px;font-size:.82rem}.lobby-box input{color:var(--text);text-align:center;letter-spacing:4px;text-transform:uppercase;background:#1a1a28;border:1px solid #3a3a4a;border-radius:8px;outline:none;width:200px;padding:10px 14px;font-family:inherit;font-size:1.1rem}.lobby-box input:focus{border-color:var(--primary)}.lobby-btns{flex-direction:column;align-items:center;gap:10px;margin-top:16px;display:flex}.lobby-btns button{width:220px}.or-divider{opacity:.4;font-size:13px}.lobby-status{opacity:.7;min-height:22px;margin-top:14px;font-size:.9rem}.room-code-display{letter-spacing:6px;color:var(--secondary);-webkit-user-select:all;user-select:all;margin:14px 0;font-size:2rem;font-weight:700}.player-list{text-align:left;background:#111118;border:1px solid #2a2a3a;border-radius:6px;margin-top:12px;padding:8px 12px;font-size:.85rem}.player-list div{padding:2px 0}.player-list .you{color:var(--secondary)}#ui-overlay{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}#ui-overlay.hidden{display:none}.score-bar{pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#101018e0;border-bottom:1px solid #2a2a3a;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;padding:8px 20px;display:flex}.score-bar .title{color:var(--primary);letter-spacing:2px;text-shadow:0 0 8px #4fd0ff4d;font-size:1rem;font-weight:700}.score-chip{background:#1a1a28;border:1px solid #3a3a4a;border-radius:12px;padding:4px 10px;font-size:.82rem}.score-chip.me{border-color:var(--secondary);color:var(--secondary)}#side-panel{pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#101018eb;border:1px solid #2a2a3a;border-radius:12px;align-items:center;gap:14px;padding:14px 18px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.hand{gap:8px;display:flex}.card{cursor:pointer;background:#1a1a28;border:2px solid #3a3a4a;border-radius:6px;flex-direction:column;justify-content:space-between;align-items:center;width:78px;height:110px;padding:6px 4px;transition:transform .2s,border-color .2s;display:flex}.card:hover{border-color:var(--primary);transform:translateY(-5px)}.card.selected{border-color:var(--secondary);background:#1f2a38;box-shadow:0 0 12px #03dac64d}.card.unplayable{opacity:.45;filter:grayscale(.55);cursor:not-allowed}.card.unplayable:hover{transform:none}.card-badge{text-align:center;letter-spacing:.5px;color:var(--red);pointer-events:none;background:#140c12d9;border-radius:2px;padding:2px 4px;font-size:8px;position:absolute;bottom:4px;left:4px;right:4px}.card{position:relative}@keyframes decon-shake{0%,to{transform:translate(-50%)translateY(0)}15%{transform:translate(calc(-50% - 6px))translateY(0)}30%{transform:translate(calc(6px - 50%))translateY(0)}45%{transform:translate(calc(-50% - 4px))translateY(0)}60%{transform:translate(calc(4px - 50%))translateY(0)}75%{transform:translate(calc(-50% - 2px))translateY(0)}}#side-panel.shake{animation:.42s decon-shake}.card-num{color:var(--primary);font-size:16px;font-weight:700}.card-label{opacity:.6;text-transform:uppercase;letter-spacing:.5px;font-size:9px}.mini-grid{gap:2px;display:grid}.mini-dot{background:#2a2a3a;border-radius:2px;width:12px;height:12px}.mini-dot.active{background:var(--secondary)}.btn-group{flex-direction:column;gap:6px;display:flex}button{background:var(--primary);color:#000;cursor:pointer;white-space:nowrap;letter-spacing:.5px;border:none;border-radius:6px;padding:10px 18px;font-family:inherit;font-size:12px;font-weight:700}button:disabled{color:#666;cursor:not-allowed;background:#3a3a4a}button:hover:not(:disabled){filter:brightness(1.1)}.btn-secondary{color:var(--text);background:#2a2a3a;padding:6px 14px;font-size:11px}.btn-secondary:hover{background:#3a3a4a}#log-panel{pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#101018e0;border:1px solid #2a2a3a;border-radius:8px;width:290px;max-height:220px;padding:10px;font-size:11px;position:absolute;top:48px;right:14px;overflow-y:auto}#log-panel::-webkit-scrollbar{width:4px}#log-panel::-webkit-scrollbar-thumb{background:#3a3a4a;border-radius:2px}#hint{pointer-events:auto;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:.7;background:#101018bf;border:1px solid #2a2a3a;border-radius:6px;padding:6px 10px;font-size:11px;position:absolute;top:48px;left:14px}.msg-bar{pointer-events:auto;color:var(--warn);text-align:center;white-space:nowrap;min-height:18px;font-size:12px;position:absolute;bottom:140px;left:50%;transform:translate(-50%)}.msg-bar.ok{color:var(--ok)}#wait-banner{pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--primary);color:var(--primary);text-shadow:0 0 8px #4fd0ff4d;background:#101018eb;border-radius:10px;padding:14px 28px;font-size:1rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#wait-banner.hidden{display:none}.round-summary{pointer-events:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--primary);z-index:5;background:#101018f5;border-radius:10px;min-width:340px;max-width:min(540px,90vw);padding:16px 22px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 24px #4fd0ff40}.round-summary-head{color:var(--primary);letter-spacing:2px;text-align:center;text-shadow:0 0 8px #4fd0ff59;margin-bottom:12px;font-size:.9rem;font-weight:700}.round-summary-body{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.round-row{background:#111118;border-left:3px solid #888;border-radius:4px;grid-template-columns:minmax(70px,auto) 1fr minmax(70px,auto);align-items:center;gap:12px;padding:6px 10px;font-size:12px;display:grid}.round-player{letter-spacing:.5px;font-weight:700}.round-play{opacity:.8;font-size:11px}.round-points{text-align:right;font-size:13px;font-weight:700}.round-points.pts-ok{color:var(--ok)}.round-points.pts-bad{color:var(--red)}.round-points.pts-neutral{color:#888}.round-dismiss{margin:0 auto;display:block}#end-screen{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#08080ceb;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.end-box{background:var(--surface);border:1px solid var(--primary);text-align:center;border-radius:14px;min-width:340px;max-width:min(480px,92vw);padding:28px 32px;box-shadow:0 0 32px #4fd0ff40}.end-box h1{color:var(--primary);letter-spacing:2px;text-shadow:0 0 12px #4fd0ff66;margin-bottom:8px;font-size:1.2rem}.end-winner{color:var(--ok);margin-bottom:20px;font-size:.95rem}.end-scores{text-align:left;flex-direction:column;gap:8px;margin-bottom:22px;display:flex}.end-score-row{background:#111118;border:1px solid #3a3a4a;border-radius:6px;grid-template-columns:28px 1fr auto;align-items:center;gap:12px;padding:8px 12px;font-size:14px;display:grid}.end-score-row.top{background:#1f2a38;box-shadow:0 0 12px #03dac633}.end-rank{color:var(--primary);text-align:center;font-weight:700}.end-name{letter-spacing:.5px;font-weight:700}.end-points{font-size:1rem;font-weight:700}}.canvas-wrapper.svelte-sb6q2v{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.canvas-wrapper.svelte-sb6q2v canvas{width:100%!important;height:100%!important}