:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#120a0d;--bg-2:#1c1015;--surface:#25151b;--surface-2:#321d25;--line:#4a2c37;--text:#f7ede9;--muted:#c2a6ae;--faint:#6f535b;--rose:#e64a6f;--red-1:#c81d45;--red-2:#6e0a24;--ink-1:#302b37;--ink-2:#0b0a0d;--gold-1:#f3d78f;--gold-2:#b4862c;--gold-ink:#2b1c06;--paper:#f5eee6;--paper-ink:#2a1c20;--radius:22px;--serif:"Playfair Display", Georgia, "Times New Roman", serif;--sans:Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{background:var(--bg);height:100%}body{min-height:100%;color:var(--text);font:16px/1.45 var(--sans);background:radial-gradient(130% 70% at 50% -10%, #3a1020 0%, #120a0d00 60%), var(--bg);-webkit-font-smoothing:antialiased;overscroll-behavior:none;background-attachment:fixed;margin:0}body.locked{overflow:hidden}button{font:inherit;color:inherit}h1,h2,h3,p{margin:0}:focus-visible{outline:2px solid var(--gold-1);outline-offset:2px}.app{max-width:480px;min-height:100dvh;padding:calc(var(--safe-t) + 16px) 16px calc(var(--safe-b) + 16px);flex-direction:column;gap:16px;margin:0 auto;display:flex}.center{text-align:center}.muted{color:var(--muted)}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:600}.btn{appearance:none;background:var(--surface-2);min-height:54px;color:var(--text);cursor:pointer;border:0;border-radius:16px;padding:14px 18px;font-size:16px;font-weight:600;line-height:1.2;transition:transform .12s,opacity .2s,background .2s}.btn:active{transform:scale(.97)}.btn.block{width:100%}.btn.primary{background:linear-gradient(135deg, var(--rose), var(--red-1));color:#fff;box-shadow:0 10px 26px -10px #e64a6fb3}.btn.gold{background:linear-gradient(135deg, var(--gold-1), var(--gold-2));color:var(--gold-ink)}.btn.ghost{border:1px solid var(--line);color:var(--muted);background:0 0}.btn.small{border-radius:12px;min-height:40px;padding:8px 14px;font-size:14px}.btn:disabled{opacity:.35;pointer-events:none}.badge{background:var(--gold-1);min-width:22px;height:22px;color:var(--gold-ink);border-radius:999px;place-items:center;margin-left:6px;padding:0 6px;font-size:12px;font-weight:700;display:inline-grid}.row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.actions{gap:10px;display:grid}.actions.two{grid-template-columns:1fr 1.6fr}.actions.even{grid-template-columns:1fr 1fr}.home{flex-direction:column;flex:1;justify-content:center;gap:18px;display:flex}.brand{text-align:center}.fan{width:170px;height:118px;margin:4px auto 18px;position:relative}.mini{transform-origin:50% 130%;border-radius:12px;place-items:center;width:70px;height:98px;font-size:30px;display:grid;position:absolute;top:4px;left:50%;box-shadow:0 14px 30px -12px #000}.mini-d{background:linear-gradient(160deg, var(--ink-1), var(--ink-2));color:var(--gold-1);border:1px solid #ffffff14;transform:translate(-50%)rotate(-18deg)}.mini-g{background:linear-gradient(160deg, var(--gold-1), var(--gold-2));color:var(--gold-ink);z-index:1;transform:translate(-50%)translateY(-6px)}.mini-p{background:linear-gradient(160deg, #d8325a, var(--red-2));color:#fff;z-index:2;transform:translate(-50%)rotate(18deg)}.brand h1{font:700 clamp(32px, 9vw, 40px)/1.1 var(--serif)}.lede{color:var(--muted);margin-top:8px}.age{border:1px solid var(--line);color:var(--muted);border-radius:999px;margin-top:12px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-block}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:12px;padding:16px;display:flex}.resume-score{text-align:center;font-size:18px}.resume-score b{font-size:22px}.field{flex-direction:column;gap:6px;display:flex}.field span{color:var(--muted);font-size:13px}.field input{appearance:none;border:1px solid var(--line);background:var(--bg-2);width:100%;color:var(--text);font:500 17px var(--sans);border-radius:14px;outline:none;padding:14px}.field input:focus{border-color:var(--rose)}.top{flex-direction:column;gap:10px;display:flex}.scoreboard{grid-template-columns:1fr 1fr;gap:10px;display:grid}.player{border:1px solid var(--line);background:var(--surface);border-radius:16px;justify-content:space-between;align-items:baseline;gap:8px;min-width:0;padding:10px 14px;transition:border-color .2s,box-shadow .2s;display:flex}.player.active{border-color:var(--rose);box-shadow:0 0 0 3px #e64a6f2e}.pname{min-width:0;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.player.active .pname{color:var(--text)}.pts{font-variant-numeric:tabular-nums;font-size:24px;font-weight:700}.level-chip{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:999px;align-items:center;gap:10px;width:100%;min-height:46px;padding:10px 16px;display:flex}.nivel-1{--flame:#ffad5c}.nivel-2{--flame:#ff6b6b}.nivel-3{--flame:#ff2e55}.flames{gap:2px;display:flex}.flame{width:17px;height:17px;fill:var(--faint)}.flame.on{fill:var(--flame)}.lvl{font-weight:600}.chev{color:var(--muted);margin-left:auto;font-size:13px}.stage{flex-direction:column;flex:1;justify-content:center;gap:16px;display:flex}.whose{font:700 clamp(34px, 10vw, 44px)/1.1 var(--serif);text-align:center;overflow-wrap:anywhere}.hint{color:var(--muted);font-size:14px}.notice{border:1px solid var(--rose);background:var(--surface-2);text-align:center;border-radius:16px;flex-direction:column;gap:12px;padding:14px;display:flex}.choices{grid-template-columns:1fr 1fr;gap:14px;display:grid}.pick{aspect-ratio:3/4;text-align:left;cursor:pointer;border:0;border-radius:20px;flex-direction:column;justify-content:space-between;padding:18px 16px;transition:transform .15s;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 40px -18px #000}.pick:before{content:"";pointer-events:none;background:repeating-linear-gradient(45deg,#ffffff08 0 6px,#0000 6px 12px);border:1px solid #ffffff26;border-radius:14px;position:absolute;inset:8px}.pick:active{transform:scale(.97)rotate(-1deg)}.pick-p{color:#fff;background:linear-gradient(160deg,#d42a52,#8d0f2f 60%,#5a0719)}.pick-d{background:linear-gradient(160deg, var(--ink-1), var(--ink-2));color:var(--text)}.pick-d:before{border-color:#d8b35a40}.pick-suit{font-size:34px;line-height:1;position:relative}.pick-d .pick-suit{color:var(--gold-1)}.pick-info{flex-direction:column;gap:6px;display:flex;position:relative}.pick-name{font:700 22px/1.1 var(--serif)}.pick-meta{opacity:.85;font-size:13px;line-height:1.35}.pick-meta b{font-size:15px}.pick:disabled{opacity:.3;filter:grayscale(.6);cursor:not-allowed}.card{aspect-ratio:5/7;border-radius:26px;flex-direction:column;gap:12px;width:min(100%,max(250px,71.4dvh - 214.2px));margin:0 auto;padding:24px 22px;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 60px -24px #000,inset 0 0 0 1px #ffffff14}.card.free{aspect-ratio:auto;width:100%}.card:after{content:"";pointer-events:none;border:1px solid #fff2;border-radius:18px;position:absolute;inset:10px}.card-head{letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.suit{font-size:22px;line-height:1}.clevel{opacity:.85;margin-left:auto}.card-text{min-height:0;font:600 clamp(20px, 5.6vw, 26px)/1.32 var(--serif);overflow-wrap:break-word;flex:1;align-items:center;display:flex;overflow:auto}.card-text.small{font-size:19px}.card-title{font:700 26px/1.15 var(--serif)}.card-body{flex-direction:column;gap:10px;font-size:16px;line-height:1.5;display:flex}.card-foot{letter-spacing:.05em;opacity:.7;justify-content:space-between;font-size:12px;display:flex}.card-p{color:#fff;background:linear-gradient(160deg,#d42a52 0%,#8d0f2f 55%,#5a0719 100%)}.card-d{background:linear-gradient(160deg, var(--ink-1), var(--ink-2));color:var(--text)}.card-d:after{border-color:#d8b35a3d}.card-d .suit,.card-d .ctype{color:var(--gold-1)}.card-g{background:linear-gradient(160deg, var(--gold-1), var(--gold-2));color:var(--gold-ink)}.card-g:after{border-color:#2b1c0633}.card-r{background:var(--paper);color:var(--paper-ink)}.card-r:after{border-color:#2a1c2022}.flip-in{animation:.5s cubic-bezier(.2,.8,.2,1) flipIn}@keyframes flipIn{0%{opacity:0;transform:perspective(900px)rotateY(80deg)scale(.92)}to{opacity:1;transform:none}}.end{flex-direction:column;gap:16px;display:flex}.final{grid-template-columns:1fr 1fr;gap:10px;display:grid}.final>div{border:1px solid var(--line);background:var(--surface);text-align:center;border-radius:18px;min-width:0;padding:14px}.final>div.win{border-color:var(--gold-1);box-shadow:0 0 0 3px #f3d78f26}.final .fname{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:14px;display:block;overflow:hidden}.final b{font-variant-numeric:tabular-nums;font-size:34px;display:block}.headline{font:600 20px/1.3 var(--serif)}.picker{font-size:16px}.prize-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.prize{background:linear-gradient(160deg, var(--gold-1), var(--gold-2));min-height:88px;color:var(--gold-ink);text-align:left;cursor:pointer;border:0;border-radius:16px;flex-direction:column;gap:6px;padding:14px;display:flex;box-shadow:0 10px 24px -14px #000}.prize .star{font-size:16px}.ptitle{font:700 16px/1.2 var(--serif)}.prize:disabled{opacity:.28;cursor:not-allowed}.simple-top{display:flex}.page-title{font:700 32px/1.1 var(--serif)}.list{flex-direction:column;gap:12px;display:flex}.vale{border:1px solid var(--line);border-left:4px solid var(--gold-1);background:var(--surface);border-radius:16px;flex-direction:column;gap:8px;padding:14px 16px;display:flex}.vale h3{font:700 18px/1.2 var(--serif)}.vale-meta{color:var(--muted);font-size:13px}.vale .btn{align-self:flex-start}.empty{border:1px dashed var(--line);text-align:center;color:var(--muted);border-radius:18px;padding:28px 16px}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0406b8;justify-content:center;align-items:flex-end;animation:.2s fade;display:flex;position:fixed;inset:0}.sheet{width:100%;max-width:480px;max-height:90dvh;padding:22px 16px calc(var(--safe-b) + 18px);border:1px solid var(--line);background:var(--bg-2);border-bottom:0;border-radius:26px 26px 0 0;flex-direction:column;gap:14px;animation:.3s cubic-bezier(.2,.8,.2,1) sheetUp;display:flex;overflow:auto}@keyframes fade{0%{opacity:0}}@keyframes sheetUp{0%{opacity:.4;transform:translateY(40px)}}.sheet-title{font:700 24px/1.2 var(--serif)}.sheet-block{border:1px solid var(--line);background:var(--surface);border-radius:18px;flex-direction:column;gap:10px;padding:14px;display:flex}.confirm-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.toggle{border:1px solid var(--line);background:var(--bg-2);overflow-wrap:anywhere;min-height:76px}.toggle b{margin-top:4px;font-size:18px;display:block}.toggle.on{background:linear-gradient(135deg, var(--rose), var(--red-1));color:#fff;border-color:#0000}.rule{border-bottom:1px solid var(--line);flex-direction:column;gap:8px;padding-bottom:14px;display:flex}.rule h3{font:700 19px/1.2 var(--serif)}.rule ul{flex-direction:column;gap:4px;margin:0;padding-left:20px;display:flex}.rule p,.rule li{color:var(--muted)}.rule b{color:var(--text)}.toast{left:50%;top:calc(var(--safe-t) + 14px);z-index:30;background:var(--text);max-width:calc(100% - 32px);color:var(--bg);white-space:nowrap;text-overflow:ellipsis;opacity:0;pointer-events:none;border-radius:999px;padding:10px 16px;font-size:14px;font-weight:600;transition:opacity .25s,transform .25s;position:fixed;overflow:hidden;transform:translate(-50%,-20px)}.toast.show{opacity:1;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}