:root{--bg: #010409;--panel: #06090f;--panel-2: #0a0e16;--line: #1a2130;--line-bright: #2c3550;--ink: #eef2f6;--ink-dim: #8b95a5;--ink-faint: #4c5666;--brick-o: #f0661d;--brick-r: #d63b2a;--brick-a: #f5ac1a;--brick-t: #0d8a86;--brick-b: #0a6cb0;--cta: var(--brick-a);--good: #19b8a6;--bad: #e5483a;--font: "Chakra Petch", "Segoe UI", system-ui, sans-serif;--strip: linear-gradient( 90deg, var(--brick-o) 0 18.4%, transparent 18.4% 20.4%, var(--brick-r) 20.4% 38.8%, transparent 38.8% 40.8%, var(--brick-a) 40.8% 59.2%, transparent 59.2% 61.2%, var(--brick-t) 61.2% 79.6%, transparent 79.6% 81.6%, var(--brick-b) 81.6% 100% );--chamfer: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 0 100%);--chamfer-sm: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 0 100%)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(140,160,200,.012) 3px 4px),linear-gradient(180deg,#020610 0%,var(--bg) 38%),var(--bg);color:var(--ink);font-family:var(--font);overflow:hidden;-webkit-font-smoothing:antialiased;user-select:none;-webkit-user-select:none}button{font-family:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:1px solid var(--cta);outline-offset:3px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.app{height:100dvh;display:flex;align-items:center;justify-content:center;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.tagline,.stat-chip .label,.next-countdown,.effect-tag,.archive-id .date{text-transform:uppercase;letter-spacing:.22em}.landing{display:flex;flex-direction:column;align-items:stretch;gap:18px;width:min(400px,92vw);max-height:100dvh;overflow-y:auto;padding:26px 8px;text-align:center}.logo-img{width:min(300px,74%);margin:0 auto;display:block;mix-blend-mode:lighten}.page-title{margin:0;font-size:1.5rem;font-weight:700;letter-spacing:.34em;text-transform:uppercase;padding-bottom:12px;position:relative}.page-title:after{content:"";position:absolute;left:30%;right:30%;bottom:0;height:3px;background:var(--strip)}.tagline{margin:-6px 0 0;color:var(--ink-dim);font-size:.72rem}.challenge-chip{display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:.76rem;letter-spacing:.28em;text-transform:uppercase;color:var(--ink-dim)}.challenge-chip strong{color:var(--cta);font-weight:700;letter-spacing:.1em}.challenge-chip:before,.challenge-chip:after{content:"";flex:1;max-width:34px;height:1px;background:var(--line-bright)}.play-cta{position:relative;width:100%;border:none;clip-path:var(--chamfer);padding:20px 20px 17px;font-family:inherit;font-size:1.02rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#0a0600;background:linear-gradient(180deg,#ffc23e 0%,var(--cta) 55%,#d18f0e 100%);transition:filter .12s ease,transform .12s ease}.play-cta:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:#00000059}.play-cta:hover{filter:brightness(1.08);transform:translateY(-1px)}.play-cta:active{transform:none}.play-cta .sub{display:block;font-size:.62rem;font-weight:600;letter-spacing:.3em;margin-top:6px;color:#0a0600ad}.play-cta.resume{background:linear-gradient(180deg,#17c5b2 0%,var(--brick-t) 60%,#096b62 100%);color:#001311}.play-cta.resume .sub{color:#001311b3}.play-cta:disabled{background:var(--panel-2);color:var(--ink-faint);cursor:default;transform:none;filter:none}.play-cta:disabled .sub{color:var(--ink-faint)}.result-card{clip-path:var(--chamfer-sm);background:var(--panel);border:1px solid var(--line);padding:14px 16px 12px;display:flex;flex-direction:column;gap:7px;text-align:left}.result-card .headline{font-weight:700;font-size:.95rem;letter-spacing:.06em;text-transform:uppercase}.result-card .headline.win{color:var(--good)}.result-card .headline.loss{color:var(--bad)}.result-card .row{display:flex;justify-content:space-between;color:var(--ink-dim);font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}.result-card .row span:last-child{color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.02em}.streak-row{display:flex;width:100%;border:1px solid var(--line);background:var(--panel)}.stat-chip{flex:1;padding:12px 6px 10px;display:flex;flex-direction:column;gap:3px}.stat-chip+.stat-chip{border-left:1px solid var(--line)}.stat-chip .value{font-size:1.45rem;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;line-height:1}.stat-chip .label{font-size:.58rem;color:var(--ink-faint)}.menu-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}.menu-btn{background:transparent;color:var(--ink-dim);border:1px solid var(--line);padding:12px 10px;font-size:.72rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;transition:border-color .12s ease,color .12s ease,background .12s ease}.menu-btn:hover{border-color:var(--line-bright);color:var(--ink);background:var(--panel)}.next-countdown{color:var(--ink-faint);font-size:.66rem;margin:2px 0 0}.next-countdown strong{color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.1em}.game-screen{position:relative;height:100dvh;width:100vw;display:flex;align-items:center;justify-content:center;background:var(--bg)}.game-column{display:flex;flex-direction:column;align-items:center}.game-frame{position:relative;aspect-ratio:2 / 3;height:min(100dvh,150vw);max-width:100vw}.touch-pads{display:none}@media(pointer:coarse){.game-frame{height:min(calc(100dvh - 104px),150vw)}.touch-pads{display:block;width:calc(100% - 12px);height:96px;margin:8px 6px calc(6px + env(safe-area-inset-bottom));border:1px solid var(--line);background-image:radial-gradient(circle,var(--line-bright) 1.2px,transparent 1.6px);background-size:16px 16px;background-position:8px 8px;touch-action:none;user-select:none;-webkit-user-select:none}}.game-canvas{width:100%;height:100%;display:block;touch-action:none}.hud{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 12px 7px;pointer-events:none;font-variant-numeric:tabular-nums;background:linear-gradient(180deg,rgba(1,4,9,.85),transparent)}.hud-group{display:flex;align-items:baseline;gap:10px;min-width:0}.hud-score{font-size:2.15rem;font-weight:700;letter-spacing:.03em;line-height:1;text-shadow:0 0 22px rgba(245,172,26,.25)}.hud-mult{color:var(--cta);font-weight:700;font-size:1.35rem;line-height:1;text-shadow:0 0 16px rgba(245,172,26,.4);animation:multBump .18s ease}@keyframes multBump{0%{transform:scale(1)}45%{transform:scale(1.45)}to{transform:scale(1)}}.hud-combo{color:var(--good);font-weight:600;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}.hud-chip{color:var(--ink-dim);font-size:.72rem;font-weight:600;letter-spacing:.14em;white-space:nowrap}.hud-balls{color:var(--ink);letter-spacing:.2em}.draw-meter{position:relative;width:66px;height:5px;background:#8ca0c824;overflow:hidden;align-self:center}.draw-meter .fill{position:absolute;inset:0 auto 0 0;background:var(--strip);transition:width .2s ease}.pause-btn{pointer-events:auto;background:transparent;color:var(--ink-dim);border:1px solid var(--line-bright);width:32px;height:26px;font-size:.7rem;line-height:1;align-self:center}.pause-btn:hover{color:var(--ink);border-color:var(--ink-dim)}.effects-bar{position:absolute;top:58px;left:12px;display:flex;flex-wrap:wrap;gap:5px;pointer-events:none;max-width:72%}.effect-tag{background:#010409c7;border:1px solid var(--line);border-left:2px solid var(--good);padding:3px 7px;font-size:.58rem;font-weight:600;color:var(--ink-dim);display:flex;gap:5px;align-items:center}.effect-tag .icon{color:var(--good);font-weight:700}.effect-tag.negative{border-left-color:var(--bad)}.effect-tag.negative .icon{color:var(--bad)}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#010409c7;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10;padding:20px;text-align:center}.overlay.transparent{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none}.countdown-number{font-size:6.4rem;font-weight:700;color:var(--cta);line-height:1;text-shadow:0 0 46px rgba(245,172,26,.4);animation:pop .9s ease infinite}@keyframes pop{0%{transform:scale(.78);opacity:.3}35%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:.92}}.serve-hint{position:absolute;bottom:17%;left:0;right:0;text-align:center;color:var(--ink-dim);font-size:.68rem;font-weight:600;letter-spacing:.3em;text-transform:uppercase;pointer-events:none;animation:fadePulse 1.6s ease infinite}@keyframes fadePulse{0%,to{opacity:.4}50%{opacity:.95}}.draw-title{display:flex;align-items:center;gap:14px;width:100%;max-width:420px;font-size:.95rem;font-weight:700;letter-spacing:.34em;color:var(--ink);text-transform:uppercase;white-space:nowrap}.draw-title:before,.draw-title:after{content:"";flex:1;height:3px;background:var(--strip)}.draw-cards{display:flex;gap:10px;width:100%;max-width:420px;justify-content:center}.draw-card{position:relative;flex:1;max-width:130px;min-height:160px;clip-path:var(--chamfer-sm);border:1px solid var(--line-bright);border-top:3px solid var(--ink-faint);background:linear-gradient(180deg,var(--panel-2),var(--panel));color:var(--ink);padding:12px 9px 10px;display:flex;flex-direction:column;align-items:center;gap:8px;transition:transform .14s ease,filter .14s ease;animation:cardIn .32s ease backwards}.draw-card:nth-child(2){animation-delay:.07s}.draw-card:nth-child(3){animation-delay:.14s}@keyframes cardIn{0%{transform:translateY(20px);opacity:0}to{transform:none;opacity:1}}.draw-card:hover{transform:translateY(-3px);filter:brightness(1.12)}.draw-card .icon{font-size:1.5rem;height:36px;display:flex;align-items:center}.draw-card .name{font-weight:700;font-size:.88rem;letter-spacing:.06em;text-transform:uppercase}.draw-card .desc{font-size:.68rem;color:var(--ink-dim);line-height:1.45}.draw-card .rarity{margin-top:auto;font-size:.56rem;font-weight:700;text-transform:uppercase;letter-spacing:.26em;padding:3px 9px 2px;border:1px solid currentColor}.draw-card.facedown{border-top-color:var(--line-bright);justify-content:center}.draw-card.facedown .icon{font-size:2.2rem;font-weight:700;color:var(--ink-faint);height:auto}.draw-card.facedown:hover .icon{color:var(--cta)}.draw-card.facedown .desc{font-size:.56rem;letter-spacing:.26em;text-transform:uppercase}.draw-card.revealed{animation:revealFlip .32s ease backwards;cursor:default}.draw-card.revealed:hover{transform:none;filter:none}.draw-card.revealed:nth-child(2){animation-delay:.1s}.draw-card.revealed:nth-child(3){animation-delay:.2s}@keyframes revealFlip{0%{transform:rotateY(88deg);opacity:.3}to{transform:none;opacity:1}}.pick-tag{font-size:.52rem;font-weight:700;letter-spacing:.3em;text-transform:uppercase;padding:2px 8px 1px}.draw-card.picked{transform:scale(1.12);z-index:1;outline:2px solid var(--cta);outline-offset:3px;box-shadow:0 0 44px #f5ac1a73}.draw-card.picked:hover{transform:scale(1.12)}.draw-card.picked .pick-tag{color:#0a0600;background:var(--cta)}.draw-card.missed{opacity:.28;transform:scale(.86);filter:saturate(.3)}.draw-card.missed:hover{transform:scale(.86)}.draw-card.missed .pick-tag{color:var(--ink-faint);border:1px solid var(--line)}.continue-btn{width:min(280px,80%);padding:14px 18px 12px}.draw-card.common{border-top-color:var(--brick-b)}.draw-card.common .rarity{color:#5aa4d8}.draw-card.uncommon{border-top-color:var(--brick-t)}.draw-card.uncommon .rarity{color:#3cc7b6}.draw-card.rare{border-top-color:#8d5bd8}.draw-card.rare .rarity{color:#b18ae8}.draw-card.legendary{border-top-color:var(--brick-a)}.draw-card.legendary .rarity{color:var(--brick-a)}.draw-card.risky{border-top-color:var(--brick-r)}.draw-card.risky .rarity{color:#ff7d6e}.panel{position:relative;clip-path:var(--chamfer);background:var(--panel);border:1px solid var(--line-bright);padding:24px 22px 20px;width:min(380px,92%);display:flex;flex-direction:column;gap:13px;max-height:86%;overflow-y:auto}.panel:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--strip)}.panel h2{margin:0;font-size:1.12rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase}.panel .win{color:var(--good)}.panel .loss{color:var(--bad)}.big-score{font-size:2.6rem;font-weight:700;color:var(--cta);font-variant-numeric:tabular-nums;margin:0;line-height:1}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;text-align:left;font-size:.78rem;border-top:1px solid var(--line);padding-top:12px}.detail-grid .k{color:var(--ink-faint);text-transform:uppercase;letter-spacing:.12em;font-size:.66rem;align-self:center}.detail-grid .v{text-align:right;font-weight:600;font-variant-numeric:tabular-nums}.upgrades-list{font-size:.7rem;color:var(--ink-dim);line-height:1.55;letter-spacing:.04em}.practice-tag{position:absolute;top:58px;right:12px;border:1px solid var(--brick-b);color:#5aa4d8;background:#010409c7;font-size:.56rem;font-weight:700;letter-spacing:.3em;text-transform:uppercase;padding:4px 9px 3px;pointer-events:none}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000206d1;display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.modal{position:relative;clip-path:var(--chamfer);background:var(--panel);border:1px solid var(--line-bright);width:min(430px,100%);max-height:86dvh;overflow-y:auto;padding:24px 22px 18px;display:flex;flex-direction:column;gap:14px;text-align:left}.modal:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--strip)}.modal h2{margin:0;font-size:1.02rem;font-weight:700;letter-spacing:.24em;text-transform:uppercase}.modal p,.modal li{color:var(--ink-dim);font-size:.85rem;line-height:1.6;margin:0}.modal ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:7px}.modal .close-row{display:flex;justify-content:flex-end}.brick-legend{display:grid;grid-template-columns:auto 1fr;gap:9px 12px;align-items:center;font-size:.8rem;color:var(--ink-dim)}.legend-swatch{width:42px;height:19px;border:1px solid rgba(255,255,255,.35);display:inline-flex;align-items:center;justify-content:center;font-size:.62rem;color:#000000d1;font-weight:700}.stats-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line)}.stats-grid .cell{padding:11px 12px 9px;display:flex;flex-direction:column;gap:3px;border:0 solid var(--line)}.stats-grid .cell:nth-child(odd){border-right-width:1px}.stats-grid .cell:nth-child(n+3){border-top-width:1px}.stats-grid .cell .v{font-size:1.3rem;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;line-height:1}.stats-grid .cell .k{font-size:.56rem;text-transform:uppercase;letter-spacing:.18em;color:var(--ink-faint)}.difficulty-list{display:flex;flex-direction:column;gap:8px}.difficulty-btn{clip-path:var(--chamfer-sm);background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--line-bright);color:var(--ink);padding:13px 15px;text-align:left;display:flex;flex-direction:column;gap:3px;transition:border-color .12s ease,background .12s ease}.difficulty-btn:hover{border-left-color:var(--cta);background:var(--panel-2)}.difficulty-btn .name{font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:.82rem}.difficulty-btn .hint{font-size:.72rem;color:var(--ink-dim)}.archive-list{width:100%;display:flex;flex-direction:column;border:1px solid var(--line);max-height:46dvh;overflow-y:auto}.archive-row{display:flex;align-items:center;gap:10px;background:transparent;padding:9px 12px}.archive-row+.archive-row{border-top:1px solid var(--line)}.archive-id{display:flex;flex-direction:column;align-items:flex-start;min-width:96px}.archive-id .num{font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}.archive-id .date{font-size:.58rem;color:var(--ink-faint);font-variant-numeric:tabular-nums}.archive-status{flex:1;text-align:left;font-size:.76rem;color:var(--ink-dim);font-variant-numeric:tabular-nums;letter-spacing:.04em}.archive-status.win{color:var(--good)}.archive-status.loss{color:var(--bad)}.archive-status.gold{color:var(--cta)}.archive-play{flex:0 0 auto;min-width:70px;padding:7px 10px 6px}.archive-play.spent{text-align:center;color:var(--ink-faint);border:none}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin-top:6px;padding-top:12px;border-top:1px solid var(--line);font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint)}.site-footer .version{font-variant-numeric:tabular-nums}.site-footer .socials{margin-left:auto;display:flex;gap:16px}.site-footer a{color:var(--ink-dim);text-decoration:none;transition:color .12s ease}.site-footer a:hover{color:var(--cta)}.toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%);clip-path:var(--chamfer-sm);background:var(--panel-2);border:1px solid var(--cta);color:var(--ink);padding:11px 24px 9px;font-size:.74rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;z-index:200;animation:toastIn .22s ease}@keyframes toastIn{0%{transform:translate(-50%,10px);opacity:0}to{transform:translate(-50%);opacity:1}}.share-pre{background:#01050c;border:1px solid var(--line);padding:12px;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.82rem;white-space:pre-wrap;text-align:left;margin:0;user-select:text;-webkit-user-select:text}