:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{color:#1a1a1f;background:#f5f5f7;margin:0}.auth-panel{text-align:left;flex-direction:column;align-items:stretch;gap:10px;max-width:320px;margin:22px auto 0;display:flex}.auth-label{color:#c9a84c;font-size:.9rem;font-weight:700}.auth-input{box-sizing:border-box;color:#e8dcc8;width:100%;height:42px;font:inherit;background:#111827;border:1px solid #2a3555;border-radius:8px;padding:8px 10px}.code-input{text-align:center;letter-spacing:0;font-size:1.25rem}.auth-panel .newgame{width:100%;margin-top:4px}.auth-panel .secondary-action{align-self:center}.pack-overlay{z-index:40;padding:max(18px, env(safe-area-inset-top)) 16px max(18px, env(safe-area-inset-bottom));background:#12141cdb;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pack-reveal{color:#fff;justify-items:center;gap:18px;width:min(100%,560px);max-height:100%;display:grid;overflow-y:auto}.pack-shell{color:#fff;letter-spacing:0;background:linear-gradient(150deg,#f4c64e,#b94656 58%,#283f73);border:1px solid #ffffff52;border-radius:8px;place-items:center;width:120px;height:156px;font-weight:800;animation:.42s ease-out both pack-pop;display:grid;box-shadow:0 18px 44px #00000057}.pack-cards{grid-template-columns:repeat(5,minmax(56px,1fr));gap:8px;width:100%;display:grid}.pack-card{opacity:0;min-width:0;animation:.42s ease-out forwards card-reveal;animation-delay:calc(.11s * var(--reveal-index));justify-items:center;gap:4px;display:grid;transform:translateY(16px)scale(.94)}.pack-card .card{aspect-ratio:5/7;width:100%;max-width:88px}.pack-card .grade{color:#eef2ff}@keyframes pack-pop{0%{opacity:0;transform:translateY(18px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes card-reveal{to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=420px){.pack-cards{grid-template-columns:repeat(3,minmax(72px,1fr))}.pack-card .card{max-width:82px}}@media (prefers-reduced-motion:reduce){.pack-shell,.pack-card{opacity:1;animation:none;transform:none}}.app{box-sizing:border-box;max-width:560px;min-height:100svh;padding:20px 16px calc(88px + env(safe-area-inset-bottom));text-align:center;margin:0 auto;font-family:system-ui,sans-serif}body{color:#e8dcc8;background:radial-gradient(circle at 18% 0,#4a9eff1f,#0000 28%),radial-gradient(circle at 86% 12%,#c9a84c14,#0000 30%),#03040a}h1{color:#e8dcc8;margin:0 0 10px;font-size:1.4rem}.app-header{margin-bottom:18px}.app-main{gap:14px;display:grid}.status{justify-content:space-between;align-items:center;margin-bottom:12px;font-size:1.05rem;display:flex}.score{color:#555}.board{background:#2b2b34;border-radius:10px;grid-template-columns:repeat(3,1fr);gap:6px;padding:6px;display:grid}.cell{aspect-ratio:1;background:#3a3a45;border-radius:8px;justify-content:center;align-items:center;display:flex}.cell.placeable{cursor:pointer;background:#4a5a3a;outline:2px dashed #9bd14b}.hand-label{color:#c9a84c;margin:18px 0 8px;font-size:.9rem}.hand{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.hand-card{aspect-ratio:5/7;cursor:pointer;border-radius:8px;width:84px}.hand-card.selected{outline:3px solid #fc3;transform:translateY(-4px)}.card{color:#fff;border:2px solid #2a3555;border-radius:9px;width:100%;height:100%;font-weight:700;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #c9a84c1a}.owner-a{background:linear-gradient(145deg,#1a2035,#142845);border-color:#4a9eff}.owner-b{background:linear-gradient(145deg,#251827,#3a1622);border-color:#ff4a6a}.owner-none{background:linear-gradient(145deg,#1a2035,#111827);border-color:#c9a84c}.side{text-shadow:0 1px 2px #00000080;background:#ffffff12;border-radius:5px;place-items:center;width:22px;height:22px;font-size:.95rem;display:grid;position:absolute}.side.t{top:4px;left:50%;transform:translate(-50%)}.side.b{bottom:4px;left:50%;transform:translate(-50%)}.side.l{top:50%;left:6px;transform:translateY(-50%)}.side.r{top:50%;right:6px;transform:translateY(-50%)}.name{opacity:.85;text-overflow:ellipsis;text-transform:uppercase;white-space:normal;max-width:90%;font-size:.6rem;font-weight:800;position:absolute;bottom:50%;left:50%;overflow:hidden;transform:translate(-50%,50%)}.error{color:#c0392b;margin-top:10px}.newgame{color:#fff;cursor:pointer;background:#285aa6;border:none;border-radius:8px;margin-top:18px;padding:8px 18px;font-size:1rem}.newgame:hover{background:#1f4988}.newgame:disabled{opacity:.5;cursor:default}.collection{flex-wrap:wrap;justify-content:center;gap:8px;margin:8px 0;display:flex}.coll-card{flex-direction:column;align-items:center;gap:2px;width:70px;display:flex}.coll-card .card{width:70px;height:98px}.coll-card.pick{cursor:pointer}.coll-card.selected .card{outline:3px solid #fc3}.grade{color:#c9a84c;font-size:.72rem;font-weight:700}.sharpen-controls{grid-template-columns:repeat(5,1fr);gap:2px;width:70px;display:grid}.sharpen-controls button{color:#e8dcc8;cursor:pointer;background:#111827;border:1px solid #2a3555;border-radius:6px;width:100%;height:24px;font-size:.82rem;line-height:1}.sharpen-controls button:disabled{opacity:.5;cursor:default}.reward{color:#2e7d32;margin-top:10px;font-weight:700}.secondary-action,.text-action{color:#777;cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:6px;padding:8px 14px;font-size:.9rem}.secondary-action:hover,.text-action:hover{background:#f0f0f0}.topbar{color:#aeb6c8;flex-wrap:wrap;justify-content:center;gap:8px 12px;font-size:.94rem;display:flex}.hint{color:#8f99ad;margin:14px 0;font-size:.92rem}.shop-screen{gap:16px;display:grid}.section-title{color:#e8dcc8;text-align:left;margin-bottom:8px;font-weight:700}.pending-packs{gap:8px;display:grid}.pending-pack-list{grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:8px;display:grid}.pending-pack{color:#e8dcc8;cursor:pointer;background:#111827eb;border:1px solid #c9a84c3d;border-radius:8px;align-content:center;justify-items:center;gap:6px;min-height:74px;padding:10px;font-weight:700;display:grid}.pending-pack:disabled{opacity:.5;cursor:default}.pending-pack-icon{background:#d84d4d;border-radius:6px;width:34px;height:30px;position:relative;box-shadow:inset 0 -7px #0000001f}.pending-pack-icon:before,.pending-pack-icon:after{content:"";background:#f5d36a;position:absolute}.pending-pack-icon:before{width:6px;height:30px;top:0;left:14px}.pending-pack-icon:after{width:34px;height:6px;top:11px;left:0}.shop{flex-direction:column;gap:10px;display:flex}.shop-pack{background:#111827eb;border:1px solid #c9a84c2e;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.shop-name{text-align:left;font-weight:700}.shop-note{color:#8f99ad;text-align:left;flex:1;font-size:.85rem}.shop-pack button{color:#fff;cursor:pointer;background:#285aa6;border:none;border-radius:8px;padding:8px 14px}.shop-pack button:disabled{opacity:.5;cursor:default}.settings-screen{gap:10px;display:grid}.settings-row{color:#e8dcc8;cursor:pointer;text-align:left;background:#111827eb;border:1px solid #c9a84c2e;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:64px;padding:12px 14px;display:flex}.settings-row span{overflow-wrap:anywhere;min-width:0;font-weight:700}.settings-row small{color:#8f99ad;flex:none}.settings-row:disabled{opacity:.5;cursor:default}.bottom-nav{z-index:20;box-sizing:border-box;width:min(100%,560px);padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:#03040af5;border-top:1px solid #c9a84c2e;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav button{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:8px;min-width:0;min-height:48px;padding:6px 4px;font-size:.82rem;font-weight:700;position:relative}.bottom-nav button.active{color:#060914;background:#c9a84c}.bottom-nav span:first-child{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.nav-badge{box-sizing:border-box;color:#fff;background:#d3495b;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.68rem;line-height:1;display:grid;position:absolute;top:2px;right:6px}@media (width<=420px){.app{padding-left:12px;padding-right:12px}.shop-pack,.settings-row{flex-direction:column;align-items:stretch}.shop-pack button{width:100%}}.battle-app{box-sizing:border-box;color:#e8dcc8;background:radial-gradient(circle at 20% 10%,#4a9eff1f,#0000 28%),radial-gradient(circle at 80% 16%,#ff4a6a1a,#0000 30%),linear-gradient(#060914 0%,#03040a 100%);grid-template-rows:auto 1fr auto;gap:14px;min-height:100svh;padding:14px 12px 18px;font-family:system-ui,sans-serif;display:grid;overflow-x:hidden}.battle-header{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;width:min(100%,620px);margin:0 auto;display:grid}.battle-exit{color:#c9a84c;cursor:pointer;background:#080c18cc;border:1px solid #c9a84c59;border-radius:8px;min-height:36px;padding:6px 10px;font-weight:700}.battle-score{letter-spacing:0;justify-content:center;align-items:baseline;gap:8px;min-width:0;font-weight:800;display:flex}.battle-score strong{font-size:clamp(2rem,9vw,3.6rem);line-height:1}.battle-score .player-score{color:#4a9eff}.battle-score .rival-score{color:#ff4a6a}.battle-divider{color:#6b7280;font-size:1.5rem}.battle-side{text-transform:uppercase;font-size:.82rem}.battle-side.player{color:#4a9eff}.battle-side.rival{color:#ff4a6a}.battle-status{color:#c9a84c;text-align:right;text-transform:uppercase;min-width:74px;font-size:.82rem;font-weight:800}.battle-table{align-content:center;gap:12px;width:min(100%,620px);margin:0 auto;display:grid}.opponent-strip,.battle-hand{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;min-height:78px;display:flex}.opponent-card-back{aspect-ratio:5/7;background:linear-gradient(135deg,#ff4a6a24,#ffffff05),repeating-linear-gradient(45deg,#ff4a6a2e 0 2px,#0000 2px 8px),#111827;border:1px solid #ff4a6a99;border-radius:8px;width:clamp(42px,12vw,62px);box-shadow:0 0 12px #ff4a6a2e}.battle-board{background:linear-gradient(#0f1525f0,#080c18f5),radial-gradient(circle,#c9a84c14,#0000 65%);border:1px solid #c9a84c29;border-radius:14px;grid-template-columns:repeat(3,1fr);gap:7px;width:min(100%,360px);margin:0 auto;padding:10px;display:grid;box-shadow:0 18px 60px #00000073}.battle-cell{aspect-ratio:5/7;background:#111827eb;border:1px solid #1f2937;border-radius:10px;justify-content:center;align-items:center;transition:border-color .18s,background .18s,box-shadow .18s;display:flex}.battle-cell.placeable{cursor:pointer;background:#c9a84c14;border-color:#c9a84c;box-shadow:inset 0 0 18px #c9a84c1f}.battle-cell.placeable:hover{background:#c9a84c29;box-shadow:0 0 22px #c9a84c2e}.battle-cell .card,.battle-hand-card .card{width:100%;height:100%}.battle-hand-card{aspect-ratio:5/7;cursor:grab;width:clamp(58px,17vw,82px);transition:transform .18s,filter .18s}.battle-hand-card:active{cursor:grabbing}.battle-hand-card.selected{filter:drop-shadow(0 0 18px #c9a84cb3);transform:translateY(-10px)scale(1.04)}.battle-app .card{background:linear-gradient(145deg,#1a2035,#111827);border:2px solid #2a3555;border-radius:9px;overflow:hidden;box-shadow:inset 0 0 0 1px #c9a84c1a}.battle-app .owner-a{background:linear-gradient(145deg,#1a2035,#142845);border-color:#4a9eff;box-shadow:0 0 14px #4a9eff47,inset 0 0 14px #4a9eff14}.battle-app .owner-b{background:linear-gradient(145deg,#251827,#3a1622);border-color:#ff4a6a;box-shadow:0 0 14px #ff4a6a3d,inset 0 0 14px #ff4a6a14}.battle-app .owner-none{background:linear-gradient(145deg,#1a2035,#1f2842);border-color:#c9a84c}.battle-app .side{background:#ffffff12;border-radius:5px;place-items:center;width:22px;height:22px;font-size:.95rem;line-height:1;display:grid}.battle-app .owner-a .side{color:#75b7ff}.battle-app .owner-b .side{color:#ff7b91}.battle-app .name{color:#e8dcc8;text-transform:uppercase;white-space:normal;max-width:74%;font-size:.58rem;font-weight:800}.battle-app .reward,.battle-app .error{text-align:center;width:min(100%,620px);margin:0 auto}@media (width<=420px){.battle-header{grid-template-columns:1fr}.battle-exit,.battle-status{text-align:center;justify-self:center}.battle-board{gap:6px;width:min(100%,304px);padding:8px}}