:root{--digivice-color: #3f51b5;--screen-bg: #8ba88b;--glass-bg: rgba(255, 255, 255, .08);--accent-color: #4f69ff;--text-primary: #ffffff;--text-secondary: #bbbbbb;--body-bg-image: url(/assets/common/Frame/brick.png);--frame-pixel-size: 4px;--frame-size: min(100vw, 100vh);--frame-size: min(100vw, 100dvh);--frame-size: min(100dvw, 100dvh);--frame-brick-size: calc(var(--frame-size) * 236 / 160);--digivice-camera-zoom: 1;--digivice-camera-pan-x: 0px;--digivice-camera-pan-y: 0px;--digivice-camera-bg-size: var(--frame-brick-size);--digivice-camera-bg-pan-x: 0px;--digivice-camera-bg-pan-y: 0px;--topbar-pixel-scale: 3;--resource-bar-texture: url(/assets/common/app/topbar_bar_bg.png);--resource-bar-tile-width: 48px;--resource-bar-tile-height: 72px;--resource-topbar-height: calc(72px + env(safe-area-inset-top)) ;--game-hud-font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}@media(max-width:673px),(max-height:673px){:root{--frame-pixel-size: 3px;--frame-size: 480px;--frame-brick-size: 708px}}@media(max-width:505px),(max-height:505px){:root{--frame-pixel-size: 2px;--frame-size: 320px;--frame-brick-size: 472px}}@media(max-width:336px),(max-height:336px){:root{--frame-pixel-size: 1px;--frame-size: 160px;--frame-brick-size: 236px}}*{box-sizing:border-box}html,body,button,input,select,textarea{font-family:var(--game-hud-font)}.overlay-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:#0a0a0a;z-index:2000;display:flex;justify-content:center;align-items:center;padding:20px}.glass-container{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:32px;padding:40px;width:100%;max-width:600px;box-shadow:0 30px 60px #00000080;display:flex;flex-direction:column;gap:30px}.glass-container h1{margin:0;font-size:32px;font-weight:800;text-align:center;background:linear-gradient(135deg,#fff,#aaa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.auth-panel{max-width:420px;border-radius:8px}.auth-form{display:flex;flex-direction:column;gap:14px}.auth-mode{display:grid;grid-template-columns:1fr 1fr;gap:8px}.auth-mode button{min-height:42px;border-radius:8px;border:1px solid rgba(255,255,255,.18);background:#ffffff14;color:inherit;font:inherit;font-weight:700;cursor:pointer}.auth-mode button.active{background:#fff3;border-color:var(--active-roster-accent, var(--accent-color))}.auth-form input{width:100%;background:#ffffff14;border:1px solid rgba(255,255,255,.18);color:#fff;padding:14px 16px;border-radius:8px;font:inherit;outline:none}.auth-form input:focus{border-color:var(--accent-color)}.auth-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.auth-link-btn{justify-self:end;padding:0;color:var(--mint);border:0;background:transparent;font-size:.78rem;text-decoration:underline}.form-error,.cloud-row.error{color:#ff8a8a;min-height:20px}.secondary-btn{width:100%;background:#ffffff14;color:#fff;border:1px solid rgba(255,255,255,.18);padding:20px;border-radius:8px;font-weight:700;font-size:18px;cursor:pointer}.roster-list{display:flex;flex-direction:column;gap:20px;max-height:500px;overflow-y:auto;padding:10px}.roster-list::-webkit-scrollbar{width:6px}.roster-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.roster-banner:hover{transform:translateY(-4px)}.roster-banner{width:100%;height:auto;min-height:100px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);display:block}.glass-container{position:relative}body{margin:0;display:flex;justify-content:center;align-items:center;min-height:100vh;min-height:100dvh;background-color:#3c85bd;background-image:var(--body-bg-image);background-position:var(--body-bg-position-x, 50%) var(--body-bg-position-y, 50%);background-repeat:var(--body-bg-repeat, repeat);background-size:var(--body-bg-size, var(--digivice-camera-bg-size, var(--frame-brick-size)) var(--digivice-camera-bg-size, var(--frame-brick-size)));image-rendering:pixelated;overflow:hidden;position:relative;transition:background-size .32s cubic-bezier(.2,.8,.2,1),background-position .32s cubic-bezier(.2,.8,.2,1)}html[data-frame-background-fit=cover] body{--cover-grid-size: clamp(56px, 7vmin, 88px);background-image:none;isolation:isolate}html[data-frame-background-fit=cover] body:before{content:"";position:fixed;inset:-8vmax;z-index:0;pointer-events:none;background-color:#071014;background-image:var(--body-bg-image);background-position:center;background-repeat:no-repeat;background-size:cover;image-rendering:auto;transform:scale(1.2) translate3d(-2.5%,0,0);transform-origin:center;will-change:transform;animation:roster-frame-background-drift 48s linear infinite}html[data-frame-background-fit=cover] body:after{content:"";position:fixed;inset:0;z-index:1;pointer-events:none;background-color:transparent;background-image:linear-gradient(rgba(255,255,255,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.11) 1px,transparent 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:var(--cover-grid-size) var(--cover-grid-size),var(--cover-grid-size) var(--cover-grid-size);animation:roster-frame-grid-drift 12s linear infinite}html[data-frame-background-fit=cover] body>*:not(.daily-reward-modal){z-index:2}@keyframes roster-frame-background-drift{0%,to{transform:scale(1.2) translate3d(-2.5%,0,0)}12.5%{transform:scale(1.2) translate3d(-1.77%,-1.77%,0)}25%{transform:scale(1.2) translate3d(0,-2.5%,0)}37.5%{transform:scale(1.2) translate3d(1.77%,-1.77%,0)}50%{transform:scale(1.2) translate3d(2.5%,0,0)}62.5%{transform:scale(1.2) translate3d(1.77%,1.77%,0)}75%{transform:scale(1.2) translate3d(0,2.5%,0)}87.5%{transform:scale(1.2) translate3d(-1.77%,1.77%,0)}}@keyframes roster-frame-grid-drift{0%{background-position:0 0,0 0}to{background-position:calc(0px - var(--cover-grid-size)) calc(0px - var(--cover-grid-size)),calc(0px - var(--cover-grid-size)) calc(0px - var(--cover-grid-size))}}body.frame-change-fade-layer:after{content:"";position:fixed;inset:0;z-index:2147483647;background:#000;opacity:0;pointer-events:auto;transition:opacity .22s ease-in-out}body.frame-change-fade-layer.frame-change-fade-black:after{opacity:1}@media(prefers-reduced-motion:reduce){body.frame-change-fade-layer:after{transition-duration:1ms}}body.mode-frame .digivice{position:relative;width:auto;height:var(--frame-size);max-width:100vw;max-width:100dvw;max-height:100vh;max-height:100dvh;aspect-ratio:1 / 1;image-rendering:pixelated;touch-action:none}body.mode-frame .screen-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}body.mode-frame #gameCanvas{position:absolute;top:20%;left:20%;width:60%;height:60%;background:var(--screen-bg);image-rendering:pixelated;cursor:default;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;z-index:2}#gameCanvas:focus,#gameCanvas:focus-visible{outline:none}.canvas-text-entry{position:fixed;left:50%;top:50%;width:1px;height:1px;padding:0;border:0;opacity:0;pointer-events:none;font-size:16px}body.mode-frame #overlayCanvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;image-rendering:pixelated}body.frameless .digivice{border:none;box-shadow:none;background:transparent;width:auto;height:auto;position:relative;display:flex;align-items:center;gap:40px}body.frameless .screen-container{position:relative;width:auto;height:auto}body.frameless #gameCanvas{position:relative;top:0;left:0;width:576px;height:576px;display:block;image-rendering:optimizeSpeed;image-rendering:-moz-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:optimize-contrast;image-rendering:pixelated;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor;touch-action:none;user-select:none;-webkit-user-select:none}body.frameless #overlayCanvas{display:none}.utility-bar{position:fixed;top:calc(var(--resource-topbar-height) + 14px);right:20px;display:flex;flex-direction:column;z-index:100}#hud-container.resource-topbar{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:stretch;justify-content:center;width:100vw;width:100dvw;min-height:var(--resource-topbar-height);gap:6px;padding:max(5px,env(safe-area-inset-top)) 10px 5px;border:0;border-bottom:3px solid #171918;border-top:0;border-left:0;border-right:0;border-radius:0;background-color:#676b64;background-image:var(--resource-bar-texture);background-repeat:repeat-x;background-size:var(--resource-bar-tile-width) var(--resource-bar-tile-height);box-shadow:0 4px #00000061;pointer-events:auto;font-family:var(--game-hud-font);text-transform:uppercase;image-rendering:pixelated}.resource-topbar-inner{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px}.resource-cluster{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-left:auto;min-width:0}.resource-pill{position:relative;isolation:isolate;box-sizing:border-box;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:0;padding:1px 8px 3px;overflow:hidden;border:6px solid transparent;border-image:url(/assets/common/app/topbar_panel.png) 2 fill / 6px repeat;border-radius:0;background-color:transparent;color:#f4fbff;font-size:13px;font-weight:900;letter-spacing:0;line-height:1;white-space:nowrap;box-shadow:none}.resource-pill:before{display:none}.resource-pill:after{display:none}#cloud-sync{min-height:32px;display:inline-flex;align-items:center;gap:5px;padding:6px 8px;border:1px solid rgba(255,255,255,.12);border-radius:6px;background:#ffffff14;color:#d8e5df;font-size:12px;font-weight:900;letter-spacing:0;line-height:1;white-space:nowrap}.resource-topbar .resource-pill{min-width:0}.bitmap-text-canvas{display:block;max-width:100%;flex:0 0 auto;image-rendering:pixelated}.resource-topbar .bitmap-text-canvas{transform:translateY(2px)}.topbar-player-menu .bitmap-text-canvas{transform:translateY(1px)}.resource-icon{width:24px;height:24px;flex:0 0 24px;object-fit:contain;padding:0;border:0;border-radius:0;background-color:transparent;background-image:none;box-shadow:none;image-rendering:pixelated}.resource-player-slot{position:relative;flex:0 1 250px;min-width:214px;max-width:min(34vw,300px);display:flex;align-items:stretch;z-index:4}.resource-player{width:100%;min-width:0;justify-content:flex-start;padding-left:8px;border-radius:0;appearance:none;-webkit-appearance:none;text-align:left;cursor:pointer}.resource-player:hover,.resource-player:focus-visible,.resource-player-slot.open .resource-player{filter:brightness(1.08)}.resource-player:focus-visible{outline:2px solid #a8efff;outline-offset:2px}.player-badge{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border:0;border-radius:0;background-color:transparent;background-image:url(/assets/common/app/topbar_player_badge.png);background-repeat:no-repeat;background-position:center;background-size:28px 28px;color:#eaffff;font-size:16px;font-weight:900;box-shadow:none;image-rendering:pixelated}.player-stack{min-width:0;display:grid;gap:2px}#topbar-player-name{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis}.topbar-player-menu{position:absolute;left:0;top:calc(100% + 6px);z-index:130;box-sizing:border-box;min-width:min(220px,calc(100vw - 16px));min-width:min(220px,calc(100dvw - 16px));display:grid;gap:2px;margin:0;padding:6px;border:6px solid transparent;border-image:url(/assets/common/app/topbar_panel.png) 2 fill / 6px repeat;background-color:#202824;color:#f5fbff;list-style:none;image-rendering:pixelated;box-shadow:0 5px #00000073}.topbar-player-menu[hidden]{display:none}.topbar-player-menu button{width:100%;min-height:32px;display:flex;align-items:center;justify-content:flex-start;border:0;border-radius:0;padding:3px 8px 5px;background:transparent;color:#f5fbff;font-family:var(--game-hud-font);font-size:12px;font-weight:900;line-height:1;letter-spacing:0;text-align:left;text-transform:uppercase;text-shadow:-1px 0 0 #07111b,0 -1px 0 #07111b,1px 0 0 #07111b,0 1px 0 #07111b;cursor:pointer}.topbar-player-menu button:hover,.topbar-player-menu button:focus-visible{background:#3a4b48;outline:0}.topbar-player-menu button.danger{color:#ffd868}.resource-label{color:#a8efff;font-size:11px;font-weight:900;text-shadow:-1px -1px 0 #06111b,1px -1px 0 #06111b,-1px 1px 0 #06111b,1px 1px 0 #06111b}.resource-energy{min-width:314px;overflow:visible}.resource-bits{min-width:182px}.resource-clock{min-width:142px}.energy-meter{position:relative;box-sizing:border-box;display:grid;grid-template-columns:repeat(10,7px);align-items:center;justify-content:center;gap:2px;width:96px;height:22px;flex:0 0 96px;padding:1px 3px;border:4px solid transparent;border-image:url(/assets/common/app/topbar_energy_meter_frame.png) 1 fill / 4px repeat;background-color:transparent;image-rendering:pixelated}.energy-meter-cell{width:7px;height:14px;background-image:url(/assets/common/app/topbar_energy_cell_empty.png);background-repeat:no-repeat;background-position:center;background-size:7px 14px;image-rendering:pixelated}.energy-meter-cell.is-filled{background-image:url(/assets/common/app/topbar_energy_cell_full.png)}.resource-pill strong,#game-clock{display:inline-flex;align-items:center;color:#f5fbff;font-size:24px;font-weight:900;letter-spacing:0;text-shadow:-2px 0 0 #07111b,0 -2px 0 #07111b,2px 0 0 #07111b,0 2px 0 #07111b,0 3px 0 rgba(0,0,0,.7)}.resource-pill em{display:inline-flex;align-items:center;min-height:20px;padding:1px 5px 2px;border:6px solid transparent;border-image:url(/assets/common/app/topbar_panel.png) 1.5 fill / 6px repeat;border-radius:0;background-color:transparent;color:#102029;font-size:11px;font-style:normal;font-weight:900;text-shadow:none}.resource-pill em:empty{display:none}#topbar-energy-refill{position:absolute;left:40px;top:34px;z-index:3;min-width:92px;min-height:24px;display:inline-flex;align-items:center;justify-content:center;padding:0 9px 2px;border:6px solid transparent;border-image:url(/assets/common/app/topbar_refill_bubble.png) 2 fill / 6px repeat;background-color:transparent;color:#ffd868;font-size:10px;font-style:normal;font-weight:900;line-height:1;text-shadow:none;white-space:nowrap;image-rendering:pixelated;pointer-events:none}#topbar-energy-refill .bitmap-text-canvas{transform:translateY(1px)}.resource-add{display:grid;place-items:center;min-width:24px;width:24px;height:24px;border:0;border-radius:0;background-color:transparent;background-image:url(/assets/common/app/topbar_add_button_normal.png);background-repeat:no-repeat;background-position:center;background-size:24px 24px;color:transparent;font-size:0;line-height:1;cursor:pointer;padding:0;overflow:hidden;box-shadow:none;image-rendering:pixelated}.resource-add:hover:not(:disabled){background-image:url(/assets/common/app/topbar_add_button_hover.png)}.resource-add:active:not(:disabled){background-image:url(/assets/common/app/topbar_add_button_pressed.png)}.resource-use{display:grid;place-items:center;min-width:30px;height:28px;border:0;border-radius:0;background-color:#2f332f;color:#f4fbff;font:900 9px/1 var(--game-hud-font);cursor:pointer;padding:0 6px}.resource-use{min-width:30px;font-size:9px}.resource-buy-group{display:inline-flex;align-items:center;gap:3px}.resource-use:hover{filter:brightness(1.12);transform:translateY(-1px)}.resource-add:disabled,.resource-use:disabled{cursor:default;opacity:.42}.resource-use:disabled:hover{filter:none;transform:none}#cloud-sync{min-width:58px;justify-content:center;text-align:center}#cloud-sync[data-sync=saving]{color:#1c1203;background:var(--amber);border-color:#f1c96bd1}#cloud-sync[data-sync=synced]{color:var(--active-roster-contrast, #07110d);background:var(--active-roster-accent, var(--mint));border-color:var(--active-roster-glow, rgba(124, 224, 189, .8))}#cloud-sync[data-sync=error]{color:#fff0eb;background:#f68f7240;border-color:#f68f726b}#cloud-sync[data-sync=local]{color:#dce5ff;background:#7697ff2e;border-color:#7697ff59}body:has(.modern-modal.open:not(.app-dialog-modal)) #hud-container,body:has(.modern-modal.open) .utility-bar,body:has(.modern-modal.open) .game-corner-logo{opacity:0;visibility:hidden;pointer-events:none!important}body:has(#app[style*="display: none"]) #hud-container{display:none}.modern-modal{position:fixed;top:0;right:0;width:320px;height:100vh;height:100dvh;background:#121212f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-left:1px solid #333;border-radius:0;box-shadow:-10px 0 30px #00000080;padding:32px;z-index:3000;color:#e0e0e0;font-family:var(--game-hud-font);display:none;flex-direction:column;gap:32px;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);pointer-events:auto!important}.modern-modal.open{display:flex;transform:translate(0)}.modal-header{display:flex;justify-content:space-between;align-items:center;gap:14px}.modal-header h3{margin:0;font-size:28px;font-weight:700;color:#fff}.modal-title-lockup{min-width:0;display:flex;align-items:center;gap:10px}.modal-brand-logo{flex:0 0 auto;width:78px;height:auto;display:block;filter:drop-shadow(0 5px 8px rgba(0,0,0,.45))}.close-x{width:32px;height:32px;display:grid;place-items:center;background:#da4453;border:2px solid #8f2630;color:#fff;font-size:22px;font-weight:700;cursor:pointer;padding:0;line-height:1;border-radius:0;box-shadow:inset 2px 2px #ff9aa0,inset -2px -2px #b5333f}.close-x:hover{color:#fff;background:#c4313e;border-color:#721922;box-shadow:inset 2px 2px #ff8b91,inset -2px -2px #982430}.close-x:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.close-x:active{transform:translateY(1px);color:#fff}.modal-body{display:flex;flex-direction:column;gap:28px}.modern-select{background:#ffffff0d;border:1px solid rgba(255,255,255,.15);color:#fff;padding:8px 12px;border-radius:8px;font-family:var(--game-hud-font);outline:none;cursor:pointer;transition:all .2s}.modern-select:hover{background:#ffffff1a;border-color:#ffffff4d}.modern-select option{background:#1a1a1a;color:#fff}.setting-item{display:flex;flex-direction:column;gap:16px}.setting-item label{font-size:18px;font-weight:600;color:#bbb}.input-row{display:flex;align-items:center;gap:20px}#volume-value{font-family:var(--game-hud-font);font-size:18px;font-weight:700;color:#fff;min-width:50px}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:20px}.switch{position:relative;display:inline-block;width:80px;height:44px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#333;transition:.4s;border-radius:44px;border:2px solid #444}.slider:before{position:absolute;content:"";height:32px;width:32px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%;box-shadow:0 4px 12px #0006}input:checked+.slider{background-color:#4f69ff;border-color:#4f69ff}input:checked+.slider:before{transform:translate(36px)}.modal-footer{margin-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.primary-btn{width:100%;background:#4f69ff;color:#fff;border:none;padding:20px;border-radius:8px;font-weight:700;font-size:18px;cursor:pointer;transition:background .2s,transform .2s}.danger-btn{border-color:#ff787852;color:#ffb4b4}.cloud-modal{width:min(420px,100vw);width:min(420px,100dvw)}.field-guide-modal{width:min(760px,100vw);width:min(760px,100dvw);gap:16px}.field-guide-controls{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.field-guide-controls label{display:grid;gap:5px;color:#9aa4ad;font-size:10px;font-weight:900;letter-spacing:0;text-transform:uppercase}.field-guide-controls select{width:100%;min-width:0;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#ffffff12;color:#fff;padding:8px;font:inherit;text-transform:none}.field-guide-body{flex:1;gap:16px;min-height:0;overflow-y:auto;padding-right:4px}.field-guide-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.field-guide-summary span{display:grid;gap:2px;padding:10px;border-radius:8px;background:#ffffff12;border:1px solid rgba(255,255,255,.1)}.field-guide-summary b{color:#fff;font-size:20px}.field-guide-summary em{color:#9aa4ad;font-size:11px;font-style:normal;font-weight:800;text-transform:uppercase}.field-guide-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}.field-guide-category{display:grid;gap:12px;padding-top:4px}.field-guide-category+.field-guide-category{margin-top:8px;padding-top:18px;border-top:1px solid rgba(255,255,255,.14)}.field-guide-category>h3{margin:0;color:#8ad7c1;font-size:15px;text-transform:uppercase}.field-guide-group{display:grid;gap:8px}.field-guide-group h4{display:flex;align-items:center;justify-content:space-between;margin:0;color:#fff;font-size:13px}.field-guide-group h4 span{color:#9aa4ad;font-size:11px}.field-guide-card{position:relative;min-height:132px;overflow:hidden;border-radius:8px;background:linear-gradient(180deg,#ffffff17,#ffffff09),#060a0db8;border:1px solid rgba(255,255,255,.12)}.field-guide-card.locked{opacity:.74}.field-guide-variant{display:none;grid-template-columns:78px minmax(0,1fr);align-items:center;gap:10px;min-height:112px;padding:12px 12px 8px}.field-guide-variant.active{display:grid}.field-guide-sprite-frame{display:grid;place-items:center;width:76px;height:76px;border-radius:8px;background:radial-gradient(circle at 50% 42%,rgba(124,224,189,.16),transparent 58%),#00000047;border:1px solid rgba(255,255,255,.1)}.field-guide-sprite{width:64px;height:64px;image-rendering:pixelated}.field-guide-variant.locked .field-guide-sprite{filter:brightness(0) saturate(0) opacity(.72)}.field-guide-copy{display:flex;min-width:0;flex-direction:column;gap:7px}.field-guide-copy strong{color:#fff;font-size:16px;line-height:1.15;word-break:break-word}.field-guide-copy small{color:#9aa4ad;font-size:10px;font-weight:800;line-height:1.1}.field-guide-meta{display:flex;flex-wrap:wrap;gap:4px}.field-guide-meta em,.field-guide-state{display:inline-flex;width:fit-content;border-radius:999px;padding:4px 6px;background:#ffffff14;color:#cbd3da;font-size:10px;font-style:normal;font-weight:800;line-height:1}.field-guide-state{position:absolute;right:8px;bottom:8px;color:#dffcef;background:#7ce0bd29}.field-guide-card.locked .field-guide-state{color:#c9ced6;background:#ffffff14}.field-guide-variant-dots{position:absolute;left:14px;bottom:10px;display:flex;gap:5px}.field-guide-variant-dots button{width:8px;height:8px;border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:0;background:#ffffff29;cursor:pointer}.field-guide-variant-dots button.active{background:var(--active-roster-accent, var(--mint));border-color:transparent}.field-guide-variant-count{position:absolute;left:42px;bottom:7px;color:#9aa4ad;font-size:10px;font-weight:800}@media(max-width:760px){:root{--topbar-pixel-scale: 2;--resource-bar-tile-width: 32px;--resource-bar-tile-height: 48px;--resource-topbar-height: calc(46px + env(safe-area-inset-top)) }.field-guide-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.field-guide-modal{width:min(620px,100vw);width:min(620px,100dvw)}}@media(max-width:520px){.field-guide-grid{grid-template-columns:1fr}}#auth-screen{--auth-terminal-accent: #7ce0bd;--auth-terminal-accent-strong: #b4ffe4;--auth-terminal-ink: #e9fff6;--auth-terminal-muted: #91aaa1;--auth-terminal-panel: #0a1214;overflow:auto;isolation:isolate;background-color:#2c0b11;background-image:linear-gradient(#1b05094d,#0c0508c7),url(/assets/common/Frame/brick.png);background-repeat:repeat;background-size:auto,472px 472px;background-position:center,center;image-rendering:pixelated}#auth-screen[data-auth-mode=register]{--auth-terminal-accent: #f1c96b;--auth-terminal-accent-strong: #ffe4a0}#auth-screen[data-auth-mode=reset-request],#auth-screen[data-auth-mode=reset-confirm]{--auth-terminal-accent: #a9a1ff;--auth-terminal-accent-strong: #d0cbff}#auth-screen .auth-panel{width:min(940px,calc(100dvw - 32px));max-width:940px;max-height:min(740px,calc(100dvh - 32px));display:grid;grid-template-rows:auto minmax(0,1fr);gap:0;padding:0;overflow:hidden;border:0;border-radius:0;background:#080d0f;box-shadow:0 0 0 2px #9a9b93,0 0 0 6px #2b3032,0 0 0 8px #090b0c,0 0 0 10px #741f2a,0 24px 70px #000c;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px)}#auth-screen .auth-brand{min-height:96px;display:grid;grid-template-columns:178px minmax(0,1fr) auto;align-items:center;gap:18px;padding:14px 22px;border-bottom:4px solid #7c2731;background:linear-gradient(90deg,#090e10fa,#151818f5),#101516;box-shadow:inset 0 -2px #080a0b,inset 0 2px #333a3b}#auth-screen .auth-brand-logo{width:178px;max-width:none;height:auto;filter:drop-shadow(2px 3px 0 #0008);image-rendering:pixelated}#auth-screen .auth-brand-copy{min-width:0;display:grid;gap:4px}#auth-screen .auth-brand .eyebrow{color:#f2b466;font-size:10px;font-weight:800;text-transform:uppercase}#auth-screen .auth-brand h1{margin:0;color:var(--auth-terminal-ink);font-size:clamp(17px,2.6vw,24px);line-height:1.05;text-transform:uppercase}.auth-network-state{display:flex;align-items:center;justify-content:end;gap:8px;min-width:132px;min-height:30px;padding:7px 9px;border:2px solid #555d5d;background:#081012;box-shadow:inset 0 0 0 1px #000}.auth-network-led{width:8px;height:8px;flex:0 0 8px;background:var(--auth-terminal-accent);box-shadow:0 0 0 2px #12251f,0 0 8px var(--auth-terminal-accent)}.auth-panel[aria-busy=true] .auth-network-led{animation:auth-network-pulse .7s steps(2,end) infinite}@keyframes auth-network-pulse{50%{opacity:.24}}.auth-terminal-layout{min-height:0;display:grid;grid-template-columns:340px minmax(0,1fr);gap:26px;align-items:center;overflow:auto;padding:26px 30px 30px;background-color:#080e10;background-image:linear-gradient(#080e10e0,#04080af7),linear-gradient(rgba(124,224,189,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(124,224,189,.035) 1px,transparent 1px);background-size:auto,16px 16px,16px 16px}.auth-device-panel{min-width:0;display:grid;justify-items:center;gap:8px}.auth-device-shell{position:relative;width:320px;height:320px;background:url(/assets/common/Frame/frame.png) 0 0 / 320px 320px no-repeat;image-rendering:pixelated;filter:drop-shadow(8px 12px 0 #0008)}.auth-device-screen{position:absolute;left:64px;top:64px;width:192px;height:192px;overflow:hidden;background:#07110d;box-shadow:inset 0 0 0 2px #111b17,inset 0 0 18px #000}.auth-showcase{position:absolute;inset:0;display:block;overflow:hidden;isolation:isolate}#auth-screen .auth-showcase-scene{position:absolute;inset:0;display:block;overflow:hidden;background:#07100d}#auth-screen .auth-showcase-bg{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;opacity:.86;filter:saturate(1.06) contrast(1.08) brightness(.82);image-rendering:pixelated}#auth-screen .auth-showcase-scene:after{content:"";position:absolute;inset:0;z-index:6;pointer-events:none;background:linear-gradient(180deg,rgba(2,10,12,.12),transparent 34%,rgba(3,8,7,.36));box-shadow:inset 0 0 22px #020706b8}#auth-screen .auth-showcase-sun{position:absolute;top:30px;right:22px;z-index:1;width:16px;height:16px;background:#ffe081;box-shadow:0 0 0 4px #f5b95d52,0 0 15px #ffe081a3;opacity:.78}#auth-screen .auth-showcase-runners{position:absolute;inset:0;z-index:3;overflow:hidden}#auth-screen .auth-showcase-runner{position:absolute;left:-64px;top:var(--auth-runner-track);z-index:calc(3 + var(--auth-runner-index));width:var(--auth-runner-size);height:0;animation:auth-showcase-cross var(--auth-runner-duration) linear infinite;animation-delay:var(--auth-runner-delay);will-change:left}#auth-screen .auth-showcase-runner.is-reverse{animation-name:auth-showcase-cross-reverse}#auth-screen .auth-showcase-sprite-canvas{position:relative;z-index:2;display:block;width:var(--auth-runner-size);height:var(--auth-runner-size);border:0;border-radius:0;background:transparent;filter:drop-shadow(2px 3px 0 #07100d9c);image-rendering:pixelated;animation:auth-showcase-step .52s steps(2,end) infinite}#auth-screen .auth-showcase-runner.is-reverse .auth-showcase-sprite-canvas{animation-name:auth-showcase-step-reverse}.auth-showcase-runner-shadow{position:absolute;left:16%;right:16%;top:-3px;z-index:1;height:5px;background:#07100d7d;border-radius:50%}.auth-showcase-ground-glow{position:absolute;left:0;right:0;bottom:29px;z-index:2;height:2px;background:#d8f4e838;box-shadow:0 4px #07100d33}#auth-screen .auth-showcase-status{position:absolute;left:7px;bottom:7px;z-index:8;display:flex;align-items:center;gap:5px;min-height:17px;padding:3px 5px;border-left:2px solid var(--auth-terminal-accent);background:#03100dcc;color:#effff8;font-size:7px;letter-spacing:0}#auth-screen .auth-showcase-status i{width:4px;height:4px;background:var(--auth-terminal-accent);box-shadow:0 0 5px var(--auth-terminal-accent);animation:auth-network-pulse 1.1s steps(2,end) infinite}@keyframes auth-showcase-cross{0%{left:-64px}to{left:calc(100% + 10px)}}@keyframes auth-showcase-cross-reverse{0%{left:calc(100% + 10px)}to{left:-64px}}@keyframes auth-showcase-step{0%,to{transform:translateY(-100%)}50%{transform:translateY(calc(-100% - 2px))}}@keyframes auth-showcase-step-reverse{0%,to{transform:translateY(-100%) scaleX(-1)}50%{transform:translateY(calc(-100% - 2px)) scaleX(-1)}}.auth-device-grid{position:absolute;inset:0;z-index:4;pointer-events:none;opacity:.08;background-image:linear-gradient(#bdfbdd 1px,transparent 1px),linear-gradient(90deg,#bdfbdd 1px,transparent 1px);background-size:8px 8px}.auth-device-readout{position:absolute;left:6px;right:6px;top:6px;z-index:5;display:flex;align-items:center;justify-content:space-between;min-height:18px;padding:3px 4px;background:#03100dc9;border-bottom:1px solid #88b9a5}.auth-device-signal{display:inline-flex;align-items:end;gap:2px;height:8px}.auth-device-signal i{display:block;width:2px;background:var(--auth-terminal-accent)}.auth-device-signal i:nth-child(1){height:3px}.auth-device-signal i:nth-child(2){height:5px}.auth-device-signal i:nth-child(3){height:8px}.auth-device-caption{display:flex;align-items:flex-start;justify-content:center;gap:8px;color:var(--auth-terminal-muted);font-size:10px;font-weight:900}.auth-device-caption-mark{width:18px;height:4px;background:var(--auth-terminal-accent);box-shadow:0 0 7px var(--auth-terminal-accent)}.auth-device-caption-copy{display:grid;gap:3px}.auth-device-caption-copy strong{color:#f2fff9;font-size:10px}.auth-device-caption-copy small{color:var(--auth-terminal-accent);font-size:8px}#auth-screen .auth-form{min-width:0;align-self:stretch;display:grid;align-content:center;gap:12px;padding:22px;border:2px solid #3b5055;background:var(--auth-terminal-panel);box-shadow:inset 0 0 0 2px #030709,6px 6px #0006}#auth-screen .auth-mode{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border:2px solid #2c3e42;background:#050b0d}#auth-screen .auth-mode button{min-width:0;min-height:40px;display:flex;align-items:center;justify-content:center;padding:8px;border:0;border-radius:0;background:#101b1e;color:#b9c9c3;box-shadow:inset 0 -2px #081012}#auth-screen .auth-mode button.active{border-color:transparent;background:var(--auth-terminal-accent);color:#07110d;box-shadow:inset 0 -3px #0005,0 0 9px color-mix(in srgb,var(--auth-terminal-accent) 34%,transparent)}.auth-task-header{display:grid;gap:5px;padding:9px 12px 10px;border-left:4px solid var(--auth-terminal-accent);background:#0f1a1d}.auth-form-kicker{min-height:8px}#auth-screen .auth-task-header h2{min-height:24px;margin:0;display:flex;align-items:center;color:var(--auth-terminal-ink);font-size:18px}.auth-task-header p{margin:0;color:var(--auth-terminal-muted);font-size:12px;line-height:1.35}.auth-field{min-width:0;display:grid;gap:6px;color:var(--auth-terminal-muted);font-size:10px;font-weight:900}.auth-field[hidden]{display:none!important}.auth-field>label{min-height:8px;display:flex;align-items:center}#auth-screen .auth-form input{width:100%;min-width:0;min-height:46px;padding:10px 12px;border:2px solid #40575d;border-radius:0;outline:0;background:#050a0c;color:#f3fff9;box-shadow:inset 2px 2px #0008;font-size:15px}#auth-screen .auth-form input::placeholder{color:#60756e;opacity:1}#auth-screen .auth-form input:hover{border-color:#627a7f}#auth-screen .auth-form input:focus{border-color:var(--auth-terminal-accent);box-shadow:inset 2px 2px #0008,0 0 0 2px color-mix(in srgb,var(--auth-terminal-accent) 22%,transparent)}.auth-password-control{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) 58px}.auth-password-control input{border-right:0!important}.auth-password-toggle{min-width:0;display:flex;align-items:center;justify-content:center;padding:6px;border:2px solid #40575d;border-radius:0;background:#122024;color:var(--auth-terminal-accent);cursor:pointer}.auth-password-toggle:hover,.auth-password-toggle:focus-visible{border-color:var(--auth-terminal-accent);outline:0}#auth-screen .auth-password-toggle[hidden],#auth-screen .auth-link-btn[hidden]{display:none!important}#auth-screen .form-error{min-height:34px;display:flex;align-items:center;padding:7px 9px;border-left:3px solid #f68f72;background:#1b1110;color:#ffb199;font-size:12px;line-height:1.3}#auth-screen .form-error:empty{min-height:0;padding:0;border:0;background:transparent}#auth-screen .form-error[data-state=success]{border-color:#7ce0bd;background:#0c1a15;color:#a9f3d8}#auth-screen .form-error[data-state=notice]{border-color:#f1c96b;background:#1a170d;color:#ffe2a0}.auth-form-utility{min-height:18px;display:flex;align-items:center;justify-content:space-between;gap:10px}.auth-submit-status{min-height:8px;display:flex;align-items:center}#auth-screen .auth-link-btn{min-height:24px;display:flex;align-items:center;justify-content:end;padding:4px;border:0;border-radius:0;color:var(--auth-terminal-accent);background:transparent;text-decoration:none}#auth-screen .auth-link-btn:hover,#auth-screen .auth-link-btn:focus-visible{color:var(--auth-terminal-accent-strong);outline:1px solid var(--auth-terminal-accent);outline-offset:2px}#auth-screen .auth-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#auth-screen .auth-actions .primary-btn,#auth-screen .auth-actions .secondary-btn{min-width:0;min-height:48px;display:flex;align-items:center;justify-content:center;padding:10px;border:2px solid #587077;border-radius:0;background:#142125;color:var(--auth-terminal-ink);box-shadow:inset 0 -4px #071013,3px 3px #0007;transform:none}#auth-screen .auth-actions .primary-btn{border-color:var(--auth-terminal-accent-strong);background:var(--auth-terminal-accent);color:#07110d;box-shadow:inset 0 -4px #0004,3px 3px #0007}#auth-screen .auth-actions .primary-btn:hover,#auth-screen .auth-actions .secondary-btn:hover,#auth-screen .auth-actions .primary-btn:focus-visible,#auth-screen .auth-actions .secondary-btn:focus-visible{border-color:#f4fff9;filter:brightness(1.12);outline:0;transform:none}#auth-screen button:disabled,#auth-screen input:disabled{cursor:wait;filter:grayscale(.45);opacity:.58}#auth-screen .bitmap-text-canvas{display:block;flex:0 0 auto;image-rendering:pixelated}@media(prefers-reduced-motion:reduce){#auth-screen .auth-showcase-runner{animation:none}#auth-screen .auth-showcase-runner:nth-child(1){left:3%}#auth-screen .auth-showcase-runner:nth-child(2){left:28%}#auth-screen .auth-showcase-runner:nth-child(3){left:53%}#auth-screen .auth-showcase-runner:nth-child(4){left:76%}#auth-screen .auth-showcase-sprite-canvas,#auth-screen .auth-showcase-runner.is-reverse .auth-showcase-sprite-canvas,#auth-screen .auth-showcase-status i{animation:none}#auth-screen .auth-showcase-sprite-canvas{transform:translateY(-100%)}#auth-screen .auth-showcase-runner.is-reverse .auth-showcase-sprite-canvas{transform:translateY(-100%) scaleX(-1)}.auth-panel[aria-busy=true] .auth-network-led{animation:none}}@media(max-width:760px),(max-height:620px){#auth-screen{align-items:flex-start;padding:14px}#auth-screen .auth-panel{width:min(620px,calc(100dvw - 28px));max-height:none}#auth-screen .auth-brand{min-height:86px;grid-template-columns:148px minmax(0,1fr) auto;gap:12px;padding:10px 14px}#auth-screen .auth-brand-logo{width:148px}.auth-terminal-layout{grid-template-columns:176px minmax(0,1fr);gap:16px;padding:18px}.auth-device-shell{width:160px;height:160px;background-size:160px 160px;filter:drop-shadow(4px 6px 0 #0007)}.auth-device-screen{left:32px;top:32px;width:96px;height:96px}.auth-device-readout{display:none}#auth-screen .auth-showcase-sun{top:15px;right:11px;width:8px;height:8px;box-shadow:0 0 0 2px #f5b95d52,0 0 8px #ffe081a3}#auth-screen .auth-showcase-runner{width:28px}#auth-screen .auth-showcase-sprite-canvas{width:28px;height:28px}#auth-screen .auth-showcase-status{left:4px;bottom:4px;min-height:12px;padding:2px 3px;font-size:5px}.auth-showcase-ground-glow{bottom:15px}.auth-device-caption{font-size:8px}#auth-screen .auth-form{padding:16px}}@media(max-width:560px){#auth-screen .auth-panel{width:calc(100dvw - 20px)}#auth-screen .auth-brand{grid-template-columns:128px minmax(0,1fr)}#auth-screen .auth-brand-logo{width:128px}#auth-screen .auth-brand h1{font-size:15px}.auth-network-state{grid-column:1 / -1;justify-content:center;min-height:24px;padding:4px 7px}.auth-terminal-layout{grid-template-columns:1fr;padding:14px}.auth-device-panel{gap:3px}#auth-screen .auth-form{width:100%}}@media(max-width:390px){#auth-screen{padding:10px}#auth-screen .auth-panel{width:calc(100dvw - 20px);box-shadow:0 0 0 2px #7e9498,0 0 0 4px #202d31,0 16px 45px #000c}#auth-screen .auth-brand{grid-template-columns:112px minmax(0,1fr);padding:9px 10px}#auth-screen .auth-brand-logo{width:112px}#auth-screen .auth-brand h1{font-size:13px}.auth-terminal-layout{padding:10px}#auth-screen .auth-form{padding:12px}#auth-screen .auth-actions{grid-template-columns:1fr}}.daily-reward-floating{width:104px;height:110px}.daily-reward-floating:before{display:none}.daily-reward-floating-chest{top:0;left:4px;width:96px;height:88px;filter:drop-shadow(0 7px 0 rgba(0,0,0,.42)) drop-shadow(0 0 12px rgba(255,216,104,.28))}.daily-reward-floating-copy{left:12px;right:12px;bottom:0;min-height:28px;gap:0;padding:4px 4px 5px;border:3px solid #7c5519;background:#ffd868;box-shadow:0 4px #00000061}.daily-reward-panel{width:min(680px,calc(100vw - 28px));width:min(680px,calc(100dvw - 28px));max-height:min(900px,calc(100vh - 24px));max-height:min(900px,calc(100dvh - 24px));gap:9px;padding:18px 22px 20px;border-width:8px;background:radial-gradient(circle at 50% 34%,rgba(45,126,126,.2),transparent 42%),#111a1a}.daily-reward-wheel-stage{position:relative;width:360px;height:360px;justify-self:center;display:grid;place-items:center}.daily-reward-wheel{--daily-wheel-angle: 0deg;position:absolute;width:330px;height:330px;border:9px solid #d49a35;border-radius:50%;background:repeating-conic-gradient(from -25.72deg,transparent 0 13.45%,rgba(255,255,255,.18) 13.45% 14.285%),conic-gradient(from -25.72deg,#153f45 0 14.285%,#30345f 14.285% 28.57%,#15535a 28.57% 42.855%,#53375e 42.855% 57.14%,#1c5660 57.14% 71.425%,#41406a 71.425% 85.71%,#80552b 85.71% 100%);box-shadow:0 0 0 5px #694716,0 12px #0000006b,0 0 36px #49ded52e,inset 0 0 0 8px #050c0d5c}.daily-reward-wheel:after{content:"";position:absolute;inset:104px;border:5px solid #8a652b;border-radius:50%;background:#0b1213;box-shadow:inset 0 0 20px #000000b8}.daily-reward-wheel-prize{--segment-angle: calc(var(--segment-index) * 51.428571deg);position:absolute;left:50%;top:50%;width:68px;height:48px;display:flex;align-items:center;justify-content:center;gap:0;transform:translate(-50%,-50%) rotate(var(--segment-angle)) translateY(-126px) rotate(calc(var(--segment-angle) * -1))}.daily-reward-wheel-prize .daily-reward-mini small{position:absolute;left:50%;bottom:-1px;transform:translate(-50%);padding:2px 3px;background:#050a0bcc}.daily-reward-wheel-pointer{position:absolute;left:50%;top:0;z-index:6;width:0;height:0;transform:translate(-50%);border-left:17px solid transparent;border-right:17px solid transparent;border-top:34px solid #ffd868;filter:drop-shadow(0 4px 0 #694716)}.daily-reward-offer{min-height:74px;justify-items:center;align-content:center;gap:7px;padding:4px 10px 8px;border:0;background:transparent;box-shadow:none;text-align:center}.daily-reward-track{display:flex;align-items:center;gap:5px;overflow:visible;padding:0}.daily-reward-day.is-current{border-color:#ffd868;background:#9a6923;color:#fff;box-shadow:0 0 10px #ffd86880;transform:scale(1.12)}#daily-reward-use-battery{min-width:72px;min-height:32px;height:32px;padding:2px 6px;border-width:4px}.daily-reward-claim{min-height:54px;border:4px solid #81561d;background:linear-gradient(#ffd868,#d9922f);box-shadow:inset 0 3px #fff0a4,0 5px #674116}@media(max-width:620px){.daily-reward-panel{width:calc(100vw - 10px);width:calc(100dvw - 10px);gap:6px;padding:11px 12px 14px}.daily-reward-wheel-stage{width:292px;height:292px}.daily-reward-wheel{width:266px;height:266px;border-width:7px}.daily-reward-wheel:after{inset:82px}.daily-reward-wheel-prize{width:56px;height:42px;transform:translate(-50%,-50%) rotate(var(--segment-angle)) translateY(-100px) rotate(calc(var(--segment-angle) * -1))}.daily-reward-wheel-prize .daily-reward-mini img{width:28px;height:28px}.daily-reward-wheel-stage #daily-reward-hero{width:126px;height:126px}.daily-reward-meta-row{grid-template-columns:1fr;gap:8px}.daily-reward-access-progress{justify-items:center}.daily-reward-battery-bank{width:100%;min-width:0;grid-template-columns:38px minmax(0,1fr) 72px}#daily-reward-use-battery{grid-column:auto;width:auto}}.cloud-modal .modal-body h4{margin:8px 0 0;color:#aaa;font-size:14px;text-transform:uppercase;letter-spacing:0}.storage-toolbar{margin-bottom:12px}.compact-btn{padding:12px;font-size:14px}.storage-roster-picker{display:none;margin-bottom:12px}.storage-roster-preview{display:grid;min-height:0;margin:0 0 12px}.cloud-list{display:flex;flex-direction:column;gap:10px}.cloud-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;border-radius:8px}.cloud-row.compact{align-items:flex-start}.cloud-row strong,.cloud-row span{display:block}.cloud-row strong{color:#fff;font-size:15px}.cloud-row span,.cloud-row.muted,.cloud-status{color:#aaa;font-size:13px}.cloud-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;min-width:0}.cloud-actions button{white-space:nowrap;background:#ffffff1a;border:1px solid rgba(255,255,255,.16);color:#fff;border-radius:8px;padding:8px 10px;cursor:pointer}.cloud-actions button:disabled{opacity:.4;cursor:default}.cloud-actions .danger-action{color:#ffb4b4;border-color:#ff787852}.primary-btn:hover{background:#6c81ff;transform:translateY(-2px)}.app-shell-panel{width:min(1040px,calc(100vw - 32px));width:min(1040px,calc(100dvw - 32px));max-height:min(820px,calc(100vh - 32px));max-height:min(820px,calc(100dvh - 32px));overflow:hidden;border-radius:8px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,#111827e0,#070a10f0),#0d121beb;box-shadow:0 24px 80px #0000008c;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#fff}.dock-panel,#roster-selection-screen .glass-container,#auth-screen .glass-container{border-radius:8px}.dock-panel{display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:18px;padding:clamp(18px,4vw,36px);padding:clamp(18px,4dvw,36px)}.dock-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.panel-title-lockup{min-width:0;display:flex;align-items:center;gap:14px}.panel-brand-logo{flex:0 0 auto;width:clamp(92px,12vw,132px);width:clamp(92px,12dvw,132px);height:auto;display:block;filter:drop-shadow(0 10px 16px rgba(0,0,0,.42))}.dock-header h1{margin:2px 0 0;font-size:clamp(30px,5vw,52px);font-size:clamp(30px,5dvw,52px);line-height:1;letter-spacing:0}.eyebrow{display:block;color:#8ad7c1;font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:0}.dock-create-btn{width:auto;min-width:150px;padding:14px 18px;font-size:15px}.dock-status{min-height:20px;color:#aab7c4}.dock-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;align-content:start;overflow:auto;padding:2px}.dock-summary{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.dock-summary span{min-width:0;display:flex;flex-direction:column;gap:3px;padding:10px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#ffffff0e}.dock-summary b,.dock-summary em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1}.dock-summary b{color:#fff;font-size:20px}.dock-summary em{color:#9fb0bf;font-size:10px;font-style:normal;font-weight:850;text-transform:uppercase}.dock-empty{grid-column:1 / -1;min-height:220px;display:grid;place-items:center;align-content:center;gap:8px;border:1px dashed rgba(255,255,255,.18);border-radius:8px;background:#ffffff0d;color:#aab7c4;text-align:center;padding:24px}.dock-empty strong{color:#fff;font-size:20px}.dock-empty-onboarding{grid-template-columns:minmax(0,.85fr) minmax(280px,1.15fr);align-items:center;align-content:start;justify-items:stretch;place-items:stretch;gap:18px;min-height:300px;text-align:left}.dock-empty-copy{display:flex;flex-direction:column;gap:10px}.dock-empty-copy strong{font-size:clamp(26px,5vw,44px);font-size:clamp(26px,5dvw,44px);line-height:.96;letter-spacing:0}.dock-empty-copy>span:last-child{max-width:34rem;color:var(--ink-2, #aab7c4);line-height:1.5}.dock-empty-previews{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.dock-empty-preview{position:relative;min-width:0;display:grid;gap:6px;padding:8px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#04080b80}.dock-empty-preview img{width:100%;aspect-ratio:1;object-fit:cover;image-rendering:pixelated;border-radius:6px;border:1px solid rgba(255,255,255,.1)}.dock-empty-preview .dock-empty-device-icon{position:absolute;left:13px;top:13px;width:28px;height:28px;aspect-ratio:1;image-rendering:pixelated;object-fit:contain;border-radius:6px;padding:4px;background:#04080b9e;border:1px solid rgba(255,255,255,.14);box-shadow:0 7px 14px #00000047}.dock-empty-preview b,.dock-empty-preview em{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dock-empty-preview b{color:var(--ink-1, #ffffff);font-size:12px}.dock-empty-preview em{color:var(--mint, #8ad7c1);font-size:10px;font-style:normal;font-weight:850}.dock-empty-stats{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.dock-empty-stats span{min-width:0;padding:10px;border-radius:8px;background:#ffffff12;border:1px solid rgba(255,255,255,.1)}.dock-empty-stats b,.dock-empty-stats em{display:block}.dock-empty-stats b{color:var(--ink-1, #ffffff);font-size:20px;line-height:1}.dock-empty-stats em{margin-top:4px;color:var(--ink-2, #aab7c4);font-size:10px;font-style:normal;font-weight:850;text-transform:uppercase}.dock-empty.error{color:#ffb4b4}.dock-pet-card{position:relative;min-height:132px;align-self:start;display:grid;grid-template-columns:82px minmax(0,1fr);gap:16px;align-items:center;text-align:left;border-radius:8px;border:1px solid rgba(255,255,255,.13);background:#ffffff12;color:#fff;padding:16px;cursor:pointer;overflow:hidden}.dock-pet-card:hover,.dock-pet-card.active{border-color:#8ad7c1a6;background:#8ad7c11f}.dock-pet-card:after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,#04080ae0,#04080a94 58%,#04080ad1),linear-gradient(180deg,#ffffff08,#00000070);pointer-events:none}.dock-pet-scene{position:absolute;inset:0;z-index:0;pointer-events:none}.dock-pet-scene img{width:100%;height:100%;display:block;object-fit:cover;opacity:.5;filter:saturate(.95) contrast(1.04);image-rendering:pixelated}.dock-pet-visual,.roster-sprite-frame{width:64px;height:64px;display:grid;place-items:center;overflow:hidden;border-radius:8px;background:#0000003d;border:1px solid rgba(255,255,255,.1)}.dock-pet-visual,.dock-pet-body{position:relative;z-index:1}.dock-pet-sprite,.dock-pet-sprite-canvas,.roster-sample-sprite,.roster-sample-sprite-canvas{height:64px;width:auto;max-width:none;image-rendering:pixelated;object-fit:contain;object-position:left top}.dock-pet-sprite-canvas{width:64px}.dock-pet-body,.dock-pet-topline,.dock-pet-stats{display:flex}.dock-pet-body{min-width:0;flex-direction:column;gap:7px}.dock-pet-topline{align-items:center;justify-content:space-between;gap:10px}.dock-pet-topline strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px}.dock-pet-topline em{flex:0 0 auto;font-style:normal;font-size:11px;color:#0f1720;background:#8ad7c1;border-radius:6px;padding:3px 6px;font-weight:800}.dock-pet-roster,.dock-pet-body>span:not(.dock-pet-topline):not(.dock-pet-stats){color:#aab7c4;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dock-pet-roster{display:inline-flex;align-items:center;gap:6px}.dock-roster-icon{flex:0 0 auto;width:18px;height:18px;image-rendering:pixelated;border-radius:4px;background:#00000047;border:1px solid rgba(255,255,255,.12)}.dock-pet-stats{flex-wrap:wrap;gap:6px}.dock-pet-stats b{font-size:11px;font-weight:800;color:#dbe7f3;border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:4px 6px;background:#0000002e}#roster-selection-screen .glass-container{max-width:1080px;max-height:min(860px,calc(100vh - 32px));max-height:min(860px,calc(100dvh - 32px));padding:clamp(18px,4vw,32px);padding:clamp(18px,4dvw,32px);background:#0b1019eb}.roster-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;max-height:min(650px,70vh);max-height:min(650px,70dvh)}.roster-card{position:relative;min-height:220px;display:grid;align-content:end;overflow:hidden;border-radius:8px;border:1px solid rgba(255,255,255,.13);background:#101923;cursor:pointer}.roster-card:hover{border-color:#8ad7c1b3}.roster-banner{position:absolute;inset:0;width:100%;height:100%;min-height:0;object-fit:cover;opacity:.42;filter:saturate(1.15)}.roster-device-icon{position:absolute;right:14px;top:14px;z-index:3;width:42px;height:42px;image-rendering:pixelated;border-radius:8px;padding:7px;background:#04080b9e;border:1px solid rgba(255,255,255,.16);box-shadow:0 12px 24px #00000052}.roster-banner:hover{transform:none}.roster-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#060a101a,#060a10e0);pointer-events:none}.roster-card-meta,.roster-sprite-strip{position:relative;z-index:1}.roster-card-meta{display:flex;flex-direction:column;gap:5px;padding:16px 16px 6px}.roster-card-kicker{color:#8ad7c1;font-size:11px;font-weight:800}.roster-card-meta strong{color:#f7fbff;font-size:19px;line-height:1.1}.roster-card-description{color:#c3cfda;font-size:13px;line-height:1.35}.roster-card-stats{display:flex;flex-wrap:wrap;gap:5px;margin-top:2px}.roster-card-stats b{min-height:22px;display:inline-flex;align-items:center;border-radius:6px;padding:3px 7px;color:#dcebe5;background:#ffffff1a;border:1px solid rgba(255,255,255,.12);font-size:10px;font-weight:900;line-height:1;text-transform:uppercase}.roster-card-stats b[data-tone=warn]{color:#ffe6a4;background:#f1c96b2e;border-color:#f1c96b73}.roster-sprite-strip{display:flex;gap:8px;padding:0 16px 16px}.roster-progression-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.roster-sprite-frame{width:38px;height:38px;background:#ffffff29}.roster-stage-frame{position:relative;width:auto;min-width:0;height:42px}.roster-sample-sprite,.roster-sample-sprite-canvas{height:38px;opacity:1}.roster-sample-sprite-canvas{width:38px}.roster-stage-label{position:absolute;left:3px;top:3px;max-width:calc(100% - 6px);overflow:hidden;color:#eff7fb;font-size:7px;font-weight:900;line-height:1;letter-spacing:0;text-shadow:0 1px 2px rgba(0,0,0,.9);pointer-events:none}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;background:transparent;height:40px}input[type=range]::-webkit-slider-runnable-track{width:100%;height:12px;background:#333;border-radius:6px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:32px;width:32px;background:#4f69ff;border-radius:50%;box-shadow:0 4px 12px #0006;margin-top:-10px}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.1)}#loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0a0a0a;z-index:3000;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;transition:opacity .5s ease-out,visibility .5s ease-out}#loading-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.loading-logo{width:min(280px,72vw);width:min(280px,72dvw);height:auto;display:block;filter:drop-shadow(0 14px 24px rgba(0,0,0,.55))}.loader{width:48px;height:48px;border:5px solid #333;border-bottom-color:var(--accent-color);border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}.loading-text{color:var(--text-secondary);font-family:var(--game-hud-font);font-weight:600;letter-spacing:0}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}html,body{width:100%;height:100%;margin:0;padding:0;overflow:hidden}body{display:flex;justify-content:center;align-items:center;min-height:100vh;min-height:100dvh}#app{position:fixed;top:var(--resource-topbar-height);left:0;width:100vw;width:100dvw;height:calc(100vh - var(--resource-topbar-height));height:calc(100dvh - var(--resource-topbar-height));display:flex;justify-content:center;align-items:center;overflow:hidden;z-index:50;pointer-events:none}.digivice{pointer-events:auto;margin:0;position:relative;flex-shrink:0;transform:translate3d(var(--digivice-camera-pan-x, 0px),var(--digivice-camera-pan-y, 0px),0) scale(var(--digivice-camera-zoom, 1));transform-origin:center center;transition:transform .32s cubic-bezier(.2,.8,.2,1);will-change:transform}body.mode-frame .digivice{cursor:grab}body.digivice-camera-grabbing,body.digivice-camera-grabbing .digivice{cursor:grabbing!important}body.digivice-camera-grabbing,body.digivice-camera-grabbing .digivice{transition:none}#hud-container,.utility-bar,.modern-modal{pointer-events:auto!important}input[type=range]{pointer-events:auto!important;-webkit-user-select:auto!important;user-select:auto!important;touch-action:pan-y!important;cursor:pointer}input[type=range]{touch-action:auto!important;position:relative;z-index:2002}.modern-modal{z-index:20000!important}#volume-slider{width:100%!important;height:40px!important;opacity:1!important;pointer-events:auto!important;cursor:grab!important;position:relative!important;z-index:20002!important;appearance:auto!important}.setting-item,.input-row,.modal-body{pointer-events:auto!important}.custom-slider{position:relative;width:100%;height:32px;cursor:pointer;display:flex;align-items:center;pointer-events:auto!important}.slider-track{width:100%;height:6px;background:#fff3;border-radius:3px;position:relative;overflow:visible}.slider-fill{height:100%;background:#4f69ff;width:25%;border-radius:3px;pointer-events:none}.slider-thumb{position:absolute;width:20px;height:20px;background:#fff;border-radius:50%;top:50%;left:25%;transform:translate(-50%,-50%);box-shadow:0 2px 6px #00000080;cursor:grab;pointer-events:none;transition:transform .1s}.custom-slider:active .slider-thumb{transform:translate(-50%,-50%) scale(1.2);cursor:grabbing}:root{--surface-0: rgba(6, 10, 13, .94);--surface-1: rgba(16, 24, 27, .92);--surface-2: rgba(255, 255, 255, .075);--line-soft: rgba(255, 255, 255, .14);--mint: #7ce0bd;--amber: #f1c96b;--coral: #f68f72;--violet: #a9a1ff;--ink-1: #f7fbf8;--ink-2: #afc0ba;--active-roster-accent: var(--mint);--active-roster-accent-2: var(--amber);--active-roster-contrast: #07110d;--active-roster-glow: rgba(124, 224, 189, .24);--active-roster-surface: rgba(124, 224, 189, .11)}.overlay-screen{background:linear-gradient(135deg,#05090cf7,#101c19f5 46%,#0e0c14f7),#070c0d}.app-shell-panel{background:linear-gradient(180deg,#162123f5,#080c0ffa),var(--surface-0);border:1px solid var(--line-soft);box-shadow:0 24px 76px #00000094}.auth-panel{width:min(440px,calc(100vw - 32px));width:min(440px,calc(100dvw - 32px));max-height:min(820px,calc(100vh - 32px));max-height:min(820px,calc(100dvh - 32px));overflow-x:hidden;overflow-y:auto;display:grid;gap:24px;padding:clamp(20px,5vw,34px);padding:clamp(20px,5dvw,34px)}.auth-brand{display:grid;grid-template-columns:128px minmax(0,1fr);gap:16px;align-items:center}.auth-brand-logo{width:128px;max-width:100%;height:auto;display:block;filter:drop-shadow(0 10px 16px rgba(0,0,0,.46))}.auth-brand h1,.dock-header h1,.roster-panel-header h1{margin:0;color:var(--ink-1);font-weight:850;letter-spacing:0}.auth-brand h1{font-size:clamp(30px,8vw,44px);font-size:clamp(30px,8dvw,44px);line-height:.98}.auth-showcase{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.auth-showcase-card{position:relative;min-height:108px;overflow:hidden;display:grid;align-content:end;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#0000003d;isolation:isolate}.auth-showcase-card[data-device-type=dmc]{--auth-showcase-accent: var(--amber)}.auth-showcase-card[data-device-type=penc]{--auth-showcase-accent: var(--mint)}.auth-showcase-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;image-rendering:pixelated;opacity:.72;filter:saturate(1.08) contrast(1.06);z-index:-2}.auth-showcase-device-icon{position:absolute;left:8px;top:8px;width:28px;height:28px;image-rendering:pixelated;border-radius:6px;padding:4px;background:#04080b94;border:1px solid rgba(255,255,255,.14);box-shadow:0 8px 18px #00000047}.auth-showcase-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#060a0c1a,#060a0cd1),linear-gradient(90deg,#060a0c8a,#060a0c14);z-index:-1}.auth-showcase-copy{min-width:0;display:grid;gap:2px;padding:10px 54px 10px 10px}.auth-showcase-copy b{color:var(--ink-1);font-size:12px;font-weight:900;line-height:1.05;overflow-wrap:anywhere}.auth-showcase-copy em{color:var(--auth-showcase-accent, var(--mint));font-size:10px;font-style:normal;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-showcase-sprite-canvas{position:absolute;right:7px;bottom:7px;width:42px;height:42px;image-rendering:pixelated;border-radius:7px;background:#00000038;border:1px solid rgba(255,255,255,.12)}.auth-form{gap:12px}.auth-form input{min-height:52px;background:#ffffff13;border-color:#ffffff29;color:var(--ink-1)}.auth-form input:focus{border-color:var(--active-roster-accent, var(--mint));box-shadow:0 0 0 3px var(--active-roster-glow, rgba(124, 224, 189, .18))}.primary-btn{background:linear-gradient(135deg,var(--active-roster-accent, #2f8f7a),var(--active-roster-accent-2, #37a78f));color:var(--active-roster-contrast, #07110d)}.primary-btn:hover{background:linear-gradient(135deg,var(--active-roster-accent-2, #37a78f),var(--active-roster-accent, #2f8f7a))}.secondary-btn{background:#ffffff12;color:var(--ink-1)}.auth-actions .primary-btn,.auth-actions .secondary-btn{min-height:52px;padding:12px 14px;font-size:16px}.form-error{color:#ffb199;font-size:14px}.dock-panel,.roster-panel{width:min(1120px,calc(100vw - 28px));width:min(1120px,calc(100dvw - 28px));max-height:min(840px,calc(100vh - 28px));max-height:min(840px,calc(100dvh - 28px));padding:clamp(18px,4vw,36px);padding:clamp(18px,4dvw,36px)}.dock-panel{grid-template-rows:auto auto minmax(0,1fr)}.roster-panel{display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:18px}.roster-selection-layout{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,360px);gap:16px;overflow:hidden}.roster-panel-header{display:flex;align-items:end;justify-content:space-between;gap:16px}.roster-back-btn{width:auto;min-width:132px;min-height:44px;padding:11px 14px;font-size:14px}.dock-header h1,.roster-panel-header h1{font-size:clamp(32px,6vw,56px);font-size:clamp(32px,6dvw,56px);line-height:.96}.dock-status,.dock-pet-body>span:not(.dock-pet-topline):not(.dock-pet-stats),.roster-card-description{color:var(--ink-2)}.dock-list,.roster-list{scrollbar-color:rgba(124,224,189,.45) transparent}.roster-detail-panel{position:relative;min-height:420px;overflow:hidden;display:grid;align-content:stretch;border-radius:8px;border:1px solid rgba(255,255,255,.13);background:#060a0cc7;isolation:isolate}.roster-detail-panel[data-device-type=dmc]{--roster-accent: var(--amber)}.roster-detail-panel[data-device-type=penc]{--roster-accent: var(--mint)}.roster-detail-panel[hidden]{display:none}.roster-detail-bg,.roster-detail-shade{position:absolute;inset:0;pointer-events:none}.roster-detail-bg{width:100%;height:100%;object-fit:cover;image-rendering:pixelated;opacity:.58;filter:saturate(1.14) contrast(1.08);z-index:-2}.roster-detail-shade{background:linear-gradient(180deg,#060a0c1f,#060a0ceb),linear-gradient(90deg,#060a0cb8,#060a0c38);z-index:-1}.roster-detail-head,.roster-detail-body{position:relative;z-index:1}.roster-detail-head{min-height:112px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px}.roster-detail-head span{min-width:0;display:grid;gap:4px}.roster-detail-head em{color:var(--roster-accent, var(--mint));font-size:11px;font-style:normal;font-weight:900}.roster-detail-head strong{color:var(--ink-1);font-size:clamp(24px,4vw,34px);font-size:clamp(24px,4dvw,34px);line-height:.98;overflow-wrap:anywhere}.roster-detail-icon{flex:0 0 auto;width:54px;height:54px;image-rendering:pixelated;border-radius:8px;padding:8px;background:#04080b9e;border:1px solid rgba(255,255,255,.16)}.roster-detail-body{align-self:end;display:grid;gap:12px;padding:0 18px 18px}.roster-detail-body p{margin:0;color:var(--ink-2);font-size:14px;line-height:1.35}.roster-detail-stats,.roster-detail-scenes,.roster-detail-lineup,.roster-detail-areas{display:grid;gap:8px}.roster-detail-stats{grid-template-columns:repeat(auto-fit,minmax(74px,1fr))}.roster-detail-stats span,.roster-detail-scenes span,.roster-detail-areas span{min-width:0;border-radius:8px;border:1px solid rgba(255,255,255,.13);background:#0000003d}.roster-detail-stats span{display:grid;gap:2px;padding:8px}.roster-detail-stats b{color:var(--ink-1);font-size:13px;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roster-detail-stats em{color:var(--ink-2);font-size:9px;font-style:normal;font-weight:900;text-transform:uppercase}.roster-asset-note{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px;border-radius:8px;color:#ffe6a4;background:#f1c96b24;border:1px solid rgba(241,201,107,.36)}.roster-asset-note b,.roster-asset-note span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1}.roster-asset-note b{color:#fff6c8;font-size:11px;font-weight:900;text-transform:uppercase}.roster-asset-note span{font-size:10px;font-weight:800}.roster-detail-scenes{grid-template-columns:repeat(3,minmax(0,1fr))}.roster-detail-scenes span{position:relative;min-height:54px;overflow:hidden;display:grid;align-items:end;padding:8px;isolation:isolate}.roster-detail-scenes span:before{content:"";position:absolute;inset:0;background-image:var(--scene-preview);background-size:cover;background-position:center;image-rendering:pixelated;opacity:.72;z-index:-2}.roster-detail-scenes span:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.72));z-index:-1}.roster-detail-scenes b,.roster-detail-areas span{color:var(--ink-1);font-size:10px;font-weight:900;line-height:1;text-transform:uppercase}.roster-detail-lineup{grid-template-columns:repeat(6,minmax(0,1fr))}.roster-detail-stage{position:relative;min-width:0;height:54px;display:grid;place-items:center;overflow:hidden;border-radius:8px;border:1px solid color-mix(in srgb,var(--roster-accent, var(--mint)) 34%,rgba(255,255,255,.14));background:linear-gradient(180deg,#ffffff21,#0000003d),#00000042}.roster-detail-sprite-canvas{width:48px;height:48px;image-rendering:pixelated}.roster-detail-stage em{position:absolute;left:4px;top:4px;max-width:calc(100% - 8px);overflow:hidden;color:var(--ink-1);font-size:8px;font-style:normal;font-weight:900;line-height:1;letter-spacing:0;text-shadow:0 1px 2px rgba(0,0,0,.9)}.roster-detail-areas{grid-template-columns:repeat(2,minmax(0,1fr))}.roster-detail-areas span{padding:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roster-hatch-btn{min-height:48px;padding:12px 14px;font-size:16px}.roster-detail-empty{display:grid;place-items:center;min-height:240px;color:var(--ink-2)}.roster-filter{display:inline-grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:min(420px,100%);padding:6px;border-radius:8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12)}.roster-filter button{min-width:0;min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:7px;background:transparent;color:var(--ink-2);font-size:12px;font-weight:900;letter-spacing:0}.roster-filter button.active{color:var(--active-roster-contrast, #07110d);background:var(--active-roster-accent, var(--mint));border-color:var(--active-roster-glow, rgba(124, 224, 189, .84))}.roster-filter button:focus-visible{outline:2px solid var(--active-roster-accent, var(--mint));outline-offset:2px}.roster-filter button b{min-width:22px;min-height:20px;display:inline-grid;place-items:center;border-radius:999px;padding:2px 6px;background:#ffffff1a;color:inherit;font-size:11px}.roster-filter button.active b{background:#00000021}.dock-empty{background:linear-gradient(135deg,var(--active-roster-surface, rgba(124, 224, 189, .08)),rgba(246,143,114,.07)),#ffffff0b;border-color:var(--active-roster-glow, rgba(124, 224, 189, .24))}.dock-pet-card{background:linear-gradient(135deg,#ffffff17,#ffffff0b),#070a0dc2;border-color:#ffffff21}.dock-pet-card:hover,.dock-pet-card.active{background:linear-gradient(135deg,var(--active-roster-surface, rgba(124, 224, 189, .14)),rgba(241,201,107,.09)),#070a0dd1;border-color:var(--active-roster-glow, rgba(124, 224, 189, .34))}.dock-pet-visual,.roster-sprite-frame{background:linear-gradient(180deg,#ffffff24,#00000038),#0000003d}.roster-list{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;max-height:none;overflow:auto;padding:2px}.roster-card{min-height:244px;aspect-ratio:4 / 3;background:#0b1214;isolation:isolate}.roster-card[data-device-type=dmc]{--roster-accent: var(--amber)}.roster-card[data-device-type=penc]{--roster-accent: var(--mint)}.roster-card:hover{border-color:color-mix(in srgb,var(--roster-accent, var(--mint)) 74%,white)}.roster-card.active{border-color:color-mix(in srgb,var(--roster-accent, var(--mint)) 78%,white);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--roster-accent, var(--mint)) 44%,transparent),0 18px 38px #00000047}.roster-banner{opacity:.56;filter:saturate(1.16) contrast(1.08)}.roster-card:after{background:linear-gradient(180deg,#060a0c0a,#060a0ce6),linear-gradient(90deg,#060a0c9e,#060a0c1f 64%)}.roster-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--roster-accent, var(--mint));z-index:2}.roster-card-kicker{color:var(--roster-accent, var(--mint))}.roster-card-meta strong{max-width:100%;overflow-wrap:anywhere}.roster-sprite-strip{flex-wrap:wrap}.roster-progression-strip{grid-template-columns:repeat(6,minmax(28px,1fr))}.roster-stage-frame{border-color:color-mix(in srgb,var(--roster-accent, var(--mint)) 32%,rgba(255,255,255,.14))}.utility-bar{gap:8px;padding:8px;border-radius:8px;background:linear-gradient(180deg,#ffffff12,#ffffff06),#05090cc2;border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 28px #00000052}.game-corner-logo{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));z-index:80;width:clamp(164px,18vw,260px);width:clamp(164px,18dvw,260px);height:auto;display:block;opacity:.82;pointer-events:none;filter:drop-shadow(0 10px 16px rgba(0,0,0,.58));image-rendering:auto}.utility-bar{display:none}.utility-bar button{position:relative;display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:radial-gradient(circle at 50% 36%,rgba(255,255,255,.18),transparent 46%),#ffffff14;color:var(--ink-1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;font-size:16px;overflow:hidden;transition:background .2s,border-color .2s,transform .2s}.utility-bar button:hover{background:var(--active-roster-surface, rgba(124, 224, 189, .18));border-color:var(--active-roster-glow, rgba(124, 224, 189, .34));transform:translateY(-2px)}.utility-bar button:focus-visible{outline:2px solid var(--active-roster-accent, var(--mint));outline-offset:2px}.utility-icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.utility-icon.pixel-icon{width:28px;height:28px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 3px 2px rgba(0,0,0,.45));transition:transform .18s ease,filter .18s ease}.utility-bar button:hover .pixel-icon,.utility-bar button:focus-visible .pixel-icon{transform:translateY(-1px) scale(1.08);filter:drop-shadow(0 4px 4px rgba(0,0,0,.5)) saturate(1.18)}.utility-bar button:after{content:attr(data-tooltip);position:absolute;right:calc(100% + 8px);top:50%;transform:translateY(-50%);pointer-events:none;opacity:0;white-space:nowrap;color:var(--ink-1);background:#070a0deb;border:1px solid rgba(255,255,255,.14);border-radius:6px;padding:6px 8px;font-size:12px;font-weight:700;transition:opacity .15s ease}.utility-bar button:hover:after{opacity:1}.pip-float-control{position:absolute;top:20%;left:calc(80% + clamp(4px,.8vmin,8px));z-index:6;width:clamp(30px,6vmin,42px);height:clamp(30px,6vmin,42px);pointer-events:auto}.pip-float-button{width:100%;height:100%;display:grid;place-items:center;padding:0;border:0;background:transparent;cursor:pointer;opacity:0;pointer-events:none;transform:translate(-4px);transition:opacity .14s ease,transform .14s ease}.pip-float-control:hover .pip-float-button,.pip-float-control:focus-within .pip-float-button{opacity:1;pointer-events:auto;transform:translate(0)}.pip-float-button:focus-visible{outline:none}.pip-float-button .pixel-icon{width:clamp(20px,4vmin,28px);height:clamp(20px,4vmin,28px);object-fit:contain;image-rendering:pixelated}body.frameless .pip-float-control{top:0;left:calc(100% + 8px);width:42px;height:42px}body.sod-pip-window .pip-float-control{display:none!important}@media(max-width:760px){.overlay-screen{padding:10px}.auth-panel{align-self:center;max-height:calc(100vh - 20px);max-height:calc(100dvh - 20px)}.auth-brand{grid-template-columns:104px minmax(0,1fr)}.auth-brand-logo{width:104px}.auth-showcase{gap:8px}.auth-showcase-card{min-height:92px}.auth-showcase-copy{padding:8px 48px 8px 8px}.auth-showcase-sprite-canvas{width:38px;height:38px}.auth-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-actions .primary-btn,.auth-actions .secondary-btn{min-width:0;white-space:normal;line-height:1.15}.dock-panel,.roster-panel{width:calc(100vw - 20px);width:calc(100dvw - 20px);max-height:calc(100vh - 20px);max-height:calc(100dvh - 20px);padding:16px}.dock-header{align-items:stretch;flex-direction:column}.roster-panel-header{align-items:stretch;flex-direction:column;gap:12px}.panel-title-lockup{gap:10px}.panel-brand-logo{width:92px}.dock-create-btn,.roster-back-btn{width:100%}.dock-list,.roster-list{grid-template-columns:1fr}.roster-selection-layout .roster-list{order:1;flex:0 0 auto;max-height:none;overflow:visible;padding:0 2px 18px 0}.roster-list:before{content:"Device roster";color:var(--ink-2);font-size:11px;font-weight:900;letter-spacing:0;text-transform:uppercase}.roster-selection-layout{display:flex;flex-direction:column;align-items:start;align-content:start;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding-right:2px;scroll-padding-bottom:18px}.roster-detail-panel{order:0;flex:0 0 auto;align-self:start;width:100%;min-height:0}.roster-detail-head{min-height:88px;padding:14px}.roster-detail-body{gap:9px;padding:0 14px 14px}.roster-detail-body p{font-size:13px;line-height:1.3}.roster-detail-stats,.roster-detail-scenes,.roster-detail-lineup,.roster-detail-areas{gap:7px}.roster-detail-scenes span{min-height:46px;padding:7px}.roster-detail-stage{height:48px}.roster-detail-sprite-canvas{width:42px;height:42px}.roster-detail-areas span{padding:7px}.roster-filter{width:100%}.roster-filter button{min-height:42px}.dock-empty-onboarding{grid-template-columns:1fr;align-content:start;gap:12px;min-height:0;padding:18px;text-align:left}.dock-empty-copy{gap:8px}.dock-empty-copy strong{font-size:26px}.dock-empty-previews{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dock-empty-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.dock-empty-preview,.dock-empty-stats span{padding:8px}.dock-empty-stats b{font-size:18px}.dock-empty-stats em{font-size:8px}.dock-pet-card{grid-template-columns:62px minmax(0,1fr);min-height:116px}.dock-pet-visual{width:56px;height:56px}.dock-pet-sprite,.dock-pet-sprite-canvas{height:56px}.dock-pet-sprite-canvas{width:56px}.roster-card{min-height:214px;aspect-ratio:auto}.roster-progression-strip{grid-template-columns:repeat(6,minmax(26px,1fr));gap:5px;padding:0 14px 14px}.roster-stage-frame{height:38px}.roster-stage-frame .roster-sample-sprite-canvas{width:34px;height:34px}}.cloud-modal{width:min(560px,100vw);width:min(560px,100dvw);max-width:100vw;max-width:100dvw;height:100vh;height:100dvh}.cloud-modal .modal-body{min-height:0;overflow-y:auto;padding-right:2px}.cloud-modal .modal-body h4{color:var(--mint);font-size:12px;font-weight:850}.storage-toolbar{margin-bottom:0}.storage-roster-filter{display:none;width:100%;margin:4px 0 10px}.storage-toolbar .primary-btn,#btn-publish-defender{min-height:46px;padding:12px 14px;font-size:14px}.cloud-list{gap:10px}.cloud-list[hidden]{display:none!important}.storage-roster-picker{flex-direction:row;flex-wrap:wrap;gap:10px;max-height:280px;overflow:auto;padding-bottom:6px}.storage-roster-preview{min-height:370px;margin:0 0 12px}.storage-roster-preview .roster-detail-head{min-height:78px;padding:14px}.storage-roster-preview .roster-detail-head strong{font-size:24px}.storage-roster-preview .roster-detail-body{gap:10px;padding:0 14px 14px}.storage-roster-preview .roster-detail-scenes{display:none}.storage-roster-preview .roster-detail-areas{grid-template-columns:repeat(2,minmax(0,1fr))}.storage-roster-preview .roster-hatch-btn{min-height:42px;padding:10px 12px;font-size:15px}.storage-roster-picker .cloud-card{flex:1 1 220px}#pc-modal[data-mode=hatch] .modal-body{scroll-padding-bottom:18px}#pc-modal[data-mode=hatch] .storage-roster-picker{max-height:none;overflow:visible}.storage-roster-picker .cloud-roster-card{grid-template-columns:minmax(0,1fr);align-items:stretch}.storage-roster-picker .cloud-roster-card .cloud-actions{display:grid;grid-template-columns:minmax(0,1fr);justify-content:stretch}.storage-roster-picker .cloud-roster-card .cloud-actions button{width:100%}.storage-roster-picker .cloud-roster-card .cloud-card-copy strong{overflow:visible;text-overflow:clip;white-space:normal;line-height:1.12}.cloud-row.cloud-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;border-color:#ffffff21;background:linear-gradient(135deg,#ffffff16,#ffffff0a),#060a0db8;box-shadow:inset 0 1px #ffffff0f;overflow:hidden;isolation:isolate}.cloud-row.cloud-card.active{border-color:#7ce0bd8f;background:linear-gradient(135deg,#7ce0bd26,#f1c96b14),#060a0dd1}.cloud-row.cloud-empty,.cloud-empty-state{min-height:104px;justify-content:center;text-align:center;border-style:dashed;border-color:#7ce0bd38;background:#ffffff0b}.cloud-empty-state span{width:42px;height:42px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(135deg,#7ce0bd29,#7697ff1c),#ffffff0e}.cloud-empty-state strong{color:var(--ink-1);font-size:14px}.cloud-card-main{position:relative;z-index:1;min-width:0;display:grid;grid-template-columns:58px minmax(0,1fr);gap:12px;align-items:center}.cloud-card-copy{min-width:0;display:flex;flex-direction:column;gap:7px}.cloud-card-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-1);font-size:16px}.cloud-card-titleline{min-width:0;display:flex;align-items:center;gap:7px}.cloud-card-titleline strong{min-width:0;flex:1 1 auto}.player-profile-badge{min-width:0;display:inline-flex;align-items:center;gap:7px;color:var(--ink-2);font-size:11px;font-weight:900}.player-profile-badge em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:normal}.player-avatar{flex:0 0 auto;width:28px;height:28px;display:grid;place-items:center;border-radius:8px;color:#07110d;background:var(--mint);border:1px solid rgba(255,255,255,.22);font-size:11px;font-weight:950;box-shadow:0 4px 10px #00000047}.player-avatar.has-image{overflow:hidden;background:#ffffff14}.player-avatar img{width:100%;height:100%;display:block;object-fit:cover}.profile-search-panel{display:grid;gap:9px;padding:12px;border-radius:8px;border:1px solid rgba(255,255,255,.13);background:#060a0db8}.profile-search-panel label{color:var(--ink-2);font-size:11px;font-weight:950;text-transform:uppercase}.app-search-field{min-height:42px;display:flex;align-items:center;gap:10px;border:1px solid #cdd1d7;border-radius:3px;padding:0 12px;background:#fff}.app-search-field:focus-within{border-color:#3daee9}.app-search-icon{position:relative;flex:0 0 14px;width:14px;height:14px;color:#707d8a}.app-search-icon:before{content:"";position:absolute;left:1px;top:1px;width:6px;height:6px;border:2px solid currentColor}.app-search-icon:after{content:"";position:absolute;left:9px;top:9px;width:3px;height:2px;background:currentColor;box-shadow:2px 2px 0 currentColor}.app-search-field:focus-within .app-search-icon{color:#3daee9}.app-search-field input{width:100%;min-width:0;min-height:40px;padding:0;border:0;color:#232629;background:transparent;outline:none;text-transform:uppercase}.app-search-field input::placeholder{color:#707d8a;opacity:1}.profile-search-results{max-height:300px}.profile-search-card{grid-template-columns:minmax(0,1fr) auto}#battle-invite-panel .profile-search-results{max-height:min(42dvh,360px);overflow:auto}#battle-invite-panel .profile-search-card,.battle-invitation-card{grid-template-columns:minmax(0,1fr)}#battle-invite-panel .profile-search-card .cloud-actions,.battle-invitation-card .cloud-actions{justify-content:stretch}#battle-invite-panel .profile-search-card .cloud-actions button,.battle-invitation-card .cloud-actions button{flex:1 1 118px}.profile-search-main{grid-template-columns:50px minmax(0,1fr)}.profile-search-main .cloud-visual,.profile-search-main .player-avatar,.profile-search-main .cloud-thumb-canvas{width:50px;height:50px}.cloud-digimon-placeholder{position:relative;display:grid;place-items:center;background:linear-gradient(180deg,#ffffff29,#ffffff0a),#080d11b8;border:1px solid rgba(255,255,255,.15);border-radius:8px}.cloud-digimon-placeholder:before{content:"";width:24px;height:28px;background:var(--ink-2);clip-path:polygon(28% 12%,72% 12%,86% 36%,78% 70%,62% 70%,62% 88%,42% 88%,42% 70%,22% 70%,14% 36%);image-rendering:pixelated}.cloud-device-icon{flex:0 0 auto;width:22px;height:22px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 2px 2px rgba(0,0,0,.48))}.cloud-card-roster-mark{position:absolute;z-index:0;top:50%;right:12px;width:74px;height:74px;transform:translateY(-50%);pointer-events:none;opacity:.16}.cloud-card-roster-mark img{width:100%;height:100%;display:block;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 8px 10px rgba(0,0,0,.62))}.cloud-card-scene{position:absolute;inset:0;z-index:0;pointer-events:none}.cloud-card-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#05080ae0,#05080aa8 62%,#05080aeb),linear-gradient(180deg,#ffffff08,#00000094)}.cloud-card-scene img{width:100%;height:100%;display:block;object-fit:cover;image-rendering:pixelated;opacity:.46;filter:saturate(1.08) contrast(1.08)}.cloud-meta{display:flex;flex-wrap:wrap;gap:5px}.cloud-chip{display:inline-flex;align-items:center;min-height:22px;border-radius:6px;padding:3px 7px;background:#ffffff14;border:1px solid rgba(255,255,255,.11);color:#d8e5df;font-style:normal;font-size:11px;font-weight:800}.cloud-chip.active,.cloud-chip.win{color:#07110d;background:var(--mint);border-color:#7ce0bdcc}.cloud-chip.jogress{color:#1c1203;background:var(--amber);border-color:#f1c96bd1}.cloud-chip.loss{color:#fff0eb;background:#f68f7240;border-color:#f68f726b}.cloud-visual,.cloud-roster-visual{width:58px;height:58px;display:grid;place-items:center;overflow:hidden;border-radius:8px;background:linear-gradient(180deg,#ffffff24,#00000038),#00000040;border:1px solid rgba(255,255,255,.12)}.cloud-thumb,.cloud-thumb-canvas{width:auto;height:58px;max-width:none;object-fit:contain;object-position:left top;image-rendering:pixelated}.cloud-thumb-canvas{width:58px}.cloud-roster-visual img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated;filter:saturate(1.1) contrast(1.06)}.cloud-roster-icon-visual img{width:46px;height:46px;object-fit:contain;filter:drop-shadow(0 5px 7px rgba(0,0,0,.58))}.cloud-actions{position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.cloud-actions button{min-height:34px;border-radius:8px;padding:8px 10px;font-size:12px;font-weight:850}.cloud-actions button:not(:disabled):hover{background:#7ce0bd2e;border-color:#7ce0bd5c}.cloud-actions .danger-action:not(:disabled):hover{background:#f68f722e;border-color:#f68f726b}.cloud-status{min-height:18px;color:var(--ink-2)}#battle-hub-modal #btn-publish-defender{min-height:48px;padding:12px 14px;font-size:16px}#battle-hub-modal .cloud-status{min-height:0}.battle-mode-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.battle-mode-tabs button{min-height:42px;border:1px solid rgba(255,255,255,.14);border-radius:8px;color:var(--ink-2);background:#ffffff12;font:inherit;font-size:13px;font-weight:900;cursor:pointer}.battle-mode-tabs button.active{color:var(--active-roster-contrast, #07110d);background:var(--active-roster-accent, var(--mint));border-color:transparent}.battle-mode-panel{display:grid;gap:12px}.battle-mode-panel[hidden]{display:none!important}.battle-invitation-card .cloud-actions{grid-template-columns:1fr}.battle-invite-popouts{position:fixed;right:18px;bottom:18px;z-index:1200;width:min(360px,calc(100vw - 24px));width:min(360px,calc(100dvw - 24px));display:grid;gap:10px;pointer-events:none}.battle-invite-popouts[hidden]{display:none}.battle-invite-popout-card{pointer-events:auto;display:grid;gap:8px;padding:12px;border-radius:8px;border:1px solid rgba(124,224,189,.42);background:linear-gradient(135deg,#7ce0bd24,#7697ff1f),#060a0df0;box-shadow:0 18px 44px #0000006b}.battle-invite-popout-kicker{color:var(--mint);font-size:11px;font-weight:950;letter-spacing:0;text-transform:uppercase}.battle-invite-popout-card .cloud-card-main{grid-template-columns:50px minmax(0,1fr)}.battle-invite-popout-card .cloud-actions{justify-content:stretch}.battle-invite-popout-card .cloud-actions button{flex:1 1 120px}.battle-active-card{position:relative;display:flex;gap:12px;align-items:center;min-height:78px;margin-bottom:10px;padding:12px;border:1px solid rgba(124,224,189,.24);border-radius:8px;background:linear-gradient(135deg,#7ce0bd21,#7697ff14),#060a0dc7;overflow:hidden}.battle-active-card:after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,#05080ae0,#05080a94 60%,#05080acc),linear-gradient(180deg,#ffffff0a,#00000080);pointer-events:none}.battle-active-scene{position:absolute;inset:0;z-index:0;pointer-events:none}.battle-active-scene img{width:100%;height:100%;display:block;object-fit:cover;opacity:.52;filter:saturate(1.02) contrast(1.04);image-rendering:pixelated}.battle-active-main{position:relative;z-index:1;flex:1 1 auto;display:grid;grid-template-columns:58px minmax(0,1fr);gap:12px;align-items:center;min-width:0}.ranked-hero-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.86fr);align-items:stretch}.ranked-hero-main,.ranked-next-target{position:relative;z-index:1;min-width:0;display:grid;grid-template-columns:58px minmax(0,1fr);gap:12px;align-items:center}.ranked-next-target{padding-left:12px;border-left:1px solid rgba(255,255,255,.12)}.ranked-kicker{color:var(--active-roster-accent, var(--mint));font-size:10px;font-weight:950;text-transform:uppercase}.ranked-actions{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1fr);gap:8px}.ranked-actions button{min-height:48px;padding:12px 14px;font-size:15px;font-weight:900}.battle-hub-counters{position:relative;z-index:1;flex:0 0 auto;display:flex;flex-wrap:wrap;gap:8px}.battle-hub-counters span{min-width:64px;border-radius:8px;padding:8px;text-align:center;background:#ffffff14;border:1px solid rgba(255,255,255,.11)}.battle-hub-counters strong,.battle-hub-counters em{display:block}.battle-hub-counters strong{color:var(--ink-1);font-size:18px;line-height:1}.battle-hub-counters em{margin-top:4px;color:var(--ink-2);font-size:10px;font-style:normal;font-weight:850}.battle-result-spotlight{display:grid;gap:10px;margin:10px 0 12px;padding:12px;border:1px solid var(--active-roster-glow, rgba(124, 224, 189, .28));border-radius:8px;background:linear-gradient(135deg,var(--active-roster-surface, rgba(124, 224, 189, .12)),rgba(241,201,107,.08)),#060a0dc7;box-shadow:inset 0 1px #ffffff12}.battle-result-spotlight[hidden]{display:none}.battle-preview-panel{display:grid;gap:10px;margin:10px 0 12px;padding:12px;border:1px solid rgba(255,255,255,.13);border-radius:8px;background:linear-gradient(135deg,#ffffff14,#ffffff09),#060a0dc7;box-shadow:inset 0 1px #ffffff0f}.battle-preview-empty{min-height:96px;display:grid;align-content:center;gap:6px;text-align:center;color:var(--ink-2)}.battle-preview-empty strong{color:var(--ink-1)}.battle-preview-versus{display:grid;grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr);gap:10px;align-items:stretch}.battle-preview-side{position:relative;min-width:0;min-height:152px;overflow:hidden;display:grid;align-content:end;justify-items:start;gap:7px;border-radius:8px;border:1px solid rgba(255,255,255,.13);padding:12px;background:#0000003d;isolation:isolate}.battle-preview-side.defender{justify-items:end;text-align:right}.battle-preview-scene{position:absolute;inset:0;z-index:-2}.battle-preview-scene img{width:100%;height:100%;display:block;object-fit:cover;image-rendering:pixelated;opacity:.52;filter:saturate(1.08) contrast(1.05)}.battle-preview-side:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#060a0c0f,#060a0cdb),linear-gradient(90deg,#060a0cb8,#060a0c29)}.battle-preview-side.defender:after{background:linear-gradient(180deg,#060a0c0f,#060a0cdb),linear-gradient(270deg,#060a0cb8,#060a0c29)}.battle-preview-label{color:var(--active-roster-accent, var(--mint));font-size:10px;font-weight:950;text-transform:uppercase}.battle-preview-side .cloud-visual,.battle-preview-side .cloud-thumb-canvas{width:64px;height:64px}.battle-preview-side strong{max-width:100%;overflow:hidden;color:var(--ink-1);font-size:18px;line-height:1.05;text-overflow:ellipsis;white-space:nowrap}.battle-preview-side .cloud-meta{justify-content:inherit}.battle-preview-vs{align-self:center;min-height:42px;display:grid;place-items:center;border-radius:8px;color:var(--ink-1);background:linear-gradient(135deg,var(--active-roster-surface, rgba(124, 224, 189, .16)),rgba(241,201,107,.1)),#ffffff0f;border:1px solid rgba(255,255,255,.13);font-size:12px;font-weight:950}.battle-preview-meta{display:flex;flex-wrap:wrap;gap:6px}.battle-confirm-btn{min-height:48px;padding:12px 14px;font-size:16px}.battle-spotlight-kicker{color:var(--active-roster-accent, var(--mint));font-size:11px;font-weight:950;text-transform:uppercase}.battle-spotlight-main{display:grid;grid-template-columns:58px minmax(86px,1fr) 58px;align-items:center;gap:10px}.battle-spotlight-score{display:grid;place-items:center;min-width:0;min-height:52px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#ffffff14;text-align:center}.battle-spotlight-score.win{border-color:#7ce0bd5c;background:#7ce0bd26}.battle-spotlight-score.loss{border-color:#f68f725c;background:#f68f7226}.battle-spotlight-score strong{color:var(--ink-1);font-size:22px;line-height:1}.battle-spotlight-score span{max-width:100%;color:var(--ink-2);font-size:10px;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.battle-result-line{display:grid;grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr);gap:10px;align-items:center;min-width:0}.battle-ranking-card{grid-template-columns:42px minmax(0,1fr) auto}.battle-ranking-rank{position:relative;z-index:1;display:grid;place-items:center;min-height:42px;border-radius:8px;color:var(--ink-1);background:#ffffff14;border:1px solid rgba(255,255,255,.12);font-size:13px;font-weight:950}.battle-ranking-rank.me{color:#07110d;background:var(--mint);border-color:#7ce0bdc7}.ranked-ladder-card.ranked-next{border-color:#f1c96b75;background:linear-gradient(135deg,#f1c96b24,#7697ff14),#060a0dcc}.battle-ranking-main{grid-template-columns:50px minmax(0,1fr)}.battle-ranking-main .cloud-visual,.battle-ranking-main .player-avatar,.battle-ranking-main .cloud-thumb-canvas{width:50px;height:50px}.battle-result-side{display:grid;grid-template-columns:46px minmax(0,1fr);gap:8px;align-items:center;min-width:0;opacity:.72}.battle-result-side.defender{grid-template-columns:minmax(0,1fr) 46px;text-align:right}.battle-result-side.defender .cloud-visual{order:2}.battle-result-side.winner{opacity:1}.battle-result-side .cloud-visual,.battle-result-side .cloud-thumb-canvas{width:46px;height:46px}.battle-result-side strong,.battle-result-side em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.battle-result-side strong{color:var(--ink-1);font-size:13px;font-weight:900}.battle-result-side em{color:var(--ink-2);font-size:10px;font-style:normal;font-weight:800}.battle-score{display:grid;place-items:center;min-height:44px;border-radius:8px;background:#ffffff14;border:1px solid rgba(255,255,255,.12)}.battle-score.win{background:#7ce0bd24;border-color:#7ce0bd57}.battle-score.loss{background:#f68f7224;border-color:#f68f7257}.battle-score strong{color:var(--ink-1);font-size:16px;line-height:1}.battle-score span{color:var(--ink-2);font-size:10px;font-weight:900}@media(max-width:760px){.cloud-modal{inset:auto 0 0;width:100vw;width:100dvw;height:min(88vh,740px);height:min(88dvh,740px);border-left:none;border-top:1px solid rgba(255,255,255,.15);border-radius:8px 8px 0 0;padding:18px;transform:translateY(100%)}#pc-modal.cloud-modal{height:100vh;height:100dvh}#battle-hub-modal.cloud-modal{height:min(96vh,820px);height:min(96dvh,820px)}#battle-hub-modal .modal-body{gap:12px}.cloud-modal.open{transform:translateY(0)}.cloud-modal .modal-header h3{font-size:24px}.cloud-row.cloud-card{grid-template-columns:1fr;align-items:stretch}.cloud-card-main{grid-template-columns:56px minmax(0,1fr)}.cloud-visual,.cloud-roster-visual{width:56px;height:56px}.cloud-thumb,.cloud-thumb-canvas{height:56px}.cloud-thumb-canvas{width:56px}.cloud-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.cloud-actions button{width:100%;min-height:42px}.storage-roster-picker .cloud-card{flex:0 0 auto;min-height:86px}.storage-roster-picker{flex-direction:column;flex-wrap:nowrap;overflow-x:hidden;max-height:300px}#pc-modal[data-mode=hatch] .storage-roster-preview{min-height:270px}#pc-modal[data-mode=hatch] .storage-roster-picker:before{content:"Device roster";color:var(--ink-2);font-size:11px;font-weight:900;letter-spacing:0;text-transform:uppercase}.battle-active-card{order:0;align-items:stretch;flex-direction:column;min-height:136px}#battle-hub-modal #btn-publish-defender{order:1}#battle-publish-status{order:2}#battle-result-spotlight{order:3}.battle-preview-panel{order:4;margin:8px 0 10px;padding:10px}#battle-opponents-heading{order:7}#battle-opponents{order:8}#battle-history-heading{order:9}#battle-history{order:10}#battle-ranking-heading{order:5}#battle-ranking{order:6}.battle-hub-counters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.ranked-hero-card,.ranked-actions{grid-template-columns:1fr}.ranked-next-target{padding-top:12px;padding-left:0;border-top:1px solid rgba(255,255,255,.12);border-left:none}.battle-ranking-card{grid-template-columns:1fr}.battle-preview-versus{grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr);gap:6px}.battle-preview-vs{min-height:34px}.battle-preview-side,.battle-preview-side.defender{min-height:156px;justify-items:start;text-align:left;padding:10px}.battle-preview-side strong{font-size:15px}.battle-preview-side .cloud-visual,.battle-preview-side .cloud-thumb-canvas{width:54px;height:54px}.battle-preview-side.defender:after{background:linear-gradient(180deg,#060a0c0f,#060a0cdb),linear-gradient(90deg,#060a0cb8,#060a0c29)}.battle-result-line{grid-template-columns:1fr}.battle-score{min-height:38px}.battle-result-side.defender{grid-template-columns:46px minmax(0,1fr);text-align:left}.battle-result-side.defender .cloud-visual{order:0}}.app-dialog-modal{inset:var(--resource-topbar-height) 0 0;width:100vw;width:100dvw;height:calc(100vh - var(--resource-topbar-height));height:calc(100dvh - var(--resource-topbar-height));padding:16px;align-items:center;justify-content:center;gap:0;overflow:auto;border:0;background:#030709b8;box-shadow:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transform:none;transition:opacity .18s ease}.app-dialog-modal.open{display:flex;transform:none}body:has(.app-dialog-modal.open) #hud-container{pointer-events:none!important}.app-dialog-panel{width:min(420px,100%);max-height:100%;display:flex;flex-direction:column;gap:24px;overflow:auto;padding:26px;border:1px solid var(--line-soft);border-radius:12px;background:linear-gradient(180deg,#162123fa,#080c0ffc),var(--surface-0);box-shadow:0 24px 76px #000000a3}.app-dialog-body p{margin:0;color:var(--ink-2);font-size:15px;line-height:1.45}.app-dialog-actions{margin-top:14px}.app-dialog-actions .primary-btn,.app-dialog-actions .secondary-btn{min-height:48px;padding:12px 14px;font-size:15px}#app-dialog-confirm[data-tone=danger]{background:linear-gradient(135deg,#f68f72,#f1c96b);color:#170805}@media(max-width:760px){#app{align-items:flex-start;padding:16px 0 92px}body.mode-frame #app{align-items:center;padding:0}body.frameless .digivice{flex-direction:column;gap:14px;padding-top:0}body.frameless #gameCanvas{width:min(90vw,350px);width:min(90dvw,350px);height:min(90vw,350px);height:min(90dvw,350px)}.utility-bar{right:50%;bottom:max(10px,env(safe-area-inset-bottom));top:auto;transform:translate(50%);flex-direction:row;max-width:calc(100vw - 18px);max-width:calc(100dvw - 18px);overflow-x:auto}.game-corner-logo{left:50%;right:auto;bottom:max(10px,env(safe-area-inset-bottom));transform:translate(-50%);width:min(48vw,180px);width:min(48dvw,180px);opacity:.76}.utility-bar button{flex:0 0 42px;width:42px;height:42px}.utility-bar button:after{display:none}#hud-container.resource-topbar{width:100vw;width:100dvw;padding:max(4px,env(safe-area-inset-top)) 2px 4px}.resource-topbar-inner{align-items:center;justify-content:flex-start;gap:2px;overflow:visible}.resource-cluster{flex:0 0 auto;display:grid;grid-template-columns:124px 84px 88px;align-items:center;gap:2px;margin-left:0}.resource-player-slot{flex:0 0 88px;min-width:88px;max-width:88px}.resource-player{min-height:34px;padding-left:3px}.topbar-player-menu{min-width:172px}.resource-pill{min-height:34px;gap:2px;padding:0 2px 2px;border-width:4px;border-image:url(/assets/common/app/topbar_panel.png) 2 fill / 4px repeat;clip-path:none;font-size:11px}.resource-icon{width:16px;height:16px;flex-basis:16px;padding:0;background-image:none}.player-badge{width:16px;height:16px;flex-basis:16px;font-size:10px;background-size:16px 16px}#topbar-player-name{max-width:58px;font-size:10px}.resource-topbar .bitmap-text-canvas{transform:translateY(1px)}.resource-label,.resource-pill em{font-size:9px}.resource-pill em{display:none}.resource-energy>.resource-label,.resource-bits>.resource-label{display:none}.resource-energy{min-width:124px;width:124px}.resource-bits{min-width:84px;width:84px}.resource-clock{min-width:88px;width:88px}.energy-meter{grid-template-columns:repeat(10,2px);gap:1px;width:38px;height:14px;flex-basis:38px;padding:0 1px;border-width:3px;border-image-width:3px}.energy-meter-cell{width:2px;height:8px;background-size:2px 8px}.resource-pill strong{min-width:0;font-size:16px}.resource-add{min-width:18px;width:18px;height:18px;background-size:18px 18px}.resource-use{display:none}}@media(max-width:420px){.resource-cluster{grid-template-columns:86px 84px 88px}.resource-energy{min-width:86px;width:86px}.energy-meter{display:none}}@media(max-width:340px){.resource-player-slot{flex-basis:36px;min-width:36px;max-width:36px}#topbar-player-name{display:none}.resource-cluster{grid-template-columns:84px 78px 84px}.resource-energy{min-width:84px;width:84px}.resource-bits{min-width:78px;width:78px}.resource-clock{min-width:84px;width:84px}}@media(max-width:360px){.auth-actions{grid-template-columns:1fr}}.daily-reward-floating{position:fixed;top:calc(var(--resource-topbar-height) + 18px);right:max(18px,env(safe-area-inset-right));z-index:115;width:104px;height:104px;display:grid;place-items:center;appearance:none;-webkit-appearance:none;padding:0;border:0;border-radius:0;background:transparent;cursor:pointer;font:inherit;color:#fff;image-rendering:pixelated}.daily-reward-floating[hidden]{display:none!important}.daily-reward-floating:before{content:"";position:absolute;inset:12px;z-index:-1;border:7px solid transparent;border-image:url(/assets/common/app/topbar_panel.png) 2 fill / 7px repeat;background:#263630;box-shadow:0 7px #00000075}.daily-reward-floating:hover,.daily-reward-floating:focus-visible{filter:brightness(1.14);transform:translateY(-2px)}.daily-reward-floating:focus-visible{outline:2px solid #ffd868;outline-offset:2px}.daily-reward-floating-chest{position:absolute;top:-2px;left:10px;width:84px;height:80px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 3px 0 rgba(0,0,0,.55))}.daily-reward-floating-copy{position:absolute;left:8px;right:8px;bottom:5px;display:grid;place-items:center;gap:2px;min-height:35px;padding:4px 3px 5px;background:#101918;border:3px solid #496158;box-shadow:0 3px #0000006b}.daily-reward-floating-copy>span{color:#8de8dc}.daily-reward-ready-dot{position:absolute;right:4px;top:3px;width:8px;height:8px;display:none;background:#ffd868;box-shadow:0 0 0 2px #6f3d16,0 0 10px #ffd868}.daily-reward-floating.is-ready .daily-reward-ready-dot{display:block;animation:daily-ready-blink 1s steps(2,end) infinite}.daily-reward-floating.is-ready .daily-reward-floating-chest{animation:daily-chest-nudge 1.6s steps(2,end) infinite}.daily-reward-modal{position:fixed;inset:0;z-index:260;display:grid;place-items:center;padding:18px;font-family:var(--game-hud-font);color:#f5fbff;image-rendering:pixelated}.daily-reward-modal[hidden]{display:none!important}.daily-reward-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:radial-gradient(circle at 50% 42%,rgba(20,118,135,.24),transparent 42%),#03070ad6;cursor:default}.daily-reward-panel{position:relative;box-sizing:border-box;width:min(900px,calc(100vw - 28px));width:min(900px,calc(100dvw - 28px));max-height:min(820px,calc(100vh - 28px));max-height:min(820px,calc(100dvh - 28px));display:grid;gap:14px;overflow-x:hidden;overflow-y:auto;padding:18px;border:10px solid transparent;border-image:url(/assets/common/app/topbar_panel.png) 2 fill / 10px repeat;background-color:#17211f;box-shadow:0 12px #00000085,0 26px 70px #0000009e;transform:translateY(10px) scale(.98);opacity:0;transition:transform .16s steps(3,end),opacity .12s linear}.daily-reward-modal.open .daily-reward-panel{transform:none;opacity:1}.daily-reward-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-bottom:10px;border-bottom:4px solid #38504a}.daily-reward-header>div{min-width:0;display:grid;gap:7px}.daily-reward-kicker,.daily-reward-reset{color:#8de8dc}.daily-reward-header h2{min-height:30px;margin:0;color:#f5fbff;line-height:1}.daily-reward-close{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border:4px solid #741f2c;border-radius:0;padding:0 0 4px;background:#d74755;color:#fff;box-shadow:inset 3px 3px #ff9198,inset -3px -3px #9e2937;font:900 28px/1 monospace;cursor:pointer}.daily-reward-close:hover,.daily-reward-close:focus-visible{filter:brightness(1.12);outline:2px solid #fff;outline-offset:2px}.daily-reward-content{min-height:230px;display:grid;grid-template-columns:minmax(220px,.9fr) minmax(280px,1.1fr);gap:18px;align-items:stretch}.daily-reward-chest-stage{position:relative;min-height:230px;display:grid;place-items:center;overflow:hidden;border:6px solid transparent;border-image:url(/assets/common/app/topbar_panel.png) 2 fill / 6px repeat;background:linear-gradient(rgba(118,232,218,.05) 50%,transparent 50%) 0 0 / 100% 8px,radial-gradient(circle,#254c4d 0,#111c1d 64%)}.daily-reward-chest-stage:after{content:"";position:absolute;left:10%;right:10%;bottom:18px;height:8px;background:#00000070;filter:blur(3px)}#daily-reward-hero{position:relative;z-index:2;width:min(220px,76%);height:210px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 7px 0 rgba(0,0,0,.34))}.daily-reward-burst{position:absolute;inset:14%;z-index:1;opacity:0;background:linear-gradient(90deg,transparent 48%,#ffd868 48% 52%,transparent 52%),linear-gradient(transparent 48%,#55e8ef 48% 52%,transparent 52%);transform:rotate(45deg) scale(.3)}.daily-reward-modal.is-opening #daily-reward-hero{animation:daily-chest-open .9s steps(6,end) both}.daily-reward-modal.is-opening .daily-reward-burst,.daily-reward-modal.is-revealed .daily-reward-burst{animation:daily-burst .76s steps(5,end) both}.daily-reward-offer{display:grid;align-content:center;justify-items:start;gap:12px;padding:20px;border:4px solid #36544e;background:#101918;box-shadow:inset 0 0 0 4px #1d2c29}.daily-reward-guarantee{min-height:20px;display:inline-flex;align-items:center;padding:6px 8px;background:#ffd868;color:#2d2108;font:900 11px/1.1 monospace;letter-spacing:.04em}#daily-reward-prize{min-height:30px;display:flex;align-items:center;color:#fff}.daily-reward-offer p{max-width:40ch;margin:0;display:grid;gap:5px;color:#b5c8c3;font:800 13px/1.45 monospace}.daily-reward-offer p>span{min-height:14px;display:flex;align-items:center}.daily-reward-battery-bank{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;border:4px solid #315f65;background:#0c1a1d;box-shadow:inset 0 0 0 3px #173239}.daily-reward-battery-bank>img{width:58px;height:58px;object-fit:contain;image-rendering:pixelated}.daily-reward-battery-bank>div{min-width:0;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:5px 10px}.daily-reward-battery-bank span{color:#6fe6ed;font:900 11px/1 monospace}#daily-reward-battery-count{color:#ffd868}#daily-reward-battery-effect{grid-column:1 / -1;min-height:14px;color:#adc3c1}#daily-reward-use-battery,.daily-reward-claim{min-height:42px;border:6px solid transparent;border-image:url(/assets/common/app/topbar_panel.png) 2 fill / 6px repeat;border-radius:0;background-color:#287b70;color:#fff;cursor:pointer;image-rendering:pixelated}#daily-reward-use-battery{min-width:156px;padding:5px 12px}#daily-reward-use-battery:hover:not(:disabled),#daily-reward-use-battery:focus-visible,.daily-reward-claim:hover:not(:disabled),.daily-reward-claim:focus-visible{filter:brightness(1.18);outline:2px solid #8de8dc;outline-offset:2px}#daily-reward-use-battery:disabled,.daily-reward-claim:disabled{cursor:default;filter:grayscale(.7) brightness(.7)}.daily-reward-track{display:grid;grid-template-columns:repeat(7,minmax(92px,1fr));gap:7px;overflow-x:auto;padding:4px 2px 8px;scrollbar-color:#4da89f #101918}.daily-reward-day{position:relative;min-height:92px;display:grid;justify-items:center;align-content:center;gap:5px;padding:8px 5px;border:4px solid #33443f;background:#111817;color:#82908c}.daily-reward-day.is-complete{border-color:#376a60;background:#162824;color:#79b4aa}.daily-reward-day.is-current{border-color:#ffd868;background:#30423c;color:#fff;box-shadow:0 0 0 3px #76531d,0 0 16px #ffd8684d;transform:translateY(-3px)}.daily-reward-day b,.daily-reward-day em{font:900 10px/1.1 monospace;font-style:normal;white-space:nowrap}.daily-reward-day .bitmap-text-canvas,.daily-reward-mini .bitmap-text-canvas{transform:none}.daily-reward-day-icons{min-height:30px;display:flex;align-items:center;justify-content:center;gap:3px}.daily-reward-mini{display:inline-flex;align-items:center;gap:1px}.daily-reward-mini img{width:26px;height:26px;object-fit:contain;image-rendering:pixelated}.daily-reward-mini small{color:#ffd868;font:900 9px/1 monospace}.daily-reward-actions{min-height:52px;display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,.42fr);align-items:center;gap:14px}.daily-reward-result{min-height:24px;display:flex;align-items:center;justify-content:center;padding:8px;border:3px solid #76531d;background:#332a12}.daily-reward-result[hidden]{visibility:hidden}.daily-reward-claim{width:100%;min-height:50px;padding:6px 14px;background-color:#b16f22}.daily-reward-modal.is-opening .daily-reward-track{animation:daily-track-spin .74s steps(8,end) infinite}body:has(.daily-reward-modal.open) #app,body:has(.daily-reward-modal.open) #hud-container{pointer-events:none!important}@keyframes daily-ready-blink{50%{opacity:.25}}@keyframes daily-chest-nudge{0%,75%,to{transform:translateY(0)}80%{transform:translateY(-3px)}88%{transform:translateY(1px)}}@keyframes daily-chest-open{0%{transform:translateY(0) rotate(0)}22%{transform:translateY(-8px) rotate(-2deg)}44%{transform:translateY(2px) rotate(2deg)}64%{transform:translateY(-5px) rotate(-1deg);filter:brightness(1)}to{transform:translateY(0) rotate(0);filter:brightness(1.45) drop-shadow(0 0 14px #ffd868)}}@keyframes daily-burst{0%{opacity:0;transform:rotate(0) scale(.2)}50%{opacity:1}to{opacity:.35;transform:rotate(45deg) scale(1.25)}}@keyframes daily-track-spin{0%{transform:translate(0);filter:brightness(1)}25%{transform:translate(-10px);filter:brightness(1.35)}50%{transform:translate(8px)}75%{transform:translate(-4px);filter:brightness(1.65)}to{transform:translate(0);filter:brightness(1)}}@media(max-width:1180px)and (min-width:761px){.resource-player-slot{flex-basis:170px;min-width:170px}.resource-energy{min-width:260px}.energy-meter{width:70px;flex-basis:70px;grid-template-columns:repeat(10,5px);gap:1px}.energy-meter-cell{width:5px;background-size:5px 14px}.resource-bits{min-width:132px}.resource-clock{min-width:120px}.resource-bits .resource-label{display:none}}@media(max-width:760px){.daily-reward-floating{top:calc(var(--resource-topbar-height) + 8px);right:max(7px,env(safe-area-inset-right));width:88px;height:88px}.daily-reward-floating-chest{left:9px;width:70px;height:66px}.daily-reward-floating-copy{left:5px;right:5px;bottom:2px;min-height:30px}.daily-reward-content{grid-template-columns:1fr 1.15fr}}@media(max-width:620px){.daily-reward-modal{padding:6px}.daily-reward-panel{width:calc(100vw - 10px);width:calc(100dvw - 10px);max-height:calc(100vh - 10px);max-height:calc(100dvh - 10px);gap:10px;padding:12px;border-width:8px}.daily-reward-content{min-height:0;grid-template-columns:1fr;gap:9px}.daily-reward-chest-stage{min-height:150px}#daily-reward-hero{width:150px;height:145px}.daily-reward-offer{gap:8px;padding:12px}.daily-reward-offer p{font-size:11px}.daily-reward-battery-bank{grid-template-columns:48px minmax(0,1fr);gap:8px}.daily-reward-battery-bank>img{width:44px;height:44px}#daily-reward-use-battery{grid-column:1 / -1;width:100%}.daily-reward-track{grid-template-columns:repeat(7,90px)}.daily-reward-actions{grid-template-columns:1fr;gap:7px}.daily-reward-result[hidden]{display:none}}@media(max-width:520px){.daily-reward-floating{width:78px;height:78px}.daily-reward-floating-chest{left:8px;width:62px;height:58px}.daily-reward-floating-copy{min-height:27px}}.daily-reward-floating{width:96px;height:104px}.daily-reward-floating:before{display:block;inset:9px 8px 17px;border:4px solid #b87b24;border-image:none;background:linear-gradient(90deg,transparent 46%,#376561 46% 54%,transparent 54%),linear-gradient(transparent 46%,#376561 46% 54%,transparent 54%),#173337;clip-path:polygon(18% 0,82% 0,100% 18%,100% 82%,82% 100%,18% 100%,0 82%,0 18%);box-shadow:inset 0 0 0 4px #244d4d,0 6px #00000075}.daily-reward-floating-chest{top:0;left:5px;width:86px;height:82px;filter:drop-shadow(0 7px 0 rgba(0,0,0,.42)) drop-shadow(0 0 12px rgba(255,216,104,.28))}.daily-reward-floating-copy{left:13px;right:13px;bottom:0;min-height:28px;gap:0;padding:4px 4px 5px;border:3px solid #173f1d;background:#55be42;box-shadow:inset 0 3px #89e66d,inset -3px -3px #338c31,0 4px #00000061}.daily-reward-floating-copy>span{display:none}.daily-reward-floating-copy .bitmap-text-canvas{max-width:none}.daily-reward-ready-dot{right:8px;top:9px}.daily-reward-panel{width:min(680px,calc(100dvw - 28px));max-height:min(900px,calc(100dvh - 24px));gap:9px;padding:18px 22px 20px;border:8px solid #4d6b68;border-image:none;background:linear-gradient(rgba(92,139,133,.08) 50%,transparent 50%) 0 0 / 100% 8px,#101b1e;box-shadow:inset 0 0 0 4px #1b3133,0 0 0 4px #070d0e,8px 8px #05090a,0 26px 70px #0000009e}.daily-reward-panel{transform:translateY(10px)}.daily-reward-modal.open .daily-reward-panel{transform:translateY(0)}#daily-reward-modal .bitmap-text-canvas,#prize-wheel-modal .bitmap-text-canvas{max-width:none}.daily-reward-header{align-items:center;padding-bottom:7px;border-bottom:0}.daily-reward-header>div{gap:4px}.daily-reward-close{position:relative;font-size:0;color:transparent}.daily-reward-close:before,.daily-reward-close:after{content:"";position:absolute;left:7px;top:14px;width:15px;height:4px;background:#fff}.daily-reward-close:before{transform:rotate(45deg)}.daily-reward-close:after{transform:rotate(-45deg)}.daily-reward-wheel-stage{position:relative;width:314px;height:314px;justify-self:center;display:grid;place-items:center;isolation:isolate}.daily-reward-wheel-stage:before{content:"";position:absolute;inset:1px;z-index:-1;background:linear-gradient(90deg,transparent 49%,rgba(86,195,181,.12) 49% 51%,transparent 51%),linear-gradient(transparent 49%,rgba(86,195,181,.12) 49% 51%,transparent 51%);clip-path:polygon(18% 0,82% 0,82% 4%,90% 4%,90% 10%,96% 10%,96% 18%,100% 18%,100% 82%,96% 82%,96% 90%,90% 90%,90% 96%,82% 96%,82% 100%,18% 100%,18% 96%,10% 96%,10% 90%,4% 90%,4% 82%,0 82%,0 18%,4% 18%,4% 10%,10% 10%,10% 4%,18% 4%)}.daily-reward-wheel{--daily-wheel-angle: 0deg;--wheel-pixel-shape: polygon(18% 0,82% 0,82% 3%,89% 3%,89% 8%,94% 8%,94% 14%,98% 14%,98% 22%,100% 22%,100% 78%,98% 78%,98% 86%,94% 86%,94% 92%,89% 92%,89% 97%,82% 97%,82% 100%,18% 100%,18% 97%,11% 97%,11% 92%,6% 92%,6% 86%,2% 86%,2% 78%,0 78%,0 22%,2% 22%,2% 14%,6% 14%,6% 8%,11% 8%,11% 3%,18% 3%);position:absolute;width:288px;height:288px;border:0;border-radius:0;clip-path:var(--wheel-pixel-shape);background:repeating-conic-gradient(from -20deg,transparent 0 10.3%,#533916 10.3% 11.111%),conic-gradient(from -20deg,#d83b4b 0 11.111%,#eca332 11.111% 22.222%,#277357 22.222% 33.333%,#55b946 33.333% 44.444%,#236e9c 44.444% 55.555%,#684678 55.555% 66.666%,#e8e2c9 66.666% 77.777%,#4ba8a1 77.777% 88.888%,#50c8c0 88.888% 100%);box-shadow:inset 0 0 0 9px #d79b32,inset 0 0 0 15px #75501d,inset 0 0 0 20px #070d0e73;filter:drop-shadow(0 9px 0 #493014) drop-shadow(0 0 12px rgba(66,212,198,.15))}.daily-reward-wheel:after{content:"";position:absolute;inset:91px;border:5px solid #7d5520;border-radius:0;clip-path:polygon(25% 0,75% 0,75% 8%,88% 8%,88% 20%,100% 20%,100% 80%,88% 80%,88% 92%,75% 92%,75% 100%,25% 100%,25% 92%,12% 92%,12% 80%,0 80%,0 20%,12% 20%,12% 8%,25% 8%);background:#0b1213;display:none}.daily-reward-wheel-segments{position:absolute;inset:0}.daily-reward-wheel-prize{--segment-angle: calc(var(--segment-index) * 40deg);position:absolute;left:50%;top:50%;width:68px;height:48px;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%) rotate(var(--segment-angle)) translateY(-108px) rotate(calc(var(--segment-angle) * -1))}.daily-reward-wheel-prize .daily-reward-mini img{width:34px;height:34px}.daily-reward-wheel-prize .daily-reward-mini-battery{margin-left:-10px}.daily-reward-wheel-prize .daily-reward-mini small{position:absolute;left:50%;bottom:-1px;width:38px;box-sizing:border-box;transform:translate(-19px);padding:2px 3px;border:2px solid #151b1a;background:#050a0b}.daily-reward-wheel-pointer{position:absolute;left:50%;top:-2px;z-index:6;width:38px;height:38px;transform:translate(-50%);border:0;background:#ffd45b;clip-path:polygon(0 0,100% 0,100% 22%,82% 22%,82% 43%,68% 43%,68% 65%,58% 65%,58% 100%,42% 100%,42% 65%,32% 65%,32% 43%,18% 43%,18% 22%,0 22%);box-shadow:inset 4px 4px #fff09b;filter:drop-shadow(0 5px 0 #684616)}.daily-reward-wheel-stage #daily-reward-hero{position:relative;z-index:5;width:160px;height:160px;filter:drop-shadow(0 7px 0 rgba(0,0,0,.42))}.daily-reward-wheel-stage .daily-reward-burst{inset:29%;z-index:4}.daily-reward-modal.is-opening .daily-reward-wheel{animation:daily-wheel-loop .52s linear infinite}.daily-reward-modal.is-revealed .daily-reward-wheel{animation:daily-wheel-land 1.1s cubic-bezier(.12,.78,.18,1) both}.daily-reward-offer{min-height:74px;justify-items:center;align-content:center;gap:7px;padding:4px 10px 8px;border:0;background:transparent;box-shadow:none;text-align:center;min-width:0}.daily-reward-offer>*,.daily-reward-access-progress>*{min-width:0;max-width:100%}.daily-reward-offer .bitmap-text-canvas,.daily-reward-access-progress .bitmap-text-canvas{width:auto!important;height:auto!important;max-width:none}.daily-reward-guarantee{min-height:18px;padding:4px 7px}#daily-reward-prize{min-height:26px;justify-content:center}.daily-reward-meta-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 10px;border-top:2px solid #2b3d3a;border-bottom:2px solid #2b3d3a}.daily-reward-access-progress{min-width:0;display:grid;gap:7px}.daily-reward-track{display:flex;grid-template-columns:none;align-items:center;gap:5px;overflow:visible;padding:0}.daily-reward-day{width:24px;height:24px;min-height:0;display:grid;place-items:center;padding:0;border:2px solid #40534f;border-radius:50%;background:#182321;color:#8ea39e;font:900 10px/1 monospace}.daily-reward-day.is-complete{border-color:#437f72;background:#235447;color:#b5fff1}.daily-reward-day.is-current{border-color:#ffd868;background:#9a6923;color:#fff;box-shadow:0 0 0 2px #5d3d13,0 0 10px #ffd86880}.daily-reward-day.is-lucky{border-color:#d49a35}.daily-reward-battery-bank{grid-template-columns:38px auto 72px;gap:7px;min-width:200px;padding:4px 5px;border:0;background:#172525;box-shadow:none}.daily-reward-battery-bank>img{width:36px;height:36px}.daily-reward-battery-bank>div{display:grid;grid-template-columns:1fr;gap:3px}#daily-reward-battery-effect{grid-column:auto}#daily-reward-use-battery{grid-column:auto;min-width:72px;width:auto;min-height:32px;height:32px;padding:2px 6px;border-width:4px}.daily-reward-actions{min-height:48px;grid-template-columns:1fr;gap:7px}.daily-reward-result{border:0;background:transparent;padding:3px}.daily-reward-claim{min-height:54px;border:4px solid #81561d;background:#e8a638;box-shadow:inset 0 4px #ffd974,inset -4px -4px #b87525,0 5px #674116}@keyframes daily-wheel-loop{to{transform:rotate(360deg)}}@keyframes daily-wheel-land{0%{transform:rotate(0)}to{transform:rotate(calc(1800deg - var(--daily-wheel-angle)))}}@media(max-width:620px){.daily-reward-panel{width:calc(100dvw - 10px);gap:6px;padding:11px 12px 14px}.daily-reward-wheel-stage{width:292px;height:292px}.daily-reward-wheel{width:266px;height:266px;border-width:7px}.daily-reward-wheel:after{inset:82px}.daily-reward-wheel-prize{width:56px;height:42px;transform:translate(-50%,-50%) rotate(var(--segment-angle)) translateY(-100px) rotate(calc(var(--segment-angle) * -1))}.daily-reward-wheel-prize .daily-reward-mini img{width:28px;height:28px}.daily-reward-wheel-stage #daily-reward-hero{width:126px;height:126px}.daily-reward-meta-row{grid-template-columns:1fr;gap:8px}.daily-reward-access-progress{justify-items:center}.daily-reward-battery-bank{width:100%;min-width:0;grid-template-columns:38px minmax(0,1fr) 72px}}#daily-reward-modal .daily-reward-panel{width:min(520px,calc(100dvw - 20px));gap:8px;border-color:#3b716d;background:linear-gradient(rgba(92,139,133,.09) 50%,transparent 50%) 0 0 / 100% 8px,#102328}#daily-reward-modal .daily-reward-header{min-height:66px;align-items:center;margin:-2px -4px 0;padding:8px 52px 8px 12px;border:4px solid #744b17;background:#dfa03a;box-shadow:inset 0 4px #ffd878,inset -4px -4px #a66522,0 5px #5a3813}#daily-reward-modal .daily-reward-header>div{width:100%;justify-items:center}#daily-reward-modal .daily-reward-close{position:absolute;right:26px;top:28px;z-index:4}#daily-reward-modal .daily-reward-chest-stage{min-height:270px;border:0;border:4px solid #315b5b;background:linear-gradient(90deg,transparent 49%,rgba(255,216,104,.08) 49% 51%,transparent 51%),linear-gradient(transparent 49%,rgba(255,216,104,.08) 49% 51%,transparent 51%),#163638;box-shadow:inset 0 0 0 4px #0c2528}#daily-reward-modal .daily-reward-chest-stage:after{display:none}#daily-reward-modal #daily-reward-hero{width:254px;height:254px;filter:drop-shadow(0 8px 0 rgba(0,0,0,.4)) drop-shadow(0 0 14px rgba(255,216,104,.22))}#daily-reward-modal .daily-reward-offer{min-height:82px;margin-top:-14px;padding:8px 12px 10px;border:3px solid #315b5b;background:#0b171a;box-shadow:inset 0 0 0 2px #172d30}#daily-reward-modal .daily-reward-access-progress{justify-items:center;gap:9px;padding:10px 0 12px;border-top:2px solid #2b3d3a;border-bottom:2px solid #2b3d3a}#daily-reward-modal .daily-reward-claim{border-color:#245d29;background:#55be42;box-shadow:inset 0 4px #91e876,inset -4px -4px #348c31,0 5px #173d1b}.prize-wheel-panel{width:min(620px,calc(100dvw - 20px));max-height:calc(100dvh - 18px);gap:6px;padding:12px 16px 14px;border-color:#7b5726;background:linear-gradient(rgba(214,158,55,.055) 50%,transparent 50%) 0 0 / 100% 8px,#141a20}.prize-wheel-panel .daily-reward-header{min-height:46px;padding:2px 0 5px}.prize-wheel-panel .daily-reward-offer{min-height:64px;gap:5px;padding:2px 8px 5px}.prize-wheel-panel .daily-reward-actions{min-height:50px}.prize-wheel-floating{position:fixed;top:calc(var(--resource-topbar-height) + 142px);right:max(25px,env(safe-area-inset-right));z-index:115;width:88px;height:88px;display:grid;place-items:center;padding:0;border:0;background:transparent;cursor:pointer;image-rendering:pixelated}.prize-wheel-floating[hidden]{display:none!important}.prize-wheel-floating:before{content:"";position:absolute;left:50%;top:-4px;z-index:3;width:22px;height:18px;transform:translate(-50%);background:#ffd45b;clip-path:polygon(0 0,100% 0,100% 35%,72% 35%,72% 68%,58% 68%,58% 100%,42% 100%,42% 68%,28% 68%,28% 35%,0 35%);filter:drop-shadow(0 3px 0 #684616)}.prize-wheel-floating-disc{position:absolute;inset:2px;border:0;border-radius:0;clip-path:polygon(25% 0,75% 0,75% 3%,85% 3%,85% 8%,92% 8%,92% 15%,97% 15%,97% 25%,100% 25%,100% 75%,97% 75%,97% 85%,92% 85%,92% 92%,85% 92%,85% 97%,75% 97%,75% 100%,25% 100%,25% 97%,15% 97%,15% 92%,8% 92%,8% 85%,3% 85%,3% 75%,0 75%,0 25%,3% 25%,3% 15%,8% 15%,8% 8%,15% 8%,15% 3%,25% 3%);background:conic-gradient(#d83b4b 0 14.28%,#eca332 14.28% 28.56%,#277357 28.56% 42.84%,#55b946 42.84% 57.12%,#236e9c 57.12% 71.4%,#684678 71.4% 85.68%,#e8e2c9 85.68% 100%);box-shadow:inset 0 0 0 6px #d49a35,inset 0 0 0 10px #694716;filter:drop-shadow(0 5px 0 #4c3213)}.prize-wheel-floating-disc:after{content:"";position:absolute;inset:25px;border-radius:0;clip-path:polygon(25% 0,75% 0,75% 12%,88% 12%,88% 25%,100% 25%,100% 75%,88% 75%,88% 88%,75% 88%,75% 100%,25% 100%,25% 88%,12% 88%,12% 75%,0 75%,0 25%,12% 25%,12% 12%,25% 12%);background:#172020;border:3px solid #f2c054}#prize-wheel-floating-count{position:absolute;z-index:2;bottom:-12px;min-width:42px;min-height:22px;display:grid;place-items:center;padding:3px 5px;border:3px solid #315f65;background:#0c1718}.prize-wheel-ready-dot{position:absolute;right:3px;top:4px;z-index:3;width:9px;height:9px;display:none;background:#ffd868;box-shadow:0 0 0 2px #6f3d16,0 0 10px #ffd868}.prize-wheel-floating.is-ready .prize-wheel-ready-dot{display:block;animation:daily-ready-blink 1s steps(2,end) infinite}.prize-wheel-floating.is-ready .prize-wheel-floating-disc{animation:daily-chest-nudge 1.6s steps(2,end) infinite}.daily-reward-wheel-hub{position:relative;z-index:5;width:92px;height:92px;border:0;border-radius:0;clip-path:polygon(25% 0,75% 0,75% 7%,88% 7%,88% 18%,96% 18%,96% 32%,100% 32%,100% 68%,96% 68%,96% 82%,88% 82%,88% 93%,75% 93%,75% 100%,25% 100%,25% 93%,12% 93%,12% 82%,4% 82%,4% 68%,0 68%,0 32%,4% 32%,4% 18%,12% 18%,12% 7%,25% 7%);background:#122526;box-shadow:inset 0 0 0 7px #8a652b,inset 0 0 0 13px #2b4c4d,inset 0 0 0 20px #091011}.daily-reward-wheel-hub:after{content:"";position:absolute;left:50%;top:50%;width:24px;height:24px;transform:translate(-50%,-50%);background:#4bd8cd;clip-path:polygon(33% 0,67% 0,67% 33%,100% 33%,100% 67%,67% 67%,67% 100%,33% 100%,33% 67%,0 67%,0 33%,33% 33%);box-shadow:inset 5px 5px #a3fff2}.rewarded-ad-card{display:grid;grid-template-columns:48px minmax(0,1fr) 220px;align-items:center;gap:10px;padding:9px 10px;border:3px solid #43515a;background:linear-gradient(#202b32,#11181c);box-shadow:inset 0 0 0 2px #0a0f12,0 4px #0000005c}.rewarded-ad-card>div{display:grid;gap:5px}.rewarded-ad-icon{width:42px;height:34px;border:4px solid #77858c;background:#0a1013;position:relative}.rewarded-ad-icon:after,.rewarded-ad-screen-icon:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-38%,-50%);border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:11px solid #ffd868}#rewarded-ad-watch{min-height:42px;border:4px solid #235d27;background:#51b83f;box-shadow:inset 0 4px #8ce871,inset -4px -4px #30882e,0 4px #183f1c;color:#07110d;cursor:pointer}#rewarded-ad-watch:disabled{filter:grayscale(.8) brightness(.65);cursor:default}.rewarded-ad-overlay{position:absolute;inset:0;z-index:20;display:grid;place-content:center;justify-items:center;gap:16px;background:#030709f5}.rewarded-ad-overlay[hidden]{display:none}.rewarded-ad-screen-icon{position:relative;width:108px;height:76px;border:7px solid #66747b;background:#11191d;box-shadow:0 7px #050708}.rewarded-ad-screen-icon:after{border-top-width:15px;border-bottom-width:15px;border-left-width:23px}#rewarded-ad-countdown{min-height:40px}@media(max-width:620px){#daily-reward-modal .daily-reward-header{min-height:58px;padding-left:8px}#daily-reward-modal .daily-reward-close{right:20px;top:22px}#daily-reward-modal .daily-reward-chest-stage{min-height:220px}#daily-reward-modal #daily-reward-hero{width:212px;height:212px}#daily-reward-modal .daily-reward-offer{min-height:76px;margin-top:-10px}.prize-wheel-panel{gap:5px;padding:9px 10px 11px}.prize-wheel-panel .daily-reward-wheel-stage{width:258px;height:258px}.prize-wheel-panel .daily-reward-wheel{width:234px;height:234px}.prize-wheel-panel .daily-reward-wheel:after{inset:71px}.prize-wheel-panel .daily-reward-wheel-hub{width:84px;height:84px;border-width:6px}.prize-wheel-panel .daily-reward-wheel-prize{transform:translate(-50%,-50%) rotate(var(--segment-angle)) translateY(-87px) rotate(calc(var(--segment-angle) * -1))}.prize-wheel-floating{top:calc(var(--resource-topbar-height) + 96px);right:max(8px,env(safe-area-inset-right));width:72px;height:72px}.prize-wheel-floating-disc{border-width:5px}.prize-wheel-floating-disc:after{inset:19px}.rewarded-ad-card{grid-template-columns:42px minmax(0,1fr)}#rewarded-ad-watch{grid-column:1 / -1;width:100%}}