.game-box{container-type:inline-size;--felt-deep: #142b21;--ink: #f6f2e6;--muted: rgba(246, 242, 230, .66);--line: rgba(255, 255, 255, .16);--accent: #ffd873;--return-glow: rgba(140, 220, 255, .95);--bar: rgba(7, 22, 16, .92);--frame: #0d1c15;--rail: 54px;--card-edge: #000000;color-scheme:dark}.game-box,.game-box *{box-sizing:border-box}.game-box [hidden]{display:none!important}.game-box{position:relative;overflow:hidden;background:var(--felt-deep);color:var(--ink);font-family:Segoe UI,system-ui,-apple-system,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased}.game-box button{font:inherit;color:inherit}.game-surface{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--frame)}.game-canvas-box{position:relative;width:100%;height:100%;overflow:hidden;background:var(--felt-deep)}.game-canvas{position:absolute;inset:0;display:block;width:100%;height:100%}.game-stage-layer,.game-shell{position:absolute;inset:0}.game-shell{pointer-events:none}.game-stage{position:absolute;inset:0;isolation:isolate;overflow:hidden;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none}.board-card{position:absolute;top:0;left:0;border-radius:7.82%/5.6%;touch-action:none;cursor:grab}.board-card[role=img]{cursor:default}.board-card.is-flying{z-index:calc(8000 + var(--card-z, 0))!important;pointer-events:none;will-change:transform}.board-card.is-changing-pile{z-index:calc(10000 + var(--card-z, 0))!important}.board-card.is-dragging{z-index:calc(90000 + var(--card-z, 0))!important;cursor:grabbing;will-change:transform}.board-card.is-hinted-card .playing-card{filter:drop-shadow(0 0 9px rgba(255,216,115,.95))}.board-card.is-returning{z-index:calc(20000 + var(--card-z, 0))!important;pointer-events:none;will-change:transform}.board-card.is-returning .playing-card{filter:drop-shadow(0 0 9px var(--return-glow))}.playing-card{position:absolute;inset:0;pointer-events:auto}.playing-card-flip{position:relative;width:100%;height:100%}.playing-card-face{position:absolute;inset:0;border-radius:7.54%/5.4%;overflow:hidden;box-shadow:inset 0 0 0 1px var(--card-edge)}.playing-card-art{position:absolute;inset:0;background-repeat:no-repeat}.drop-ring{position:absolute;z-index:25000;pointer-events:none;transition:background .15s ease,box-shadow .15s ease}.drop-ring.is-target{background:#ffffff1a;box-shadow:inset 0 0 0 3px #ffffff8c}.drop-ring.is-hinted{background:#ffd87324;box-shadow:inset 0 0 0 3px #ffd873d9}.win-flash{position:absolute;inset:0;z-index:9000;background:#fff;opacity:0;pointer-events:none}.confetti-plane{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.game-celebration{position:absolute;inset:0;z-index:70;pointer-events:none}.score-hud,.status-hud{display:flex;align-items:center;gap:clamp(8px,1.3cqw,20px)}.status-hud{gap:calc(clamp(8px,1.3cqw,20px)*2 + 1px)}.score-item{display:flex;flex-direction:column;gap:2px;margin:0;font-size:clamp(9px,.72cqw,12px);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.score-item strong{font-size:clamp(14px,1.35cqw,22px);font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--ink)}.score-divider{width:1px;height:26px;background:var(--line)}.status-hud .score-item{text-align:right}.top-bar{display:flex;align-items:center;justify-content:space-between;gap:16px}.in-canvas-topbar{position:absolute;top:0;left:0;right:0;height:70px;padding:0 clamp(10px,2.2cqw,34px);padding-left:max(var(--hud-left, 0px),clamp(10px,2.2cqw,34px));padding-right:max(var(--hud-right, 0px),clamp(10px,2.2cqw,34px));z-index:20}.top-bar-letterbox{position:absolute;top:0;left:0;right:0;height:60px;padding:0 14px;padding-left:max(var(--hud-left, 0px),14px);padding-right:max(var(--hud-right, 0px),14px);z-index:20;pointer-events:auto;background:var(--bar);border-bottom:1px solid var(--line)}.bottom-bar{display:flex;align-items:center;justify-content:center;gap:8px}.bottom-bar>button:first-child{margin-right:8px}.in-canvas-bottombar{position:absolute;bottom:8px;left:50%;transform:translate(-50%);z-index:20;pointer-events:auto}.in-canvas-bottombar .game-button{border-color:#ffffff3d;background:var(--bar)}.in-canvas-bottombar .game-button:hover:not(:disabled){background:#2f7a56}.bottom-bar-letterbox{position:absolute;bottom:0;left:0;right:0;height:80px;gap:10px;z-index:20;pointer-events:auto;background:var(--bar);border-top:1px solid var(--line)}.game-button{min-width:44px;min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:12px;background:#ffffff0f;font-size:clamp(12px,1.02cqw,15px);font-weight:600;cursor:pointer;transition:background .15s ease,transform .15s ease}.game-button:hover:not(:disabled){background:#ffffff24}.game-button:active:not(:disabled){transform:translateY(1px)}.game-button:disabled{opacity:.45;cursor:default}.icon-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:46px;padding:0}.icon-button svg{display:block;width:22px;height:22px}.icon-button:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 9px);left:50%;padding:5px 9px;border:1px solid var(--line);border-radius:8px;background:#07130ef5;color:var(--ink);font-size:12px;font-weight:600;line-height:1.25;white-space:nowrap;opacity:0;pointer-events:none;transform:translate(-50%,3px);transition:opacity .12s ease,transform .12s ease}.icon-button:before{content:"";position:absolute;bottom:calc(100% + 4px);left:50%;width:10px;height:6px;background:#07130ef5;clip-path:polygon(50% 100%,0 0,100% 0);opacity:0;pointer-events:none;transform:translate(-50%);transition:opacity .12s ease}@media(hover:hover){.icon-button:hover:after{opacity:1;transform:translate(-50%)}.icon-button:hover:before{opacity:1}}.icon-button:focus-visible:after{opacity:1;transform:translate(-50%)}.icon-button:focus-visible:before{opacity:1}.icon-button:disabled:after,.icon-button:disabled:before{opacity:0}.play-button{min-height:48px;padding:0 26px;border:0;border-radius:999px;background:var(--accent);color:#1b1608;font-weight:800;letter-spacing:.02em;cursor:pointer}.play-button:hover{filter:brightness(1.05)}.game-overlay{position:absolute;inset:0;display:grid;place-items:center;padding:16px;text-align:center}.win-overlay{z-index:60;pointer-events:auto;background:#07130e99}.win-card{width:min(420px,86%);padding:26px 28px 24px;border:1px solid var(--line);border-radius:20px;background:#2c5845;box-shadow:0 24px 60px #00000073}.win-kicker{margin:0 0 6px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.win-card h2{margin:0 0 18px;font-size:clamp(22px,2.4cqw,30px)}.win-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:0 0 20px}.win-stats dt{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.win-stats dd{margin:4px 0 0;font-size:20px;font-variant-numeric:tabular-nums}.game-surface.is-portrait{padding:60px 0 80px}@media(orientation:landscape)and (max-height:500px){.top-bar-rails{top:0;bottom:0;right:auto;left:max(0px,calc(var(--hud-left, 0px) - var(--rail) - var(--rail-step, 0px)));width:var(--rail);height:auto;flex-direction:column;justify-content:center;gap:12px;padding:8px 4px}.top-bar-rails .score-hud,.top-bar-rails .status-hud{flex-direction:column;align-items:center;gap:8px}.top-bar-rails .score-item{align-items:center;text-align:center}.top-bar-rails .score-divider{width:26px;height:1px}.bottom-bar-rails{top:0;bottom:0;left:auto;right:max(0px,calc(var(--hud-right, 0px) - var(--rail) - var(--rail-step, 0px)));width:var(--rail);flex-direction:column;justify-content:center;gap:8px;padding:8px 4px;transform:none}.bottom-bar-rails>button:first-child{margin-right:0}}@media(prefers-reduced-motion:reduce){.game-box,.game-box *{transition-duration:.01ms!important}}