:root{color-scheme:dark;font-family:Segoe UI Variable,Trebuchet MS,Gill Sans,sans-serif;line-height:1.5;font-weight:400;color:#edf2f7;background:radial-gradient(circle at top left,rgba(13,148,136,.25),transparent 34%),radial-gradient(circle at top right,rgba(249,115,22,.22),transparent 28%),linear-gradient(180deg,#0f172a,#111827 48%,#172033);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--surface: rgba(15, 23, 42, .72);--surface-border: rgba(148, 163, 184, .18);--accent: #2dd4bf;--accent-strong: #14b8a6;--warm: #fb923c;--text-soft: #cbd5e1;--shadow: 0 24px 80px rgba(3, 7, 18, .45);--compact-width: 520px;--compact-height: 520px}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100dvh;overflow-x:hidden}button,input,select{font:inherit}input,select{width:100%}.app-loading,.login-shell{min-height:100dvh;display:grid;place-items:center;padding:calc(24px + env(safe-area-inset-top)) 24px calc(24px + env(safe-area-inset-bottom))}.app-loading{color:var(--text-soft)}.login-card,.surface-card{position:relative;overflow:hidden;max-width:100%;border:1px solid var(--surface-border);background:linear-gradient(180deg,#0f172ae0,#0f172a9e);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.login-card{width:min(100%,480px);padding:36px;border-radius:28px}.login-card:after,.surface-card:after{content:"";position:absolute;inset:auto -40px -56px auto;width:180px;height:180px;border-radius:999px;background:radial-gradient(circle,rgba(45,212,191,.24),transparent 72%);pointer-events:none}.eyebrow{margin:0 0 10px;color:var(--accent);letter-spacing:.18em;text-transform:uppercase;font-size:.72rem;font-weight:700}h1,h2,h3,p{margin-top:0}h1{margin-bottom:10px;font-size:clamp(2rem,3vw,3rem);line-height:1.05}h2{margin-bottom:8px;font-size:1.25rem}h3{margin-bottom:8px}.login-copy,.header-copy,.section-heading p,.muted-copy{color:var(--text-soft)}.login-form,.tab-layout,.summary-stack{display:grid;gap:20px}.field,.toggle-field{display:grid;gap:8px}.field span,.toggle-field span{color:#e2e8f0;font-size:.92rem;font-weight:600}.field input,.field select,.toggle-field input{border-radius:14px;border:1px solid rgba(148,163,184,.25);background:#0f172adb;color:#f8fafc;padding:12px 14px;min-height:48px;transition:border-color .14s ease,box-shadow .14s ease,background-color .14s ease,color .14s ease}.field input:focus,.field select:focus,.toggle-field input:focus{outline:none;border-color:#2dd4bf80;box-shadow:0 0 0 4px #2dd4bf1f,inset 0 1px #ffffff08}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;padding-right:52px;background-color:#0f172aeb;background-image:linear-gradient(180deg,#2dd4bf1a,#f9731614),linear-gradient(#94a3b838,#94a3b838),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3.25 5.75L8 10.5l4.75-4.75' stroke='%23cbd5e1' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:center,calc(100% - 2.85rem) 50%,calc(100% - 1rem) 50%;background-repeat:no-repeat;background-size:100% 100%,1px 58%,12px 12px;box-shadow:inset 0 1px #ffffff08,0 10px 24px #0206172e}select:hover:not(:disabled){border-color:#2dd4bf57;background-color:#0f172af5}select:disabled{cursor:not-allowed;color:#e2e8f0b8;box-shadow:inset 0 1px #ffffff05}select option{background:#0f172a;color:#f8fafc}select::-ms-expand{display:none}.themed-select{position:relative;width:100%}.themed-select-trigger{position:relative;width:100%;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px 12px 16px;border-radius:14px;border:1px solid rgba(148,163,184,.25);background:linear-gradient(180deg,#2dd4bf14,#f973160d),#0f172aeb;color:#f8fafc;box-shadow:inset 0 1px #ffffff08,0 10px 24px #0206172e;cursor:pointer;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease,background-color .14s ease}.themed-select-trigger:hover:not(:disabled){transform:translateY(-1px);border-color:#2dd4bf57}.themed-select-trigger:focus-visible{outline:none;border-color:#2dd4bf80;box-shadow:0 0 0 4px #2dd4bf1f,inset 0 1px #ffffff08,0 16px 36px #0206173d}.themed-select-trigger:disabled{cursor:not-allowed;color:#e2e8f0b8;transform:none}.themed-select.open .themed-select-trigger{border-color:#2dd4bf6b;box-shadow:0 0 0 4px #2dd4bf1f,inset 0 1px #ffffff08,0 16px 36px #0206173d}.themed-select-value{flex:1;text-align:left;font-weight:700;letter-spacing:.01em}.themed-select-icon{position:relative;width:16px;height:16px;flex-shrink:0}.themed-select-icon-line{position:absolute;top:7px;width:9px;height:2px;border-radius:999px;background:#cbd5e1eb;transition:transform .14s ease,background-color .14s ease}.themed-select-icon-line.left{left:0;transform:rotate(35deg)}.themed-select-icon-line.right{right:0;transform:rotate(-35deg)}.themed-select.open .themed-select-icon-line.left{transform:rotate(-35deg)}.themed-select.open .themed-select-icon-line.right{transform:rotate(35deg)}.themed-select-popover{position:fixed;z-index:1000;max-width:calc(100vw - 24px);border-radius:20px;border:1px solid rgba(45,212,191,.22);background:radial-gradient(circle at top right,rgba(45,212,191,.14),transparent 42%),linear-gradient(180deg,#0f172af5,#0b1220f0);box-shadow:0 24px 80px #03071280,inset 0 1px #ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden}.themed-select-list{padding:8px;overflow-y:auto;overscroll-behavior:contain}.themed-select-option{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:46px;padding:12px 14px;border-radius:14px;color:#e2e8f0;cursor:pointer;outline:none;transition:background-color .14s ease,color .14s ease,transform .14s ease}.themed-select-option:hover,.themed-select-option.active{background:linear-gradient(135deg,#2dd4bf29,#f973161f);color:#f8fafc;transform:translate(1px)}.themed-select-option.selected{background:linear-gradient(135deg,#2dd4bf3d,#14b8a629);border:1px solid rgba(45,212,191,.18)}.themed-select-check{font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#99f6e4}.themed-date{position:relative;width:100%}.themed-date-trigger{position:relative;width:100%;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px 12px 16px;border-radius:14px;border:1px solid rgba(148,163,184,.25);background:linear-gradient(180deg,#2dd4bf14,#f973160d),#0f172aeb;color:#f8fafc;box-shadow:inset 0 1px #ffffff08,0 10px 24px #0206172e;cursor:pointer;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease,background-color .14s ease}.themed-date-trigger:hover:not(:disabled){transform:translateY(-1px);border-color:#2dd4bf57}.themed-date-trigger:focus-visible{outline:none;border-color:#2dd4bf80;box-shadow:0 0 0 4px #2dd4bf1f,inset 0 1px #ffffff08,0 16px 36px #0206173d}.themed-date-trigger:disabled{cursor:not-allowed;color:#e2e8f0b8;transform:none}.themed-date.open .themed-date-trigger{border-color:#2dd4bf6b;box-shadow:0 0 0 4px #2dd4bf1f,inset 0 1px #ffffff08,0 16px 36px #0206173d}.themed-date-value{flex:1;text-align:left;font-weight:700;letter-spacing:.01em}.themed-date-value.placeholder{color:var(--text-soft);font-weight:600}.themed-date-icon{width:18px;height:18px;flex-shrink:0;display:grid;gap:2px}.themed-date-icon-top{height:4px;border-radius:999px;background:linear-gradient(90deg,#2dd4bfeb,#f97316e0)}.themed-date-icon-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;flex:1}.themed-date-icon-grid>span{border-radius:3px;background:#cbd5e1e6}.themed-date-popover{position:fixed;z-index:1000;padding:14px;max-width:calc(100vw - 24px);border-radius:24px;border:1px solid rgba(45,212,191,.22);background:radial-gradient(circle at top right,rgba(45,212,191,.14),transparent 42%),linear-gradient(180deg,#0f172af7,#0b1220f2);box-shadow:0 24px 80px #03071280,inset 0 1px #ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow-y:auto;overscroll-behavior:contain}.themed-date-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.themed-date-month{font-size:1rem;font-weight:800;color:#f8fafc}.themed-date-nav{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;border:1px solid rgba(148,163,184,.18);background:#0f172a94;color:#e2e8f0;cursor:pointer;transition:transform .14s ease,border-color .14s ease,background-color .14s ease}.themed-date-nav:hover{transform:translateY(-1px);border-color:#2dd4bf4d;background:#2dd4bf1f}.themed-date-weekdays,.themed-date-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.themed-date-weekdays{gap:6px;margin-bottom:8px}.themed-date-weekdays span{text-align:center;color:var(--text-soft);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.themed-date-grid{gap:6px}.themed-date-day{min-height:38px;padding:0;display:grid;place-items:center;border-radius:12px;border:1px solid transparent;background:transparent;color:#e2e8f0;cursor:pointer;transition:transform .14s ease,background-color .14s ease,border-color .14s ease,color .14s ease}.themed-date-day:hover{transform:translateY(-1px);background:linear-gradient(135deg,#2dd4bf29,#f973161a);color:#f8fafc}.themed-date-day.outside-month{color:#94a3b88f}.themed-date-day.today{border-color:#f973164d}.themed-date-day.selected{background:linear-gradient(135deg,#2dd4bff2,#14b8a6cc);color:#04151f;font-weight:800;box-shadow:0 10px 24px #14b8a63d}.themed-date-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}.themed-date-footer-button{padding-inline:16px}.toggle-field{align-content:end}.toggle-field input[type=checkbox]{width:45px;height:50px;min-height:45px;margin:0;justify-self:start;cursor:pointer;accent-color:var(--accent)}.primary-button,.secondary-button,.ghost-button,.tab-button{cursor:pointer;transition:transform .14s ease,background-color .14s ease,border-color .14s ease}.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.tab-button:hover{transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled,.ghost-button:disabled{opacity:.58;cursor:not-allowed;transform:none}.primary-button,.secondary-button,.ghost-button{border-radius:999px;padding:12px 18px;border:1px solid transparent}.primary-button{background:linear-gradient(135deg,var(--accent-strong),var(--warm));color:#04151f;font-weight:800}.secondary-button{background:#2dd4bf29;border-color:#2dd4bf57;color:#dcfdf7}.ghost-button{background:#0f172a9e;border-color:#94a3b838;color:#e2e8f0}.error-banner,.success-banner,.warning-banner{margin:0;padding:14px 18px;border-radius:16px;border:1px solid transparent}.error-banner{background:#be185d1f;border-color:#fb718547;color:#fecdd3}.success-banner{background:#05966924;border-color:#34d39947;color:#d1fae5}.warning-banner{background:#b4530924;border-color:#fb923c47;color:#ffedd5}.app-shell{position:relative;min-height:100dvh;padding:calc(24px + env(safe-area-inset-top)) clamp(18px,4vw,42px) calc(48px + env(safe-area-inset-bottom));overflow-x:clip}.background-orb{position:fixed;width:340px;height:340px;border-radius:999px;filter:blur(42px);pointer-events:none;opacity:.34}.orb-a{top:-80px;right:-60px;background:#2dd4bf59}.orb-b{bottom:-100px;left:-40px;background:#f9731647}.app-header,.tab-nav,.app-main,.game-switch-shell,.dashboard-stack{position:relative;z-index:1}.game-switch-shell{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;margin-bottom:24px;padding:18px 20px;border:1px solid rgba(148,163,184,.16);border-radius:22px;background:#0f172a61;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.game-switch-copy{margin:0;color:var(--text-soft);max-width:640px}.game-nav,.dashboard-stack{display:grid;gap:16px}.game-nav{grid-template-columns:repeat(2,minmax(120px,1fr))}.game-button{cursor:pointer;border:1px solid rgba(148,163,184,.2);border-radius:999px;padding:12px 18px;background:#0f172a80;color:var(--text-soft);font-weight:800;transition:transform .14s ease,background-color .14s ease,border-color .14s ease}.game-button:hover{transform:translateY(-1px)}.game-button.active{background:#2dd4bf2e;color:#ecfeff;border-color:#2dd4bf5c}.dashboard-panel[hidden]{display:none}.dashboard-panel{min-width:0}.app-header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px}.header-actions,.summary-toolbar,.inline-form{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.version-create-form{align-items:flex-end;margin-bottom:8px}.tab-nav{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 24px}.tab-button{border:1px solid rgba(148,163,184,.2);border-radius:999px;padding:11px 16px;background:#0f172a80;color:var(--text-soft);font-weight:700}.tab-button.active{background:#2dd4bf2e;color:#ecfeff;border-color:#2dd4bf5c}.app-main{display:grid;gap:20px;min-width:0}.surface-card{padding:24px;border-radius:24px}.section-heading{margin-bottom:18px}.form-grid,.metric-grid,.summary-grid,.chip-grid,.version-card-grid,.purchase-list{display:grid;gap:16px;min-width:0}.form-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}.compact-form{align-items:end}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}.summary-card,.metric-item,.status-chip,.version-card,.purchase-card,.empty-card{border-radius:18px;border:1px solid rgba(148,163,184,.14);background:#0f172a94;padding:16px;min-width:0}.summary-card span,.metric-item span,.inline-list span,.purchase-card span{display:block;color:var(--text-soft);font-size:.9rem}.summary-card strong,.metric-item strong,.inline-list strong,.purchase-card strong{display:block;margin-top:4px;font-size:1.18rem}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));margin-top:18px}.chip-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr))}.status-chip{display:grid;gap:14px;align-content:start}.status-chip.available{border-color:#2dd4bf47}.status-chip.used{border-color:#fb923c47}.status-chip-header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.status-chip-title{display:block;color:#f8fafc;font-size:1rem;font-weight:700}.status-chip-copy{display:block;margin-top:4px;color:var(--text-soft);font-size:.84rem}.status-pill{flex-shrink:0;padding:6px 10px;border-radius:999px;border:1px solid rgba(148,163,184,.2);background:#0f172aa8;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.status-pill.available{border-color:#2dd4bf4d;color:#ccfbf1}.status-pill.used{border-color:#fb923c4d;color:#ffedd5}.chip-toggle{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:6px;border-radius:16px;border:1px solid rgba(148,163,184,.14);background:#02061759}.chip-toggle-button{border:1px solid transparent;border-radius:12px;background:transparent;color:var(--text-soft);padding:10px 12px;font-weight:700}.chip-toggle-button.active.available{background:linear-gradient(135deg,#2dd4bff2,#14b8a6cc);color:#04151f}.chip-toggle-button.active.used{background:linear-gradient(135deg,#fb923cf2,#f97316cc);color:#1c0e04}.bar-list{display:grid;gap:12px}.bar-label-row{display:flex;justify-content:space-between;gap:12px;margin-bottom:6px;color:#e2e8f0}.bar-track{height:12px;border-radius:999px;background:#94a3b824;overflow:hidden}.bar-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--warm))}.version-card-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}.version-picker-block{display:grid;gap:10px;flex:1 1 320px}.version-picker-label{color:#e2e8f0;font-size:.92rem;font-weight:600}.version-picker{display:flex;flex-wrap:wrap;gap:10px}.version-picker-button{border:1px solid rgba(148,163,184,.18);border-radius:999px;background:#0f172a85;color:var(--text-soft);padding:11px 16px;font-weight:700}.version-picker-button.active{background:#2dd4bf2e;border-color:#2dd4bf5c;color:#ecfeff}.version-picker-empty{border:1px dashed rgba(148,163,184,.22);border-radius:16px;background:#0f172a52;color:var(--text-soft);padding:12px 14px}.version-card-header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:14px}.table-wrapper{overflow-x:auto}.breakdown-card-list{display:none;gap:12px}.breakdown-card{display:grid;gap:12px}.breakdown-card-row{display:grid;gap:4px}.breakdown-card-label{color:var(--text-soft);font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.breakdown-card-value{color:#f8fafc;overflow-wrap:anywhere}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid rgba(148,163,184,.14)}th{color:#f8fafc;font-size:.92rem}td{color:var(--text-soft)}.inline-list{display:flex;flex-wrap:wrap;gap:8px;align-items:baseline;margin:18px 0;min-width:0}@media(max-width:840px){.app-header{flex-direction:column}.game-switch-shell{flex-direction:column;align-items:stretch}.game-nav,.header-actions{width:100%}.header-actions>button{flex:1 1 160px}.surface-card{padding:20px}}@media(max-width:520px){.app-loading,.login-shell{padding:calc(18px + env(safe-area-inset-top)) 16px calc(18px + env(safe-area-inset-bottom))}.login-card{padding:24px 20px;border-radius:24px}.app-shell{padding:calc(18px + env(safe-area-inset-top)) 14px calc(30px + env(safe-area-inset-bottom))}.background-orb{width:250px;height:250px;filter:blur(36px);opacity:.24}.game-switch-shell{gap:14px;margin-bottom:18px;padding:16px;border-radius:20px}.game-nav,.tab-nav,.version-picker{display:flex;flex-wrap:nowrap;gap:10px;overflow-x:auto;padding:2px 2px 6px;scrollbar-width:none;-ms-overflow-style:none}.game-nav::-webkit-scrollbar,.tab-nav::-webkit-scrollbar,.version-picker::-webkit-scrollbar{display:none}.game-button,.tab-button,.version-picker-button{flex:0 0 auto;white-space:nowrap}.tab-nav{margin:16px 0 20px}.app-header{gap:14px;margin-bottom:16px}.header-actions,.summary-toolbar,.version-create-form{width:100%;align-items:stretch}.header-actions{display:grid;grid-template-columns:1fr}.header-actions>button,.summary-toolbar>button,.version-create-form>button{width:100%;justify-content:center}.version-picker-block,.version-create-form>.field{width:100%;min-width:0}.surface-card{padding:18px 16px;border-radius:20px}.section-heading{margin-bottom:16px}.form-grid,.chip-grid,.version-card-grid,.purchase-list{grid-template-columns:1fr}.summary-grid,.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.status-chip-header,.version-card-header,.bar-label-row{flex-wrap:wrap}.version-card-header>.ghost-button{width:100%}.table-wrapper{display:none}.breakdown-card-list{display:grid}.inline-list{flex-direction:column;align-items:flex-start;gap:4px}}@media(max-width:420px){.summary-grid,.metric-grid{grid-template-columns:1fr}}@media(max-height:520px){.app-loading,.login-shell{min-height:100dvh;padding-top:calc(16px + env(safe-area-inset-top));padding-bottom:calc(16px + env(safe-area-inset-bottom))}.app-shell{padding-top:calc(16px + env(safe-area-inset-top));padding-bottom:calc(24px + env(safe-area-inset-bottom))}.background-orb{width:220px;height:220px;filter:blur(30px)}.game-switch-shell{margin-bottom:16px}.surface-card{padding:18px}.themed-date-popover{padding:12px}.themed-date-weekdays,.themed-date-grid{gap:4px}.themed-date-day{min-height:34px}.themed-date-footer{margin-top:10px}}