:root{--felt:#14483c;--felt-deep:#071a16;--gold:#d8a94b;--claret:#8e2434;--cream:#f2e9d8;--chip-blue:#2e6e8e;--card-face:var(--cream);--card-ink:#1e1712;--card-red:var(--claret);--card-blue:var(--chip-blue);--card-gold:var(--gold);--font-en:"Cinzel", "Times New Roman", serif;--font-jp-head:"Zen Old Mincho", "Hiragino Mincho ProN", "Yu Mincho", serif;--font-jp:"Noto Sans JP", -apple-system, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, "Yu Gothic", YuGothic, sans-serif;--sp-xs:4px;--sp-sm:8px;--sp-md:16px;--sp-lg:24px;--sp-xl:32px;--sp-2xl:48px;--radius-card:12px;--ease-std:cubic-bezier(.16, 1, .3, 1);--table-angle:22deg;--perspective:1200px;--card-w:96px;--card-h:134px;--board-w:480px;--gap:10px;--z-board:1;--z-fx:30;--z-scrim:50;--z-confetti:55;--z-modal:60;--z-screen:80;--z-hud:85;--z-drawer:90}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--felt-deep);min-height:100dvh;color:var(--cream);font-family:var(--font-jp);overscroll-behavior:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums;font-size:16px;line-height:1.6;overflow:hidden}img{-webkit-user-drag:none;max-width:100%}b,strong{font-weight:700}:focus-visible{outline:2px solid var(--gold);outline-offset:3px}[hidden]{display:none!important}body:not(.fonts-ready) .stage,body:not(.fonts-ready) .hud,body:not(.fonts-ready) .screen,body:not(.fonts-ready) .statusline{visibility:hidden}.bg{z-index:0;background:radial-gradient(120% 90% at 50% 32%, #1a5a4a 0%, var(--felt) 42%, var(--felt-deep) 100%);position:fixed;inset:0}.bg:after{content:"";opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.stage{z-index:var(--z-board);perspective:var(--perspective);perspective-origin:50% 30%;place-items:center;display:grid;position:fixed;inset:0}.table{width:min(100%,1100px);height:100%;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;place-items:center;display:grid;position:relative}.board{place-content:center;gap:var(--gap);width:var(--board-w);transform-style:preserve-3d;-webkit-transform-style:preserve-3d;flex-wrap:wrap;display:flex}.felt-edge{aspect-ratio:1;border:2px solid color-mix(in srgb, var(--gold) 55%, transparent);width:min(148%,1180px);box-shadow:inset 0 0 0 10px color-mix(in srgb, var(--felt-deep) 45%, transparent), inset 0 0 90px 30px color-mix(in srgb, var(--felt-deep) 70%, transparent);background:linear-gradient(to top, #ffffff0d 0%, transparent 45%, color-mix(in srgb, var(--felt-deep) 24%, transparent) 100%);pointer-events:none;border-radius:50%;margin:-.5px;position:absolute;top:50%;left:50%;translate:-50% -50%}.hud{z-index:var(--z-hud);justify-content:space-between;align-items:center;gap:var(--sp-md);padding:calc(env(safe-area-inset-top) + var(--sp-sm)) calc(env(safe-area-inset-right) + var(--sp-md)) var(--sp-sm) calc(env(safe-area-inset-left) + var(--sp-md));pointer-events:none;display:flex;position:fixed;top:0;left:0;right:0}.hud__status{gap:var(--sp-md);letter-spacing:.04em;color:color-mix(in srgb, var(--cream) 82%, transparent);margin:0;font-size:14px;display:flex}.hud__item b{font-family:var(--font-en);color:var(--gold);margin:0 2px;font-size:19px}.hud__actions{gap:var(--sp-xs);pointer-events:auto;display:flex}.statusline{left:0;right:0;bottom:calc(env(safe-area-inset-bottom) + var(--sp-lg));z-index:var(--z-hud);text-align:center;font-family:var(--font-jp-head);letter-spacing:.08em;color:color-mix(in srgb, var(--cream) 78%, transparent);pointer-events:none;margin:0;font-size:15px;position:fixed}.fx-confetti{z-index:var(--z-confetti);pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.fx{z-index:var(--z-fx);pointer-events:none;position:fixed;inset:0}.fx__desat{opacity:0;-webkit-backdrop-filter:saturate(.5);backdrop-filter:saturate(.5);position:absolute;inset:0}.fx__flash{opacity:0;background:radial-gradient(60% 50% at 50% 45%, #fff3d0 0%, var(--gold) 55%, transparent 100%);position:absolute;inset:0}.fx__beam{transform-origin:0;background:linear-gradient(90deg, transparent, var(--gold), #fff6dd, var(--gold), transparent);height:3px;box-shadow:0 0 14px 4px color-mix(in srgb, var(--gold) 60%, transparent);opacity:0;border-radius:2px;position:absolute}.screen{z-index:var(--z-screen);padding:var(--sp-lg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:center;background:radial-gradient(90% 70% at 50% 40%,#071a16d1,#071a16f5);place-items:center;display:grid;position:fixed;inset:0}.screen__inner{align-items:center;gap:var(--sp-md);width:100%;max-width:420px;padding-bottom:env(safe-area-inset-bottom);flex-direction:column;display:flex}.screen__eyebrow{font-family:var(--font-en);letter-spacing:.42em;text-indent:.42em;color:color-mix(in srgb, var(--gold) 85%, transparent);margin:0;font-size:13px}.screen__title{font-family:var(--font-jp-head);letter-spacing:.08em;color:var(--cream);margin:0;font-size:30px;font-weight:700}.rules{margin:var(--sp-sm) 0 var(--sp-lg);counter-reset:rule;gap:var(--sp-sm);text-align:left;color:color-mix(in srgb, var(--cream) 88%, transparent);padding:0;font-size:15px;list-style:none;display:grid}.rules li{counter-increment:rule;align-items:start;gap:var(--sp-sm);grid-template-columns:26px 1fr;display:grid}.rules li:before{content:counter(rule);font-family:var(--font-en);color:var(--gold);border:1px solid color-mix(in srgb, var(--gold) 50%, transparent);border-radius:50%;place-items:center;width:26px;height:26px;font-size:13px;display:grid}.end__score{font-family:var(--font-en);color:var(--gold);margin:0;font-size:34px}.end__prizes{margin:0 0 var(--sp-md);gap:var(--sp-xs);color:color-mix(in srgb, var(--cream) 82%, transparent);max-height:30vh;padding:0;font-size:14px;list-style:none;display:grid;overflow:auto}.end__prizes li:before{content:"♠ ";color:var(--gold)}.card{width:var(--card-w);height:var(--card-h);cursor:pointer;transform:rotate(var(--tilt,0deg));transform-style:preserve-3d;-webkit-transform-style:preserve-3d;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:0;padding:0;position:relative}.card[data-done="1"]{pointer-events:none}.card__shadow{background:var(--felt-deep);opacity:calc(.3 * var(--shadow-k,1));transform:translate3d(0, 5px, -8px) scale(var(--shadow-s,1));border-radius:14px;position:absolute;inset:10% 11%;box-shadow:0 5px 12px #071a1666}.card__inner{transform-style:preserve-3d;-webkit-transform-style:preserve-3d;position:absolute;inset:0}.card__face{border-radius:var(--radius-card);clip-path:inset(0 round var(--radius-card));backface-visibility:hidden;background:var(--cream);outline:1px solid #0000;position:absolute;inset:0}.card__face img{width:100%;height:100%;display:block}.card__face--back{transform:translateZ(.5px)}.card__face--front{transform:rotateY(180deg)translateZ(.5px)}.card__face:after{content:"";border-radius:inherit;opacity:var(--dim,0);background:#071a168c;position:absolute;inset:0}.card__face:before{content:"";border-radius:inherit;opacity:var(--shine,0);z-index:1;background:linear-gradient(105deg,#0000 32%,#ffffffb8 50%,#0000 68%);position:absolute;inset:0}.card[data-dimmed="1"] .card__face{filter:saturate(.6)}@media (hover:hover) and (min-width:768px){.card[data-dimmed="1"] .card__face:after{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}}.card__face--back:after{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--gold) 30%, transparent)}.card__glow{border-radius:calc(var(--radius-card) + 3px);box-shadow:0 0 0 1px var(--gold), 0 0 18px 2px color-mix(in srgb, var(--gold) 55%, transparent);opacity:var(--glow,0);pointer-events:none;position:absolute;inset:-3px;transform:translateZ(1px)}.card__ring{border-radius:var(--radius-card);border:2px solid color-mix(in srgb, var(--cream) 70%, transparent);opacity:0;pointer-events:none;position:absolute;inset:0;transform:translateZ(-1px)}.deck-half{width:var(--card-w);height:var(--card-h);border-radius:var(--radius-card);background:var(--cream);opacity:0;pointer-events:none;background-image:url(/cards/back.svg);background-size:100% 100%;position:absolute;box-shadow:0 8px 18px #071a1680}.btn{font-family:var(--font-jp);cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:0;transition:box-shadow .15s,opacity .2s,background-color .15s,border-color .15s}.btn:disabled,.btn[aria-disabled=true]{opacity:.35;pointer-events:none}.btn--primary{height:52px;padding:0 var(--sp-xl);background:var(--gold);color:var(--felt-deep);font-family:var(--font-jp-head);letter-spacing:.1em;border-radius:999px;font-size:18px;font-weight:700;box-shadow:0 6px 18px #071a1673}.btn--secondary{height:44px;padding:0 var(--sp-md);border:1px solid var(--gold);color:var(--cream);border-radius:999px;width:100%;font-size:15px}.btn--warn{border-color:color-mix(in srgb, var(--claret) 80%, var(--gold));color:color-mix(in srgb, var(--cream) 90%, var(--claret))}.btn--icon{width:44px;height:44px;color:var(--cream);border-radius:50%;place-items:center;font-size:20px;display:grid}.btn--icon .icon{line-height:1}.btn--icon[aria-pressed=true]{color:var(--gold)}@media (hover:hover){.btn--primary:hover{box-shadow:0 0 0 6px color-mix(in srgb, var(--gold) 28%, transparent), 0 6px 18px #071a1673}.btn--secondary:hover,.btn--icon:hover{box-shadow:0 0 0 4px color-mix(in srgb, var(--gold) 22%, transparent)}}.btn--breathe{animation:2s ease-in-out infinite breathe}@keyframes breathe{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--gold) 40%, transparent), 0 6px 18px #071a1673}50%{box-shadow:0 0 0 10px color-mix(in srgb, var(--gold) 0%, transparent), 0 6px 18px #071a1673}}@media (prefers-reduced-motion:reduce){.btn--breathe{animation:none}}.scrim{z-index:var(--z-scrim);opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);cursor:pointer;background:#071a1661;position:fixed;inset:0}.scrim[data-open="1"]{pointer-events:auto}.modal{z-index:var(--z-modal);opacity:0;pointer-events:none;background:linear-gradient(180deg, #0e3229 0%, var(--felt-deep) 100%);border-radius:18px;width:min(92vw,400px);margin-top:-180px;margin-left:calc(min(92vw,400px)/-2);position:fixed;top:50%;left:50%;box-shadow:0 30px 70px #071a16b3}.modal[data-open="1"]{pointer-events:auto}.modal__frame{pointer-events:none;border-radius:18px;width:100%;height:100%;position:absolute;inset:0}.modal__frame-line{fill:none;stroke:var(--gold);stroke-width:1.5px;opacity:0}.modal__body{align-items:center;gap:var(--sp-md);padding:var(--sp-xl) var(--sp-lg) var(--sp-lg);text-align:center;flex-direction:column;display:flex;position:relative}.modal__badge{aspect-ratio:1;border:2px solid var(--gold);background:radial-gradient(circle at 50% 35%,#d8a94b38,#0000 70%);border-radius:50%;place-items:center;width:38%;max-width:132px;display:grid}.modal__badge img{width:62%}.modal__title{font-family:var(--font-jp-head);letter-spacing:.14em;color:var(--gold);margin:0;font-size:30px;font-weight:700}.modal__title span{display:inline-block}.modal__prize{color:color-mix(in srgb, var(--cream) 88%, transparent);overflow-wrap:anywhere;margin:0;font-size:15px}.modal__close{width:100%;margin-top:var(--sp-sm);opacity:0;pointer-events:none}.drawer-scrim{z-index:calc(var(--z-drawer) - 1);opacity:0;pointer-events:none;background:#071a168c;transition:opacity .25s;position:fixed;inset:0}.drawer-scrim[data-open="1"]{opacity:1;pointer-events:auto}.drawer{z-index:var(--z-drawer);background:linear-gradient(180deg, #0d322a, var(--felt-deep));border-left:1px solid color-mix(in srgb, var(--gold) 35%, transparent);visibility:hidden;flex-direction:column;width:min(88vw,380px);height:100dvh;transition:translate .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;right:0;translate:100%;box-shadow:-20px 0 50px #071a1699}.drawer[data-open="1"]{visibility:visible;translate:0}@media (max-width:480px){.drawer{width:min(92vw,400px)}}@media (prefers-reduced-motion:reduce){.drawer,.drawer-scrim{transition:none}}.drawer__head{align-items:center;gap:var(--sp-sm);padding:calc(env(safe-area-inset-top) + var(--sp-sm)) var(--sp-md) var(--sp-sm);border-bottom:1px solid color-mix(in srgb, var(--cream) 12%, transparent);display:flex}.drawer__title{font-family:var(--font-jp-head);letter-spacing:.12em;margin:0;font-size:18px}.drawer__body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:var(--sp-md) var(--sp-md) calc(env(safe-area-inset-bottom) + var(--sp-2xl));gap:var(--sp-lg);flex:1;align-content:start;display:grid;overflow-y:auto}.field{gap:var(--sp-sm);display:grid}.field--switch{grid-template-columns:1fr auto;align-items:center}.field__label{color:color-mix(in srgb, var(--cream) 86%, transparent);font-size:14px}.field__row{align-items:center;gap:var(--sp-sm);display:flex}.field__note{color:color-mix(in srgb, var(--cream) 62%, transparent);margin:0;font-size:13px;line-height:1.5}.field__number,.field__text{font-family:var(--font-jp);height:44px;padding:0 var(--sp-sm);border:1px solid color-mix(in srgb, var(--cream) 28%, transparent);color:var(--cream);font-variant-numeric:tabular-nums;background:#071a1680;border-radius:8px;font-size:16px}.field__number{text-align:right;width:84px}.field__text{width:100%}.field__unit{color:color-mix(in srgb, var(--cream) 70%, transparent);font-size:14px}.field__range{height:44px;accent-color:var(--gold);background:0 0;flex:1}.seg{gap:var(--sp-xs);display:flex}.seg__btn{border:1px solid color-mix(in srgb, var(--gold) 45%, transparent);min-width:44px;height:44px;color:var(--cream);font-family:var(--font-en);cursor:pointer;background:0 0;border-radius:8px;flex:1;font-size:16px;transition:background-color .15s,color .15s}.seg__btn[aria-pressed=true]{background:var(--gold);color:var(--felt-deep);font-weight:700}.switch{appearance:none;border:1px solid color-mix(in srgb, var(--cream) 30%, transparent);cursor:pointer;background:#071a16b3;border-radius:999px;width:52px;height:30px;margin:0;transition:background-color .2s,border-color .2s;position:relative}.switch:after{content:"";background:var(--cream);width:22px;height:22px;transition:translate .2s var(--ease-std);border-radius:50%;position:absolute;top:3px;left:3px}.switch:checked{background:color-mix(in srgb, var(--gold) 70%, transparent);border-color:var(--gold)}.switch:checked:after{background:var(--felt-deep);translate:22px}.stats{gap:var(--sp-xs);padding:var(--sp-md);border:1px solid color-mix(in srgb, var(--cream) 12%, transparent);background:#071a1666;border-radius:10px;font-size:14px;display:grid}.stats__row{justify-content:space-between;gap:var(--sp-sm);display:flex}.stats__row b{font-family:var(--font-en);color:var(--gold)}.drawer__toast{min-height:18px;color:var(--gold);opacity:0;margin:0;font-size:13px;transition:opacity .2s}.drawer__toast[data-show="1"]{opacity:1}