:root{color-scheme:dark;--bg-deep: #0e1411;--bg: #141c17;--bg-elevated: #1c2820;--bg-panel: rgba(28, 40, 32, .92);--ink: #e8ece6;--ink-muted: #9aa89e;--line: #344038;--line-strong: #4a5c50;--accent: #d4783c;--accent-soft: rgba(212, 120, 60, .16);--accent-glow: rgba(212, 120, 60, .4);--danger: #e07070;--felt: #24362c;--felt-deep: #1a2921;--card-face: #f2eee4;--card-ink: #1a1a1a;--card-red: #c41e3a;--card-back: #9c1a2e;--card-back-edge: #6e0f1c;--btn: #3d5c4a;--btn-ink: #f3f6f2;--overlay: rgba(6, 10, 8, .78);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.4;background:radial-gradient(ellipse at top left,#1a2a22 0%,transparent 52%),radial-gradient(ellipse at bottom right,#241c14 0%,transparent 48%),var(--bg-deep);color:var(--ink);-webkit-text-size-adjust:100%;text-size-adjust:100%}*{box-sizing:border-box}body{margin:0;min-height:100vh;min-height:100dvh}.app{max-width:40rem;margin:0 auto;padding:2rem 1.25rem 4rem}header.app-header{position:relative;display:grid;place-items:center;margin-bottom:1.5rem;min-height:2.5rem}.brand-logo{display:block;width:min(10rem,48vw);height:auto;filter:invert(1) brightness(1.05)}.close-game-btn{position:absolute;top:0;right:0;width:2rem;height:2rem;padding:0;border:none;background:transparent;color:var(--ink-muted);font-size:1.5rem;line-height:1;display:grid;place-items:center}.close-game-btn:hover{color:var(--danger)}h1{margin:0;font-family:inherit;font-weight:650;font-size:2rem;letter-spacing:-.02em}.lobby,.table{display:grid;gap:1rem;justify-items:center;text-align:center}label{display:grid;gap:.35rem;font-size:.9rem;justify-items:stretch;text-align:left;color:var(--ink-muted)}input,select{font:inherit;padding:.65rem .75rem;border:1px solid var(--line);background:var(--bg-elevated);color:var(--ink)}.actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}button{font:inherit;padding:.65rem 1rem;border:1px solid var(--btn);background:var(--btn);color:var(--btn-ink);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;-webkit-tap-highlight-color:transparent}button:disabled{opacity:.45;cursor:not-allowed}button.danger{background:transparent;color:var(--danger);border-color:var(--danger)}.cambio-call-btn{padding:0;border:none;background:transparent;line-height:0;border-radius:.4rem;overflow:hidden}.cambio-call-logo{display:block;width:min(9rem,42vw);height:auto;filter:invert(1) brightness(1.05)}.hint{margin:0;font-size:.85rem;color:var(--ink-muted);opacity:1}.error{margin-top:1.5rem;color:var(--danger)}code{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.9em;color:var(--accent)}.score-list{display:grid;gap:.35rem;margin:0;justify-items:center}.score-row{margin:0}.start-panel{display:grid;gap:.75rem;max-width:16rem;width:100%;justify-items:stretch;text-align:left}.start-panel>p{text-align:center;margin:0}.board{display:grid;gap:1.25rem;margin-top:.5rem;justify-items:center}.table-meta{margin:0;font-size:.85rem;color:var(--ink-muted);opacity:1}.player-list{margin:0;font-size:.9rem}.table-center{display:grid;gap:.5rem;justify-items:center}.table-notice{position:fixed;z-index:12;top:50%;right:max(.5rem,calc((100vw - 40rem)/2 + .5rem));transform:translateY(-50%);width:8.75rem;height:11.5rem;padding:.55rem;border:1px solid var(--line);background:var(--bg-panel);display:grid;gap:.4rem;align-content:start;justify-items:stretch;text-align:center;box-sizing:border-box;overflow:hidden auto;-webkit-overflow-scrolling:touch}.table-notice .snap-panel,.table-notice .power-panel{gap:.4rem;width:100%}.table-notice .snap-banner{padding:.45rem .5rem;font-size:.78rem;line-height:1.25}.table-notice .hint,.table-notice .action-caption{margin:0;font-size:.72rem;line-height:1.3;max-width:none}.table-notice .power-panel p{margin:0;font-size:.78rem}.table-notice .actions{gap:.35rem}.table-notice button{padding:.45rem .5rem;font-size:.72rem;width:100%}.table-notice code{font-size:.68rem}.piles{display:flex;gap:1rem;justify-content:center}.pile{display:grid;gap:.35rem;justify-items:center}.pile-btn{font:inherit;padding:0;border:none;background:transparent;color:inherit;cursor:pointer}.pile-btn:disabled{cursor:default;opacity:1}.pile-glow .playing-card,.cambio-call-btn.pile-glow{box-shadow:0 0 0 2px var(--accent-glow),0 0 14px #d4783c47;animation:pile-pulse 1.8s ease-in-out infinite}@keyframes pile-pulse{0%,to{box-shadow:0 0 0 2px #d4783c52,0 0 10px #d4783c2e}50%{box-shadow:0 0 0 3px #d4783c8c,0 0 18px #d4783c59}}.pile-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted);opacity:1}.action-caption{margin:0;max-width:22rem;text-align:center;font-size:.9rem;font-weight:600;color:#b8d0c0}.hand-grid-block{display:grid;gap:.5rem;justify-items:center}.hand-grid-block h2{margin:0;font-size:1rem;font-weight:600}.hand-grid-block.opponent h2{color:var(--ink-muted)}.hand-grid{display:grid;gap:.5rem;justify-content:center}.controls{display:grid;gap:.75rem;justify-items:center;width:100%;max-width:24rem}.slot-cell{width:3.6rem;height:5rem;display:grid;place-items:center}.slot-cell.gap{visibility:hidden;pointer-events:none}.slot-cell.vacant{border:1px dashed var(--line-strong);border-radius:.35rem;opacity:.45}.playing-card{position:relative;display:grid;place-items:center;border-radius:.4rem;border:1px solid #0d120f;box-sizing:border-box;padding:0;font-family:inherit;-webkit-user-select:none;user-select:none;box-shadow:0 2px 6px #00000059}button.playing-card{font:inherit;cursor:pointer;color:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}button.playing-card:disabled{cursor:default;opacity:1}.playing-card-sm{width:3.4rem;height:4.75rem}.playing-card-md{width:3.75rem;height:5.25rem}.playing-card-lg{width:5.5rem;height:7.5rem}.playing-card.face-up{background:var(--card-face);color:var(--card-ink)}.playing-card.face-up.red-suit{color:var(--card-red)}.playing-card.face-down{background:#f4f0e8;border:1px solid var(--card-back-edge);overflow:hidden;box-shadow:0 2px 6px #0006}.pc-back-pattern{display:block;position:absolute;top:.18rem;right:.18rem;bottom:.18rem;left:.18rem;border-radius:.22rem;border:1.5px solid #e8e2d4;box-shadow:inset 0 0 0 1.5px var(--card-back);background-color:var(--card-back);background-image:radial-gradient(circle at center,rgba(232,226,212,.35) .85px,transparent 1.1px),linear-gradient(45deg,rgba(232,226,212,.22) 25%,transparent 25%,transparent 75%,rgba(232,226,212,.22) 75%),linear-gradient(45deg,rgba(232,226,212,.22) 25%,transparent 25%,transparent 75%,rgba(232,226,212,.22) 75%),linear-gradient(-45deg,rgba(90,10,20,.35) 25%,transparent 25%,transparent 75%,rgba(90,10,20,.35) 75%),linear-gradient(-45deg,rgba(90,10,20,.35) 25%,transparent 25%,transparent 75%,rgba(90,10,20,.35) 75%);background-size:5px 5px,7px 7px,7px 7px,14px 14px,14px 14px;background-position:0 0,0 0,3.5px 3.5px,0 0,7px 7px}.pc-corner{position:absolute;display:flex;flex-direction:column;align-items:center;line-height:1;font-weight:700}.pc-tl{top:.2rem;left:.22rem}.pc-br{bottom:.2rem;right:.22rem;transform:rotate(180deg)}.playing-card-sm .pc-rank{font-size:.72rem}.playing-card-sm .pc-suit{font-size:.65rem}.playing-card-sm .pc-center{font-size:1.15rem}.playing-card-md .pc-rank{font-size:.8rem}.playing-card-md .pc-suit{font-size:.72rem}.playing-card-md .pc-center{font-size:1.35rem}.playing-card-lg .pc-rank{font-size:1.1rem}.playing-card-lg .pc-suit{font-size:.95rem}.playing-card-lg .pc-center{font-size:2rem}.pc-center{line-height:1}.vacant-pile{display:grid;place-items:center;background:#24362c8c;border-style:dashed;border-color:var(--line-strong);color:var(--ink-muted);font-size:1rem}.playing-card.near{box-shadow:0 0 0 2px var(--accent)}.playing-card.selected{outline:2px solid var(--accent);outline-offset:2px}.playing-card.transfer{box-shadow:0 0 0 2px #7eb896}.playing-card.slot-flash{animation:slot-flash 1.2s ease-out}@keyframes slot-flash{0%{box-shadow:0 0 0 3px var(--accent);transform:scale(1.06)}to{box-shadow:0 0 0 0 transparent;transform:scale(1)}}.snap-panel{display:grid;gap:.65rem;justify-items:center;text-align:center}.turn-banner{padding:.75rem 0;font-weight:600;text-align:center}.turn-panel,.power-panel{display:grid;gap:.75rem;justify-items:center;text-align:center}.snap-banner{margin:0;padding:.65rem .75rem;border:1px solid var(--accent);background:var(--accent-soft);color:#f0d2b8}.drawn-dock{position:fixed;display:grid;gap:.35rem;justify-items:center;z-index:15}.drawn-dock-you{right:1rem;bottom:1rem}.drawn-dock-opponent{left:1rem;top:4.5rem}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);display:grid;place-items:center;padding:1rem;z-index:20}.overlay-card{background:var(--bg-elevated);border:1px solid var(--line);padding:1.5rem;display:grid;gap:1rem;max-width:22rem;width:100%;justify-items:center;color:var(--ink)}.overlay-card h2{margin:0;font-family:inherit;font-weight:650}.peek-cards{display:flex;gap:.75rem;justify-content:center}.card-motion-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:40}.card-ghost{position:fixed;z-index:41;pointer-events:none;will-change:transform;transition-property:transform;transition-timing-function:cubic-bezier(.22,.61,.36,1);filter:drop-shadow(0 8px 14px rgba(0,0,0,.45))}.card-ghost .playing-card,.card-ghost-face{width:100%;height:100%}.slot-motion-hidden{opacity:0!important}.slot-cell-peeking .playing-card,.playing-card.slot-peeking{transform:translateY(-8px) scale(1.04);box-shadow:0 0 0 2px var(--accent),0 10px 18px #00000073;outline:2px solid var(--accent);outline-offset:2px;z-index:2;transition:transform .2s ease,box-shadow .2s ease}.tutorial-app{padding-bottom:7rem}.tutorial-intro,.tutorial-checkpoint{display:grid;gap:1rem;justify-items:center;text-align:center;max-width:26rem;margin:0 auto}.tutorial-intro h2,.tutorial-checkpoint h2{margin:0;font-weight:650;font-size:1.45rem;letter-spacing:-.02em}.tutorial-intro-body{display:grid;gap:.65rem;text-align:left;color:var(--ink-muted)}.tutorial-intro-body p{margin:0}.tutorial-progress{margin:0;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted)}.tutorial-table{width:100%;padding-bottom:5.5rem}.tutorial-coach{position:fixed;left:50%;bottom:0;transform:translate(-50%);width:min(40rem,100%);padding:.9rem 1.1rem calc(.9rem + env(safe-area-inset-bottom,0px));background:var(--bg-panel);border-top:1px solid var(--line-strong);display:grid;gap:.65rem;justify-items:center;text-align:center;z-index:25;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tutorial-coach-msg{margin:0;max-width:28rem;font-size:.95rem;font-weight:600;color:#dce8e0}.tutorial-coach-actions{display:flex;gap:.65rem;flex-wrap:wrap;justify-content:center}.tutorial-coach-nudge{animation:tutorial-nudge .4s ease}@keyframes tutorial-nudge{0%,to{transform:translate(-50%)}25%{transform:translate(calc(-50% - 6px))}75%{transform:translate(calc(-50% + 6px))}}.tutorial-spotlight,button.tutorial-spotlight{box-shadow:0 0 0 2px var(--accent-glow),0 0 16px #d4783c59!important}.tutorial-spotlight-wrap{border-radius:.5rem;padding:.35rem;box-shadow:0 0 0 1px #d4783c59}