.login-card{max-width:400px;margin:0 auto;padding:var(--spacing-xl, 32px);text-align:center}.login-subtitle{color:var(--color-text-secondary, #666);margin-bottom:var(--spacing-xl, 32px)}.auth-buttons{display:flex;flex-direction:column;gap:var(--spacing-md, 16px)}.btn-google{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm, 12px);width:100%;padding:var(--spacing-sm, 12px) var(--spacing-md, 16px);font-size:var(--font-size-md, 16px);font-weight:500;color:var(--color-text-primary, #333);background:var(--color-background, #fff);border:2px solid var(--color-border, #ddd);border-radius:var(--border-radius, 8px);cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.btn-google:hover:not(:disabled){background-color:var(--color-background-hover, #f5f5f5);border-color:var(--color-border-hover, #ccc)}.btn-google:disabled{opacity:.6;cursor:not-allowed}.google-icon{flex-shrink:0}.divider{display:flex;align-items:center;text-align:center;margin:var(--spacing-sm, 12px) 0}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid var(--color-border, #ddd)}.divider span{padding:0 var(--spacing-md, 16px);color:var(--color-text-secondary, #666);font-size:var(--font-size-sm, 14px)}.email-form{display:flex;flex-direction:column;gap:var(--spacing-md, 16px)}.error-banner{padding:var(--spacing-sm, 12px) var(--spacing-md, 16px);margin-bottom:var(--spacing-lg, 24px);background-color:var(--color-error-bg, #fef2f2);color:var(--color-error, #dc3545);border:1px solid var(--color-error-border, #f5c6cb);border-radius:var(--border-radius, 8px);font-size:var(--font-size-sm, 14px)}.btn-link{background:none;border:none;color:var(--color-primary, #4a90d9);cursor:pointer;font-size:var(--font-size-sm, 14px);padding:var(--spacing-xs, 8px)}.btn-link:hover:not(:disabled){text-decoration:underline}.btn-link:disabled{opacity:.6;cursor:not-allowed}.onboarding-card{max-width:420px;margin:0 auto;padding:var(--spacing-xl, 32px);text-align:center}.onboarding-subtitle{color:var(--color-text-secondary, #666);margin-bottom:var(--spacing-lg, 24px)}.onboarding-form{display:flex;flex-direction:column;gap:var(--spacing-lg, 24px);margin-top:var(--spacing-lg, 24px)}.form-group{text-align:left}.form-group label{display:block;margin-bottom:var(--spacing-xs, 8px);font-weight:500;color:var(--color-text-primary, #333)}.input-with-action{position:relative}.custom-input{width:100%;padding:var(--spacing-sm, 12px) var(--spacing-md, 16px);font-size:var(--font-size-md, 16px);border:2px solid var(--color-border, #ddd);border-radius:var(--border-radius, 8px);background:var(--color-background, #fff);transition:border-color .2s ease}.custom-input:focus{outline:none;border-color:var(--color-primary, #4a90d9)}.custom-input.input-error{border-color:var(--color-error, #dc3545)}.custom-input:disabled{background:var(--color-disabled, #f5f5f5);cursor:not-allowed}.checking-indicator{position:absolute;right:var(--spacing-md, 16px);top:50%;transform:translateY(-50%);font-size:var(--font-size-sm, 14px);color:var(--color-text-secondary, #666)}.input-hint{margin-top:var(--spacing-xs, 8px);font-size:var(--font-size-sm, 14px);color:var(--color-text-secondary, #666)}.error-message{margin-top:var(--spacing-xs, 8px);font-size:var(--font-size-sm, 14px);color:var(--color-error, #dc3545)}.onboarding-meta{margin-top:var(--spacing-xl, 32px);padding-top:var(--spacing-lg, 24px);border-top:1px solid var(--color-border, #ddd)}.email-display{font-size:var(--font-size-sm, 14px);color:var(--color-text-secondary, #666);margin-bottom:var(--spacing-sm, 12px)}.email-display strong{color:var(--color-text-primary, #333)}.rolldown-admin-overlay{position:fixed;top:1rem;right:1rem;z-index:50;width:min(20rem,calc(100vw - 2rem));padding:.9rem;border:1px solid rgba(255,255,255,.14);border-radius:1rem;background:#0a0e18e6;color:#f3f7ff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 20px 45px #00000047}.rolldown-admin-overlay__header{display:flex;flex-direction:column;gap:.15rem;margin-bottom:.75rem}.rolldown-admin-overlay__eyebrow{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:#9bb2d6}.rolldown-admin-overlay__title{font-size:.92rem;font-weight:700}.rolldown-admin-overlay__list{display:flex;flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;max-height:18rem;overflow:auto}.rolldown-admin-overlay__item{display:grid;grid-template-columns:auto 1fr;gap:.6rem;align-items:start;padding:.55rem .65rem;border-radius:.8rem;background:#ffffff0d}.rolldown-admin-overlay__time{font-size:.75rem;color:#7fd3ff;font-variant-numeric:tabular-nums}.rolldown-admin-overlay__detail{font-size:.82rem;color:#f3f7fff0;line-height:1.35}.rolldown-screen{min-height:100vh;width:100%;display:flex;align-items:flex-end;justify-content:center;padding:clamp(12px,1.4vw,18px) clamp(12px,1.4vw,18px) 0;overflow:hidden;background:radial-gradient(circle at 50% 22%,rgba(45,72,83,.42),transparent 34%),linear-gradient(180deg,#12171f,#08090c)}.rolldown-canvas{position:relative;container-type:size;--rd-hud-h: 30%;--rd-board-top: 9%;--rd-board-bottom-gap: 6%;--rd-bench-bottom: calc(var(--rd-hud-h) + 1%);--rd-canvas-pad-x: clamp(12px, 1.8%, 18px);--rd-canvas-pad-bottom: clamp(12px, 1.55%, 14px);--rd-ui-gap: clamp(6px, .9%, 10px);width:min(100%,calc((85vh - 2rem) * 16 / 9));max-height:85vh;aspect-ratio:16 / 9;display:flex;flex-direction:column;overflow:hidden;background:#0b0f16;border:1px solid rgba(189,153,91,.32);border-radius:10px;box-shadow:0 30px 90px #0000009e}.rolldown-screen[data-fullscreen=true]{padding:0;background:#05070b;align-items:stretch;justify-content:stretch}.rolldown-screen[data-fullscreen=true] .rolldown-canvas{width:min(100vw,calc(100vh * 16 / 9));max-height:100vh;border-radius:0;border:none;box-shadow:none}.rolldown-canvas:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#070a10d1,#070a1029 32%,#070a101a 52%,#000000bd),radial-gradient(circle at 54% 42%,rgba(84,118,121,.24),transparent 38%);pointer-events:none}.rolldown-header{position:absolute;inset:0 0 auto 0;height:82px;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;z-index:5}.rolldown-fullscreen-btn{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;padding:0;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:#070a10b8;color:#ffffffe6;cursor:pointer;box-shadow:0 8px 20px #00000052}.rolldown-fullscreen-btn:hover,.rolldown-fullscreen-btn:focus-visible{border-color:#86d5ffb3;background:#121826e0;outline:none}.rolldown-fullscreen-btn__icon{width:18px;height:18px}.rolldown-target__title{margin-bottom:6px;color:#fffffff0;font-size:.95rem;font-weight:800;letter-spacing:0;text-shadow:0 2px 8px rgba(0,0,0,.82)}.rolldown-target__icons{display:flex;align-items:center;gap:8px}.rolldown-icon{width:44px;height:44px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(201,166,97,.72);border-radius:4px;background:#111;box-shadow:0 5px 16px #0000005c}.rolldown-icon img{width:100%;height:100%;object-fit:cover}.rolldown-bench{position:absolute;left:0;right:0;bottom:var(--rd-bench-bottom);z-index:4;display:flex;justify-content:center;flex-wrap:nowrap;gap:8px;padding:0 18px}.rolldown-bench-slot{width:clamp(46px,5vw,62px);aspect-ratio:1;flex:0 0 auto;display:grid;place-items:center;overflow:visible;padding:3px;border:1px solid rgba(187,151,84,.34);border-radius:4px;background:#0d0e12c7;cursor:grab}.rolldown-bench-slot[draggable=false]{cursor:default}.rolldown-bench-slot--wrong{border:2px solid rgba(255,42,42,.94);box-shadow:0 0 0 2px #ff00003d,inset 0 0 18px #ff00002e}.rolldown-slot-empty{color:#ffffff57;font-size:1.18rem;font-weight:900;line-height:1;text-align:center}.rolldown-unit-portrait{position:relative;height:100%;width:auto;aspect-ratio:1;border-radius:4px;border:2px solid var(--rd-cost-color, rgba(255, 255, 255, .2));background:#0006;box-shadow:0 2px 8px #00000080}.rolldown-unit-portrait img{width:100%;height:100%;border-radius:2px;object-fit:cover}.rolldown-unit-portrait--cost-1{--rd-cost-color: #a0a0a0}.rolldown-unit-portrait--cost-2{--rd-cost-color: #11b288}.rolldown-unit-portrait--cost-3{--rd-cost-color: #207ac7}.rolldown-unit-portrait--cost-4{--rd-cost-color: #c440da}.rolldown-unit-portrait--cost-5{--rd-cost-color: #ffb93b}.rolldown-star{position:absolute;top:-11px;left:50%;height:15px;width:auto;transform:translate(-50%);pointer-events:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.85));z-index:3}.rolldown-hud{position:absolute;inset:auto 0 0 0;height:var(--rd-hud-h);z-index:6;display:flex;flex-direction:column;justify-content:flex-end;gap:var(--rd-ui-gap);padding:0 var(--rd-canvas-pad-x) var(--rd-canvas-pad-bottom);background:linear-gradient(180deg,#0000,#020305d1 30%,#000000fa)}.rolldown-info-bar{width:min(760px,calc(100% - 162px));min-height:36px;margin-left:auto;display:grid;grid-template-columns:minmax(0,1fr) 112px;align-items:center;overflow:hidden;border:1px solid rgba(194,159,93,.54);background:#111;box-shadow:0 7px 20px #00000075}.rolldown-info-bar__odds{display:flex;align-items:center;justify-content:center;gap:clamp(10px,2vw,24px);min-width:0;padding:0 16px 0 8px}.rolldown-odds__value{font-size:.88rem;font-weight:900;line-height:1;text-shadow:0 1px 3px #000}.rolldown-odds__value--cost-1{color:#a0a0a0}.rolldown-odds__value--cost-2{color:#11b288}.rolldown-odds__value--cost-3{color:#207ac7}.rolldown-odds__value--cost-4{color:#c440da}.rolldown-odds__value--cost-5{color:#ffb93b}.rolldown-info-bar__gold{height:100%;display:flex;align-items:center;justify-content:flex-end;gap:7px;padding:0 12px;border-left:1px solid rgba(194,159,93,.28);color:#ffcf68;font-size:1.05rem;font-weight:900;text-shadow:0 1px 3px #000}.rolldown-coin{width:14px;height:14px;flex:0 0 auto;filter:drop-shadow(0 1px 2px rgba(0,0,0,.74))}.rolldown-coin--large{width:17px;height:17px}.rolldown-shop-row{flex:1 1 0;min-height:0;display:grid;grid-template-columns:142px minmax(0,1fr) 92px;align-items:stretch;gap:var(--rd-ui-gap)}.rolldown-action-column{min-height:0;display:flex;flex-direction:column;gap:6px}.rolldown-level-track{display:flex;flex-direction:column;align-items:flex-start;gap:3px}.rolldown-level-track__label{padding:3px 12px 3px 8px;clip-path:polygon(0 0,85% 0,100% 100%,0 100%);background:linear-gradient(180deg,#25272c,#101115);border:1px solid rgba(194,159,93,.54);border-bottom:none;color:#fff;font-size:.8rem;font-weight:900;line-height:1.2;text-shadow:0 1px 2px #000}.rolldown-xp-bar{width:100%;height:6px;display:flex;gap:2px}.rolldown-xp-bar__segment{flex:1 1 0;height:100%;overflow:hidden;border:1px solid rgba(6,9,14,.9);border-radius:1px;background:#ffffff14}.rolldown-xp-bar__segment-fill{display:block;height:100%;background:linear-gradient(90deg,#1f8fe0,#6fd8ff);box-shadow:0 0 6px #6fd8ffa6;transition:width .16s ease}.rolldown-xp-bar__segment--max .rolldown-xp-bar__segment-fill{background:linear-gradient(90deg,#ffb93b,#ffe08a);box-shadow:0 0 6px #ffb93ba6}.rolldown-action-stack{flex:1 1 0;min-height:0;display:grid;grid-template-rows:repeat(2,minmax(0,1fr));gap:6px}.rolldown-action-btn{width:100%;min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 10px 9px 12px;border:1px solid rgba(190,156,91,.35);border-radius:3px;background:#1e1e24;color:#ffffffeb;cursor:pointer;text-align:left;box-shadow:inset 0 1px #ffffff12,0 8px 18px #00000052;transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease}.rolldown-action-btn:hover,.rolldown-action-btn:focus-visible{border-color:#ffb93bad;background:#28241f;box-shadow:inset 0 0 18px #ffb93b14,0 8px 18px #00000061;outline:none}.rolldown-action-btn__copy{min-width:0;display:flex;flex-direction:column;gap:3px}.rolldown-action-btn__label{overflow:hidden;font-size:.86rem;font-weight:900;line-height:1.05;text-overflow:ellipsis;white-space:nowrap}.rolldown-action-btn__cost{display:inline-flex;align-items:center;gap:4px;color:#d7c7aa;font-size:.78rem;font-weight:900;line-height:1}.rolldown-action-btn__icon{width:25px;height:25px;flex:0 0 auto;color:#ffffff47}.rolldown-hud__shop{min-width:0;min-height:0;display:flex;align-items:stretch}.rolldown-shop{width:100%;min-height:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.rolldown-shop-card{height:100%;display:flex;flex-direction:column;overflow:hidden;position:relative;min-width:0;padding:0;border:3px solid var(--shop-cost, #a0a0a0);border-radius:2px;background:#070707;cursor:pointer;box-shadow:0 11px 24px #00000085,0 0 14px var(--shop-cost-glow, rgba(160, 160, 160, .16))}.rolldown-shop-card:hover,.rolldown-shop-card:focus-visible{box-shadow:0 12px 24px #00000094,0 0 18px var(--shop-cost-glow, rgba(160, 160, 160, .22));filter:brightness(1.08);outline:none}.rolldown-shop-card:disabled{cursor:not-allowed;filter:none;opacity:.6}.rolldown-shop-card__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.rolldown-shop-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,#00000029,#0000 42%,#00000085 78%,#000000db),linear-gradient(90deg,#00000061,#0000000a 42%);pointer-events:none}.rolldown-shop-card__jewel{position:absolute;top:-8px;left:50%;z-index:3;width:24px;height:24px;transform:translate(-50%) rotate(45deg);border:1px solid #d9b76a;background:var(--shop-cost, #a0a0a0);box-shadow:0 0 0 2px #00000085,inset 0 0 8px #ffffff57}.rolldown-shop-card__traits{position:absolute;bottom:38px;left:4px;z-index:3;max-width:calc(100% - 8px);display:flex;flex-direction:column;gap:2px;pointer-events:none}.rolldown-trait{min-width:0;display:flex;align-items:center;gap:4px}.rolldown-trait__icon{width:14px;height:14px;flex:0 0 auto;object-fit:contain;filter:drop-shadow(0 1px 1px #000) drop-shadow(0 0 3px #000)}.rolldown-trait__text{overflow:hidden;color:#fff;font-size:11px;font-weight:800;line-height:1.05;text-align:left;text-overflow:ellipsis;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 2px 4px rgba(0,0,0,.8);white-space:nowrap}.rolldown-shop-card__footer{position:absolute;left:0;right:0;bottom:0;z-index:4;height:32px;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 8px;background:linear-gradient(180deg,#0000009e,#000000e0);border-top:1px solid rgba(255,255,255,.08)}.rolldown-shop-card__name{min-width:0;overflow:hidden;color:#fffffff5;font-size:.8rem;font-weight:900;line-height:1;text-overflow:ellipsis;text-shadow:0 1px 2px #000;white-space:nowrap}.rolldown-shop-card__cost{flex:0 0 auto;display:inline-flex;align-items:center;gap:4px;color:#ffcf68;font-size:.86rem;font-weight:900;line-height:1;text-shadow:0 1px 2px #000}.rolldown-shop-card--cost-1{--shop-cost: #a0a0a0;--shop-cost-glow: rgba(160, 160, 160, .2)}.rolldown-shop-card--cost-2{--shop-cost: #11b288;--shop-cost-glow: rgba(17, 178, 136, .22)}.rolldown-shop-card--cost-3{--shop-cost: #207ac7;--shop-cost-glow: rgba(32, 122, 199, .24)}.rolldown-shop-card--cost-4{--shop-cost: #c440da;--shop-cost-glow: rgba(196, 64, 218, .25)}.rolldown-shop-card--cost-5{--shop-cost: #ffb93b;--shop-cost-glow: rgba(255, 185, 59, .28)}.rolldown-shop-card--empty{display:grid;place-items:center;border-color:#a0a0a052}.rolldown-complete-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:18px;background:#04070eb8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.rolldown-complete-modal{width:min(100%,28rem);padding:1.3rem 1.35rem 1.1rem;border:1px solid rgba(255,255,255,.14);border-radius:1.1rem;background:linear-gradient(180deg,#161d2afa,#0b0e16fa);color:#f4f7ff;box-shadow:0 28px 60px #0000006b}.rolldown-complete-modal__eyebrow{margin:0 0 .4rem;color:#86d5ff;font-size:.76rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.rolldown-complete-modal__title{margin:0 0 1rem;font-size:1.45rem;font-weight:900}.rolldown-complete-modal__metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-bottom:1rem}.rolldown-complete-modal__metrics>div{padding:.85rem;border-radius:.9rem;background:#ffffff0d}.rolldown-complete-modal__label{display:block;margin-bottom:.25rem;color:#a3b6d5;font-size:.76rem;font-weight:700;text-transform:uppercase}.rolldown-complete-modal__metrics strong{font-size:1.15rem}.rolldown-complete-modal__button{width:100%;min-height:46px;border:1px solid rgba(134,213,255,.44);border-radius:.85rem;background:linear-gradient(180deg,#224e6af5,#0f2d41f5);color:#f6fbff;font-size:.95rem;font-weight:800;cursor:pointer}.rolldown-complete-modal__button:hover,.rolldown-complete-modal__button:focus-visible{border-color:#ffffffb8;outline:none}@media(max-width:920px){.rolldown-canvas{aspect-ratio:auto;min-height:560px;--rd-hud-h: 36%;--rd-bench-bottom: calc(var(--rd-hud-h) + 2%)}.rolldown-header{height:74px}.rolldown-bench{gap:6px;padding:0 12px}.rolldown-bench-slot{width:clamp(40px,5vw,52px)}.rolldown-star{height:12px;top:-9px}.rolldown-hud{padding:0 12px 12px}.rolldown-info-bar{width:100%;grid-template-columns:minmax(0,1fr) 86px}.rolldown-level-track__label{padding:2px 10px 2px 7px;font-size:.72rem}.rolldown-info-bar__odds{gap:8px;padding:0 10px 0 4px}.rolldown-odds__value{font-size:.74rem}.rolldown-shop-row{grid-template-columns:116px minmax(0,1fr) 76px;gap:7px}.rolldown-action-btn{min-height:50px;padding:8px}.rolldown-action-btn__label{font-size:.76rem}.rolldown-action-btn__icon{width:21px;height:21px}.rolldown-fullscreen-btn{width:34px;height:34px;border-radius:8px}.rolldown-fullscreen-btn__icon{width:16px;height:16px}.rolldown-complete-modal__metrics{grid-template-columns:1fr}.rolldown-shop{gap:5px}.rolldown-shop-card{border-width:2px}.rolldown-shop-card__footer{height:28px;padding:0 6px}.rolldown-shop-card__traits{bottom:32px}.rolldown-trait__icon{width:12px;height:12px}.rolldown-trait__text{font-size:9px}.rolldown-shop-card__name{font-size:.66rem}}@media(max-width:640px){.rolldown-screen{padding:8px}.rolldown-canvas{min-height:620px;--rd-hud-h: 42%;--rd-bench-bottom: calc(var(--rd-hud-h) + 2%)}.rolldown-target__icons{gap:5px}.rolldown-icon{width:36px;height:36px}.rolldown-bench{flex-wrap:wrap}.rolldown-info-bar{grid-template-columns:minmax(0,1fr) 74px}.rolldown-info-bar__odds{gap:5px}.rolldown-shop-row{grid-template-columns:1fr}.rolldown-action-stack{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none}}.rolldown-board{--rd-hex-w: clamp(50px, min(6.45cqw, 11.45cqh), 78px);--rd-hex-h: calc(var(--rd-hex-w) * 1.1547);--rd-row-step: calc(var(--rd-hex-h) * .75);--rd-board-h: calc(var(--rd-hex-h) + (var(--rd-row-step) * 3));position:absolute;left:0;right:0;top:var(--rd-board-top);bottom:calc(var(--rd-hud-h) + var(--rd-board-bottom-gap));z-index:3;overflow:visible;padding:0 12px;pointer-events:none}.rolldown-board-row{position:absolute;top:calc(50% - (var(--rd-board-h) / 2) + (var(--rd-row-step) * var(--rd-row)));left:calc(50% - (var(--rd-hex-w) * .25));display:flex;gap:0;width:calc(var(--rd-hex-w) * 7);height:var(--rd-hex-h);overflow:visible;transform:translate(-50%)}.rolldown-board-row:nth-child(1){--rd-row: 0;z-index:4}.rolldown-board-row:nth-child(2){--rd-row: 1;z-index:5}.rolldown-board-row:nth-child(3){--rd-row: 2;z-index:6}.rolldown-board-row:nth-child(4){--rd-row: 3;z-index:7}.rolldown-board-row--odd{left:calc(50% + (var(--rd-hex-w) * .25))}.rolldown-hex{position:relative;width:var(--rd-hex-w);height:var(--rd-hex-h);display:grid;place-items:center;overflow:visible;pointer-events:auto}.rolldown-hex--filled{z-index:2}.rolldown-hex[draggable=true]{cursor:grab}.rolldown-hex__shape{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:#121a229e;border:1px solid rgba(120,200,210,.22);transition:background .12s ease,border-color .12s ease}.rolldown-hex--empty:hover .rolldown-hex__shape,.rolldown-board[data-dragging=true] .rolldown-hex--empty .rolldown-hex__shape{background:#2e4e5880;border-color:#86d5ff99}.rolldown-hex .rolldown-unit-portrait{z-index:3;width:88%;height:88%;aspect-ratio:auto;overflow:visible;clip-path:none;border-radius:0;border:none;box-shadow:none;background:transparent;padding:2px}.rolldown-hex .rolldown-unit-portrait:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:var(--rd-cost-color, rgba(255, 255, 255, .2))}.rolldown-hex .rolldown-unit-portrait img{position:relative;z-index:1;display:block;border-radius:0;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%)}.rolldown-hex--wrong .rolldown-hex__shape{border-color:#ff3c3ce6;box-shadow:0 0 0 2px #ff000047}.rolldown-hex .rolldown-star{top:0;height:calc(var(--rd-hex-h) * .18);transform:translate(-50%,-50%);z-index:30}.rolldown-sell-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px dashed rgba(214,92,92,.6);border-radius:8px;background:#34101080;color:#ffb0b0eb;transition:background .12s ease,border-color .12s ease,transform .12s ease}.rolldown-sell-zone--hot{background:#781a1ad9;border-color:#ff7878f2;border-style:solid;transform:scale(1.03)}.rolldown-sell-zone__icon{width:22px;height:22px}.rolldown-sell-zone__label{font-size:.72rem;font-weight:800;letter-spacing:.02em}.rolldown-reset-btn{position:absolute;top:50%;left:50%;z-index:20;transform:translate(-50%,-50%);padding:12px 26px;border:1px solid rgba(201,166,97,.8);border-radius:8px;background:#0c1018f0;color:#ffebbef5;font-size:.98rem;font-weight:800;cursor:pointer;box-shadow:0 12px 40px #0009}.rolldown-reset-btn:hover,.rolldown-reset-btn:focus-visible{border-color:#86d5ffcc;outline:none}:root{--bg-main: #121212;--bg-card: #1d1d1d;--text-primary: #ffffff;--text-muted: #aaaaaa;--brand: rgb(190, 15, 132);--success: rgba(34, 197, 94, .6);--warning: rgba(234, 179, 8, .6);--danger: rgba(239, 68, 68, .6)}.text-muted{color:#aaa}.w-full{width:100%}.h-full{height:100%}.max-w-6xl{max-width:72rem}.aspect-video{aspect-ratio:16 / 9}.relative{position:relative}.absolute{position:absolute}.inset-0{top:0;right:0;bottom:0;left:0}.bottom-0{bottom:0}.flex{display:flex}.flex-col{flex-direction:column}.flex-grow{flex-grow:1}.shrink-0{flex-shrink:0}.justify-between{justify-content:space-between}.items-center{align-items:center}.px-2{padding-left:.5rem;padding-right:.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.bg-slate-900{background-color:#0f172a}.overflow-hidden{overflow:hidden}.object-cover{object-fit:cover}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:root{font-family:Arial,Helvetica,sans-serif;line-height:1.5;font-weight:400;color:#ffffffe6;background-color:#121212;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background-color:#121212;color:#fff}.page-container{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;min-height:100vh;width:100%;padding:2rem}.header{font-size:3rem;color:#be0f84;margin:0;text-align:center}.card{padding:2rem}.spacer{height:50px}.button-group{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:320px;margin-top:2rem}.btn-primary,.btn-play,.btn-secondary,.btn-link,.btn-success,.btn-danger{border-radius:8px;border:1px solid transparent;cursor:pointer}.btn-large{padding:1.2em 2.4em;font-size:1.1rem}.btn-primary,.btn-play{background-color:#be0f84;color:#fff;border:none;width:100%;padding:1em 2em;font-weight:700}.btn-secondary{background:transparent;color:#fff;border:1px solid #444;width:100%;padding:1em 2em}.btn-link{background:transparent;border:none;color:#ccc;padding:0}.btn-success{background:#4ade80;color:#111;border:none;padding:10px 15px}.btn-danger{background:#f87171;color:#111;border:none;padding:10px 15px}.btn-primary:disabled,.btn-play:disabled,.btn-secondary:disabled,.btn-link:disabled,.btn-success:disabled,.btn-danger:disabled{cursor:not-allowed;opacity:.6}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.25);border-top-color:#fffffff2;border-radius:9999px;display:inline-block;animation:spinner-rotate .8s linear infinite}.spinner-sm{width:14px;height:14px}@keyframes spinner-rotate{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation-duration:1.6s}}.logout-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#00000059;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.logout-overlay__content{display:inline-flex;align-items:center;gap:.75rem;padding:.9rem 1.1rem;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#121212bf;color:#fff;box-shadow:0 16px 40px #0006}.custom-select,.custom-input{padding:.75rem;border-radius:8px;border:2px solid rgba(190,15,132,.3);background-color:#1a1a1a;color:#fff;font-size:1rem;width:100%}.custom-select:focus,.custom-input:focus{outline:none;border-color:#be0f84}.custom-select option{background-color:#242424}.custom-select:disabled,.custom-input:disabled{background-color:#1a1a1a;color:#cfcfcf;border-color:#be0f8438;cursor:not-allowed;opacity:1;-webkit-text-fill-color:#cfcfcf}.custom-select:disabled{-moz-appearance:none;appearance:none;-webkit-appearance:none}.autocomplete-wrapper{position:relative;width:100%}.autocomplete-list{position:absolute;top:100%;left:0;right:0;z-index:999;background-color:#242424;border:1px solid rgba(190,15,132,.5);border-radius:8px;margin-top:4px;max-height:200px;overflow-y:auto;list-style:none;padding:0}.autocomplete-list li{padding:10px 16px;cursor:pointer}.autocomplete-list li:hover{background-color:#be0f84}.countdown-screen,.print-display,.answering-screen{display:flex;flex-direction:column;align-items:center;width:100%;max-width:1200px}.print-display--gameplay{max-width:1600px;width:100%}.countdown-text{font-size:7rem;color:#be0f84;font-weight:900}.countdown-loading{font-size:2.8rem}.scout-title{font-size:2.2rem;margin-bottom:8px}.scout-timer{color:#be0f84;font-size:1.8rem;font-weight:900}.scout-counter{margin-bottom:8px;font-weight:700;color:#aaa;text-transform:uppercase}.image-container{width:min(100%,1600px);max-width:100%;height:min(900px,calc(100vh - 18rem));min-height:240px;background:#111;margin:0 auto;overflow:hidden;display:flex;align-items:center;justify-content:center;border-radius:12px}.scout-image{width:100%;height:100%;max-width:100%;max-height:70vh;object-fit:contain;display:block}.answering-wrapper{max-width:1400px}.answers-grid{display:grid;gap:12px;align-items:center;width:100%;margin-bottom:10px}.answers-grid-template{grid-template-columns:minmax(160px,.9fr) 1fr .9fr 1.4fr 2.4fr 2.4fr}.header-row{font-weight:700;color:#be0f84;border-bottom:1px solid rgba(190,15,132,.3);padding-bottom:10px;margin-bottom:20px}.row{position:relative;background:#ffffff08;padding:12px;border-radius:8px;align-items:start}.print-number{margin-top:10px}.answers-target-cell{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0}.answers-target-cell .print-number{margin-top:0}.answers-print-thumbnail{width:160px;height:90px;aspect-ratio:16 / 9;border-radius:8px;overflow:hidden;flex-shrink:0;background:#ffffff0f}.answers-print-thumbnail-image,.answers-print-thumbnail-placeholder{width:100%;height:100%}.answers-print-thumbnail-image{object-fit:cover;display:block}.answers-print-thumbnail-placeholder{background:linear-gradient(135deg,#ffffff29,#ffffff0a)}.traits-column,.champions-column{display:flex;flex-direction:column;gap:8px}.answer-item-row{display:flex;gap:8px;align-items:center}.answer-item-main{flex:2}.answer-item-side{flex:1}.stage-select-group{display:flex;align-items:center;gap:4px;pointer-events:auto}.stage-select-group .custom-select{min-width:0;pointer-events:auto}.stage-separator{color:#bbb;font-weight:700}.submit-slot-label{min-width:56px;color:#bbb;font-size:.85rem}.remove-btn{background:transparent;border:none;color:#f44;font-size:1.1rem}.remove-btn:disabled{opacity:.5;cursor:not-allowed}.add-btn{background:#ffffff0d;border:1px dashed #555;color:#aaa;padding:8px;border-radius:6px}.add-btn:disabled{opacity:.5;cursor:not-allowed}.submit-card{background:#222;padding:30px;border-radius:12px;width:100%;max-width:900px}.submit-group{margin-bottom:20px}.submit-label{display:block;margin-bottom:8px;font-weight:700}.auto-traits-toggle{display:inline-flex;align-items:center;gap:10px;margin-bottom:10px;font-size:.95rem;color:#ddd;font-weight:600;-webkit-user-select:none;user-select:none}.auto-traits-toggle input[type=checkbox]{width:18px;height:18px;margin:0;border-radius:4px;border:2px solid rgba(190,15,132,.45);background:#1a1a1a;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;display:inline-grid;place-content:center;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}.auto-traits-toggle input[type=checkbox]:before{content:"";width:8px;height:8px;border-radius:2px;background:#be0f84;transform:scale(0);transition:transform .12s ease-in-out}.auto-traits-toggle input[type=checkbox]:checked:before{transform:scale(1)}.auto-traits-toggle input[type=checkbox]:focus-visible{outline:none;box-shadow:0 0 0 3px #be0f8447}.auto-traits-toggle input[type=checkbox]:disabled{cursor:not-allowed;opacity:.7;border-color:#be0f8447}.auto-traits-toggle input[type=checkbox]:disabled:before{background:#be0f84b3}.upload-input{width:100%;padding:10px;background:#111;color:#fff;border:1px solid #444;border-radius:6px}.image-hidden{filter:blur(5px) brightness(.5);pointer-events:none;transition:all .3s ease-in-out}.submit-divider{color:#aaa;border-bottom:1px solid #444;padding-bottom:10px;margin-bottom:20px}.submit-gold{width:160px}.submit-actions{display:flex;gap:10px}.user-info{margin-bottom:2rem;text-align:center}.inline-edit{display:flex;gap:10px;align-items:center;justify-content:center}.username-text{font-size:1.5rem;font-weight:700}.username-edit{margin-left:10px}.user-email{color:#aaa}.results-wrapper{width:100%;max-width:1100px}.results-summary{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.result-card{background:#1d1d1d;border:1px solid #333;border-radius:12px;padding:16px;margin-bottom:12px}.result-card-header{display:flex;justify-content:space-between;align-items:center}.result-section h3{margin-bottom:8px}.result-row{padding:10px;border-radius:8px;display:flex;justify-content:space-between;gap:10px;margin-bottom:8px}.result-pill{padding:4px 10px;border-radius:999px;font-size:.85rem;font-weight:700}.result-exact{background:#22c55e33;border:1px solid rgba(34,197,94,.6)}.result-partial{background:#eab30833;border:1px solid rgba(234,179,8,.6)}.result-wrong{background:#6b728038;border:1px solid rgba(107,114,128,.7)}.result-actions{display:flex;gap:10px;margin-top:20px}.result-empty{color:#999}.result-comparison-card{width:100%;background:#1d1d1d;border:1px solid #333;border-radius:12px;padding:16px;margin-bottom:16px;display:flex;flex-direction:column;gap:14px}.result-target{display:flex;flex-direction:column;gap:10px}.result-image-container{width:min(100%,1600px);height:min(900px,72vh);min-height:280px;background:#111;border-radius:12px;overflow:hidden;margin:0 auto;display:flex;align-items:center;justify-content:center}.result-scout-image{width:100%;height:100%;object-fit:contain;margin:0 auto;display:block}.result-details-grid{display:grid;grid-template-columns:1fr 1fr 1.2fr 2fr 2fr 1.4fr;gap:12px;width:100%;align-items:start}.result-detail-column{display:flex;flex-direction:column;gap:8px;min-width:0}.result-detail-title{margin:0;font-size:.85rem;letter-spacing:.04em;text-transform:uppercase;color:#be0f84}.admin-page{justify-content:flex-start;gap:2rem}.admin-dashboard{width:100%;max-width:1200px}.admin-list-container{display:flex;flex-direction:column;gap:12px}.admin-list-item{display:flex;flex-direction:column;gap:10px}.admin-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;background:#1d1d1d;border:1px solid #333;border-radius:12px;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease}.admin-row:hover{background:#242424;border-color:#444}.admin-row:focus{outline:2px solid rgba(190,15,132,.6);outline-offset:2px}.admin-row-main{display:flex;flex-direction:column;gap:6px;min-width:0}.admin-row-id{display:flex;align-items:baseline;gap:8px;min-width:0}.admin-label{font-size:.75rem;text-transform:uppercase;color:#aaa;letter-spacing:.08em}.admin-row-id-value{font-family:Courier New,monospace;font-size:.9rem;color:#ddd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:340px}.admin-row-summary{display:flex;flex-wrap:wrap;gap:8px;color:#bbb;font-size:.85rem}.admin-row-chip{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:4px 10px}.admin-row-actions{display:flex;gap:8px;flex-shrink:0}.admin-expanded-content{display:grid;grid-template-columns:minmax(240px,.9fr) 1.4fr;gap:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px}.admin-expanded-image{width:100%;background:#111;border-radius:10px;padding:8px;display:flex;align-items:center;justify-content:center}.admin-expanded-image img{max-height:300px;width:100%;height:auto;object-fit:contain;cursor:pointer;transition:opacity .15s ease}.admin-expanded-image img:hover{opacity:.9}.admin-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;background:#000c;z-index:10000;display:flex;align-items:center;justify-content:center;padding:24px}.admin-modal-content{display:flex;align-items:center;justify-content:center;max-width:95vw;max-height:95vh}.admin-modal-content img{max-width:95vw;max-height:95vh;object-fit:contain;display:block}.admin-modal-close{position:absolute;top:16px;right:16px;width:44px;height:44px;border-radius:999px;border:1px solid rgba(255,255,255,.3);background:#0006;color:#fff;font-size:24px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer}.admin-modal-close:hover{background:#0009}.admin-modal-close:focus{outline:2px solid rgba(190,15,132,.6);outline-offset:2px}.admin-expanded-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}.admin-mini-card{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:12px;min-width:0}.admin-mini-card h3{margin:0 0 8px;font-size:.85rem;text-transform:uppercase;letter-spacing:.04em;color:#be0f84}.admin-mini-list{margin:0;padding-left:18px;color:#ddd}.admin-error{color:#f87171}.admin-empty{color:#999}.history-dashboard{width:100%;max-width:1200px}.history-empty-state{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.history-empty-state .btn-secondary{width:auto;min-width:260px}.history-expanded-stack{display:flex;flex-direction:column;gap:14px}.history-print-block{display:flex;flex-direction:column;gap:10px}.history-print-summary{margin-top:2px}.history-expanded-content{align-items:start}.history-answers-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.history-answer-column{display:flex;flex-direction:column;gap:10px;min-width:0}.history-answer-title{margin:0;font-size:.85rem;text-transform:uppercase;letter-spacing:.04em;color:#be0f84}.about-us-footer-button{position:fixed;left:50%;bottom:16px;transform:translate(-50%);z-index:9500;width:auto;min-width:160px;padding:.75rem 1.25rem;background:#121212eb;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:999px;cursor:pointer;font-weight:700}.about-us-footer-button:hover{background:#1e1e1ef5}.about-us-footer-button:focus{outline:2px solid rgba(190,15,132,.7);outline-offset:2px}.about-us-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9600;display:flex;align-items:center;justify-content:center;padding:20px;background:#000000b8}.about-us-modal-content{position:relative;width:min(920px,100%);max-height:min(86vh,860px);background:#1d1d1d;border:1px solid #383838;border-radius:14px;padding:1.5rem;overflow:hidden;box-shadow:0 18px 40px #00000073}.about-us-modal-content h2{margin:0 0 1rem;color:#be0f84}.about-us-modal-body{max-height:calc(86vh - 112px);overflow-y:auto;padding-right:.35rem}.about-us-modal-body p{margin:0 0 .9rem;line-height:1.6;color:#e5e5e5}.about-us-modal-body a{color:#be0f84}.about-us-modal-close{position:absolute;top:12px;right:12px;width:38px;height:38px;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:#00000059;color:#fff;font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer}.about-us-modal-close:hover{background:#0000008f}.about-us-modal-close:focus{outline:2px solid rgba(190,15,132,.7);outline-offset:2px}@media(max-width:900px){.answers-grid-template{grid-template-columns:1fr}.answers-target-cell{margin-bottom:4px}.answers-print-thumbnail{width:128px;height:72px}.result-details-grid{grid-template-columns:1fr}.result-image-container{height:min(60vh,900px);min-height:220px}.result-actions,.submit-actions{flex-direction:column}.countdown-text{font-size:4rem}.admin-row{flex-direction:column;align-items:flex-start}.admin-row-actions{width:100%}.admin-row-actions button{flex:1}.admin-expanded-content,.admin-expanded-grid{grid-template-columns:1fr}.admin-row-id-value{max-width:100%}.history-empty-state .btn-secondary{width:100%}.history-answers-grid{grid-template-columns:1fr}.about-us-footer-button{bottom:12px;min-width:140px;padding:.7rem 1rem}.about-us-modal-content{padding:1.2rem}}