@import "https://fonts.googleapis.com/css2?family=Anuphan:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700;800&display=swap";:root{--accent-rgb:88, 166, 255;--bg:#0a0a0a;--surface:#0f1117;--surface-2:#161b22;--surface-3:#1c2230;--border:#21262d;--border-bright:#30363d;--accent:#58a6ff;--accent-dim:#58a6ff1f;--accent-glow:#58a6ff40;--accent-border:#58a6ff66;--win:#3fb950;--win-dim:#3fb9501f;--win-border:#3fb95066;--loss:#f85149;--loss-dim:#f851491f;--loss-border:#f8514966;--premium:#f0b429;--premium-dim:#ffc1071f;--premium-border:#ffb91e66;--text:#b1bac4;--text-muted:#6e7681;--text-h:#e6edf3;--mono:"JetBrains Mono", "Roboto Mono", "Anuphan", monospace;--sans:system-ui, "Segoe UI", Roboto, "Anuphan", sans-serif;--nav-h:80px;--nav-surface:#0a0a0af7;--scrim:#000000b8;--panel-scrim:#0000008c;font:16px/1.5 var(--sans);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=default]{--accent-rgb:88, 166, 255;--bg:#0a0a0a;--surface:#0f1117;--surface-2:#161b22;--surface-3:#1c2230;--border:#21262d;--border-bright:#30363d;--accent:#58a6ff;--accent-dim:#58a6ff1f;--accent-glow:#58a6ff40;--accent-border:#58a6ff66;--text:#b1bac4;--text-muted:#6e7681;--text-h:#e6edf3;--nav-surface:#0a0a0af7;--scrim:#000000b8;--panel-scrim:#0000008c}html{background:var(--bg);scrollbar-gutter:stable both-edges;overflow-y:scroll}body,#root{scrollbar-gutter:stable both-edges}html:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(ellipse 80% 50% at 50% 0%, rgba(var(--accent-rgb),.12) 0%, transparent 55%), var(--bg);transition:background .4s;position:fixed;inset:0}[data-scheme=light]{--win:#1e8a38;--win-dim:#1e8a381f;--win-border:#1e8a3866;--loss:#cc3228;--loss-dim:#cc32281f;--loss-border:#cc322866;--scrim:#0a12206b;--panel-scrim:#0a12202e}[data-theme=default][data-scheme=light]{--accent-rgb:26, 95, 200;--bg:#eef2f5;--surface:#f2f5f8;--surface-2:#f7f9fb;--surface-3:#e4eaf0;--border:#cdd6e0;--border-bright:#b0bfcc;--accent:#1a5fc8;--accent-dim:#1a5fc81a;--accent-glow:#1a5fc833;--accent-border:#1a5fc859;--text:#1c2a3a;--text-muted:#5878a0;--text-h:#0a1525;--nav-surface:#eef2f5f7}[data-theme=default][data-scheme=light]:before{background:radial-gradient(ellipse 80% 40% at 50% 0%, rgba(var(--accent-rgb),.1) 0%, transparent 55%), var(--bg)}[data-theme=lyrical][data-scheme=light]{--accent-rgb:196, 67, 122;--bg:#fdf0f6;--surface:#fff5fa;--surface-2:#ffeef7;--surface-3:#fce0ee;--border:#f0c0d8;--border-bright:#e8a0c4;--accent:#c4437a;--accent-dim:#c4437a1a;--accent-glow:#c4437a33;--accent-border:#c4437a59;--text:#3a1a28;--text-muted:#a06080;--text-h:#200a18;--nav-surface:#fdf0f6f7}[data-theme=lyrical][data-scheme=light]:before{background:radial-gradient(ellipse 110% 60% at 30% 0%, #c4437a2e 0%, transparent 55%), radial-gradient(ellipse 80% 50% at 85% 100%, #dc78aa24 0%, transparent 60%), var(--bg)}[data-theme=darkstate][data-scheme=light]{--accent-rgb:26, 79, 200;--bg:#eef0fc;--surface:#f2f4ff;--surface-2:#f7f8ff;--surface-3:#e4e8f8;--border:#c8d0f0;--border-bright:#a8b4e4;--accent:#1a4fc8;--accent-dim:#1a4fc81a;--accent-glow:#1a4fc833;--accent-border:#1a4fc859;--text:#1a1e38;--text-muted:#5060a0;--text-h:#080c20;--nav-surface:#eef0fcf7}[data-theme=darkstate][data-scheme=light]:before{background:radial-gradient(ellipse 110% 60% at 40% 0%, #1a4fc824 0%, transparent 55%), radial-gradient(ellipse 80% 50% at 80% 100%, #3c50c81a 0%, transparent 60%), var(--bg)}[data-theme=keter][data-scheme=light]{--accent-rgb:160, 120, 8;--bg:#fdf8e8;--surface:#fffdf0;--surface-2:#fffae8;--surface-3:#f8f0d0;--border:#e8d890;--border-bright:#d4bc60;--accent:#a07808;--accent-dim:#a078081a;--accent-glow:#a0780833;--accent-border:#a0780859;--text:#2c2410;--text-muted:#806840;--text-h:#180e00;--nav-surface:#fdf8e8f7}[data-theme=keter][data-scheme=light]:before{background:radial-gradient(ellipse 110% 60% at 35% 0%, #a0780829 0%, transparent 55%), radial-gradient(ellipse 80% 50% at 80% 100%, #c8a0001a 0%, transparent 60%), var(--bg)}[data-theme=brandt][data-scheme=light]{--accent-rgb:74, 96, 128;--bg:#eef2f8;--surface:#f2f6fc;--surface-2:#f7faff;--surface-3:#e4eaf4;--border:#c8d4e8;--border-bright:#a8b8d0;--accent:#4a6080;--accent-dim:#4a60801a;--accent-glow:#4a608033;--accent-border:#4a608059;--text:#1a2030;--text-muted:#506080;--text-h:#080c18;--nav-surface:#eef2f8f7}[data-theme=brandt][data-scheme=light]:before{background:radial-gradient(ellipse 110% 60% at 65% 0%, #4a608024 0%, transparent 55%), radial-gradient(ellipse 80% 50% at 10% 100%, #50648c1a 0%, transparent 60%), var(--bg)}[data-theme=stoicheia][data-scheme=light]{--accent-rgb:30, 138, 80;--bg:#eef8f2;--surface:#f2fcf6;--surface-2:#f7fff9;--surface-3:#e0f4e8;--border:#b8e4cc;--border-bright:#90d0b0;--accent:#1e8a50;--accent-dim:#1e8a501a;--accent-glow:#1e8a5033;--accent-border:#1e8a5059;--text:#0e2818;--text-muted:#3a7050;--text-h:#041008;--nav-surface:#eef8f2f7}[data-theme=stoicheia][data-scheme=light]:before{background:radial-gradient(ellipse 110% 60% at 50% 0%, #1e8a5029 0%, transparent 55%), radial-gradient(ellipse 80% 50% at 5% 100%, #0a64321a 0%, transparent 60%), var(--bg)}[data-theme=dragon][data-scheme=light]{--accent-rgb:176, 32, 16;--bg:#fdf0ee;--surface:#fff5f3;--surface-2:#ffeeed;--surface-3:#fce0dc;--border:#f0c0b8;--border-bright:#e4a098;--accent:#b02010;--accent-dim:#b020101a;--accent-glow:#b0201033;--accent-border:#b0201059;--text:#2c1010;--text-muted:#906060;--text-h:#180404;--nav-surface:#fdf0eef7}[data-theme=dragon][data-scheme=light]:before{background:radial-gradient(ellipse 110% 60% at 50% 0%, #b0201029 0%, transparent 55%), radial-gradient(ellipse 80% 50% at 15% 100%, #8c14081a 0%, transparent 60%), var(--bg)}[data-theme=lyrical]{--accent-rgb:232, 110, 164;--bg:#100910;--surface:#180e18;--surface-2:#201420;--surface-3:#281a28;--border:#342030;--border-bright:#482c44;--accent:#e86ea4;--accent-dim:#e86ea41f;--accent-glow:#e86ea447;--accent-border:#e86ea466;--win:#3fb950;--win-dim:#3fb9501f;--win-border:#3fb95066;--loss:#f85149;--loss-dim:#f851491f;--loss-border:#f8514966;--text:#c8b4c0;--text-muted:#7e6878;--text-h:#f4e6f0;--nav-surface:#0c080cf7;--scrim:#000000b8;--panel-scrim:#0000008c}[data-theme=lyrical]:before{background:radial-gradient(ellipse 110% 60% at 30% 0%, rgba(var(--accent-rgb),.28) 0%, transparent 60%), radial-gradient(ellipse 90% 50% at 85% 100%, #8c145038 0%, transparent 65%), var(--bg)}[data-theme=darkstate]{--accent-rgb:62, 110, 228;--bg:#090a14;--surface:#0e1020;--surface-2:#131628;--surface-3:#181c32;--border:#1e2440;--border-bright:#283256;--accent:#3e6ee4;--accent-dim:#3e6ee41f;--accent-glow:#3e6ee447;--accent-border:#3e6ee466;--win:#3fb950;--win-dim:#3fb9501f;--win-border:#3fb95066;--loss:#f85149;--loss-dim:#f851491f;--loss-border:#f8514966;--text:#a8b4cc;--text-muted:#5e6884;--text-h:#dae0f6;--nav-surface:#070810f7;--scrim:#000c;--panel-scrim:#0009}[data-theme=darkstate]:before{background:radial-gradient(ellipse 110% 60% at 40% 0%, rgba(var(--accent-rgb),.28) 0%, transparent 60%), radial-gradient(ellipse 90% 50% at 80% 100%, #0812603d 0%, transparent 65%), var(--bg)}[data-theme=keter]{--accent-rgb:216, 172, 18;--bg:#100d00;--surface:#1a1500;--surface-2:#221c00;--surface-3:#2c2400;--border:#3a3000;--border-bright:#504200;--accent:#d8ac12;--accent-dim:#d8ac121f;--accent-glow:#d8ac1247;--accent-border:#d8ac1266;--win:#3fb950;--win-dim:#3fb9501f;--win-border:#3fb95066;--loss:#f85149;--loss-dim:#f851491f;--loss-border:#f8514966;--text:#c8c0ac;--text-muted:#7e7860;--text-h:#f4f0e4;--nav-surface:#0a0800f7;--scrim:#000000b8;--panel-scrim:#0000008c}[data-theme=keter]:before{background:radial-gradient(ellipse 110% 60% at 35% 0%, rgba(var(--accent-rgb),.28) 0%, transparent 60%), radial-gradient(ellipse 90% 50% at 80% 100%, #6e480038 0%, transparent 65%), var(--bg)}[data-theme=brandt]{--accent-rgb:190, 200, 216;--bg:#0c0e12;--surface:#131620;--surface-2:#191d28;--surface-3:#1f2430;--border:#272e3c;--border-bright:#343b4e;--accent:#bec8d8;--accent-dim:#bec8d81f;--accent-glow:#bec8d838;--accent-border:#bec8d85c;--win:#3fb950;--win-dim:#3fb9501f;--win-border:#3fb95066;--loss:#f85149;--loss-dim:#f851491f;--loss-border:#f8514966;--text:#a8b4c4;--text-muted:#606878;--text-h:#d8e0ec;--nav-surface:#090a0ef7;--scrim:#000000b8;--panel-scrim:#0000008c}[data-theme=brandt]:before{background:radial-gradient(ellipse 110% 60% at 65% 0%, rgba(var(--accent-rgb),.24) 0%, transparent 60%), radial-gradient(ellipse 90% 50% at 10% 100%, #26304438 0%, transparent 65%), var(--bg)}[data-theme=stoicheia]{--accent-rgb:70, 192, 128;--bg:#081008;--surface:#0e1810;--surface-2:#142014;--surface-3:#1a281a;--border:#223422;--border-bright:#2e482e;--accent:#46c080;--accent-dim:#46c0801f;--accent-glow:#46c08047;--accent-border:#46c08066;--win:#3fb950;--win-dim:#3fb9501f;--win-border:#3fb95066;--loss:#f85149;--loss-dim:#f851491f;--loss-border:#f8514966;--text:#a8c4b0;--text-muted:#5e7a66;--text-h:#d8f0e4;--nav-surface:#060a06f7;--scrim:#000000b8;--panel-scrim:#0000008c}[data-theme=stoicheia]:before{background:radial-gradient(ellipse 110% 60% at 50% 0%, rgba(var(--accent-rgb),.28) 0%, transparent 60%), radial-gradient(ellipse 90% 50% at 5% 100%, #0a502638 0%, transparent 65%), var(--bg)}[data-theme=dragon]{--accent-rgb:222, 58, 36;--bg:#120808;--surface:#1c0e0c;--surface-2:#241412;--surface-3:#2c1a18;--border:#3a2020;--border-bright:#4e2e2c;--accent:#de3a24;--accent-dim:#de3a241f;--accent-glow:#de3a2447;--accent-border:#de3a2466;--win:#3fb950;--win-dim:#3fb9501f;--win-border:#3fb95066;--loss:#f85149;--loss-dim:#f851491f;--loss-border:#f8514966;--text:#c8b2b0;--text-muted:#806262;--text-h:#f4e6e4;--nav-surface:#0a0606f7;--scrim:#000000b8;--panel-scrim:#0000008c}[data-theme=dragon]:before{background:radial-gradient(ellipse 110% 60% at 50% 0%, rgba(var(--accent-rgb),.28) 0%, transparent 60%), radial-gradient(ellipse 90% 50% at 15% 100%, #7810083d 0%, transparent 65%), var(--bg)}*,:before,:after{box-sizing:border-box;transition:background-color .4s,border-color .4s,color .4s,fill .4s,stroke .4s,box-shadow .4s}.splash *,canvas,video,img,.nrg-zone,.nrg-counter-bg,.nrg-counter-bg:after,.nrg-bar-fill{transition:none!important}body{margin:0}h1,h2,h3{color:var(--text-h);margin:0;font-weight:700}p{margin:0}#root{flex-direction:column;min-height:100svh;display:flex}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:2px}.app-enter{animation:.55s cubic-bezier(.16,1,.3,1) both app-enter-fade}.app-enter .app-content{animation:.55s cubic-bezier(.16,1,.3,1) both app-enter-slide}@keyframes app-enter-fade{0%{opacity:0}to{opacity:1}}@keyframes app-enter-slide{0%{transform:translateY(18px)}to{transform:translateY(0)}}.page-enter{animation:.22s cubic-bezier(.16,1,.3,1) forwards page-enter}@keyframes page-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.page-exit{pointer-events:none;animation:.16s forwards page-exit}@keyframes page-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.stats-grid>:first-child .stat-card,.stats-grid>:first-child .stat-card-btn{animation:.35s cubic-bezier(.16,1,.3,1) 50ms both fade-in-up}.stats-grid>:nth-child(2) .stat-card,.stats-grid>:nth-child(2) .stat-card-btn{animation:.35s cubic-bezier(.16,1,.3,1) .1s both fade-in-up}.stats-grid>:nth-child(3) .stat-card,.stats-grid>:nth-child(3) .stat-card-btn{animation:.35s cubic-bezier(.16,1,.3,1) .15s both fade-in-up}.stats-grid>:nth-child(4) .stat-card,.stats-grid>:nth-child(4) .stat-card-btn{animation:.35s cubic-bezier(.16,1,.3,1) .2s both fade-in-up}.stat-card.wide{animation:.35s cubic-bezier(.16,1,.3,1) both fade-in-up}.match-entry{animation:.3s cubic-bezier(.16,1,.3,1) both fade-in-up}.form>.form-group:first-child{animation:.35s cubic-bezier(.16,1,.3,1) 50ms both fade-in-up}.form>.form-group:nth-child(2){animation:.35s cubic-bezier(.16,1,.3,1) .1s both fade-in-up}.form>.form-group:nth-child(3){animation:.35s cubic-bezier(.16,1,.3,1) .15s both fade-in-up}.dice-screen .dice-hint{animation:.35s cubic-bezier(.16,1,.3,1) 50ms both fade-in-up}.dice-screen .dice-player-section,.dice-screen .dice-vs-divider{animation:.35s cubic-bezier(.16,1,.3,1) .1s both fade-in-up}.dice-screen .dice-actions{animation:.35s cubic-bezier(.16,1,.3,1) .15s both fade-in-up}.energy-screen .energy-mode-toggle{animation:.35s cubic-bezier(.16,1,.3,1) 50ms both fade-in-up}.energy-screen .nrg-counters{animation:.35s cubic-bezier(.16,1,.3,1) .1s both fade-in-up}.energy-screen .nrg-reset{animation:.35s cubic-bezier(.16,1,.3,1) .15s both fade-in-up}.loading-pulse{justify-content:center;align-items:center;gap:8px;padding:80px 0;display:flex}.loading-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite dot-pulse}.loading-dot:nth-child(2){animation-delay:.2s}.loading-dot:nth-child(3){animation-delay:.4s}@keyframes dot-pulse{0%,80%,to{opacity:.15;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}@keyframes toast-out{0%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(6px)}}.app{min-height:100svh;padding-top:env(safe-area-inset-top);background:0 0;flex-direction:column;display:flex}.app-header{background:var(--nav-surface);border-bottom:1px solid var(--border);z-index:20;justify-content:space-between;align-items:center;padding:13px 18px;display:flex;position:sticky;top:0;overflow:hidden}.app-header:before{content:"";background:linear-gradient(90deg, transparent 0%, var(--accent-border) 30%, var(--accent) 50%, var(--accent-border) 70%, transparent 100%);height:1px;position:absolute;top:0;left:0;right:0}.header-title{font-family:var(--mono);color:var(--accent);letter-spacing:.15em;text-transform:uppercase;z-index:1;align-items:center;gap:9px;font-size:15px;font-weight:800;display:flex;position:relative}.header-title:before{content:""}.header-sep{background:var(--border-bright);width:1px;height:14px}.header-grade{font-family:var(--mono);letter-spacing:.18em;color:var(--text-muted);text-transform:uppercase;font-size:8px;font-weight:700}.app-content{display:contents}.app-main{padding-bottom:var(--nav-h);flex:1}.bottom-nav{background:var(--nav-surface);border-top:1px solid var(--border);z-index:20;padding-bottom:env(safe-area-inset-bottom);display:flex;position:fixed;bottom:0;left:0;right:0;overflow:hidden}.bottom-nav:before{content:"";background:linear-gradient(90deg, transparent, var(--accent-border) 40%, var(--accent-border) 60%, transparent);height:1px;position:absolute;top:0;left:0;right:0}.nav-brand,.sidebar-profile,.sidebar-bottom{display:none}.nav-btn{color:var(--text-muted);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:4px;padding:11px 8px 9px;font-size:11px;font-weight:700;transition:color .2s;display:flex;position:relative}.nav-btn.active{color:var(--accent)}.nav-btn.active:after{content:"";background:var(--accent);height:1px;box-shadow:0 0 8px var(--accent-glow);position:absolute;top:0;left:25%;right:25%}@media (width>=640px){.screen{padding:28px 24px}.stats-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=1024px){.app{flex-direction:row;width:100%}.bottom-nav{border-top:none;border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;justify-content:flex-start;align-items:stretch;gap:4px;width:220px;min-height:100svh;max-height:100svh;padding:24px 0 0;position:sticky;inset:0 auto auto}.nav-brand{border-bottom:1px solid var(--border);font-family:var(--mono);color:var(--accent);letter-spacing:.15em;text-transform:uppercase;align-items:center;gap:9px;margin-bottom:4px;padding:0 16px 20px;font-size:13px;font-weight:800;display:flex}.header-title,.app-header,.nav-btn-profile{display:none}.sidebar-bottom{border-top:1px solid var(--border);flex-direction:column;gap:8px;margin-top:auto;padding:12px 16px 20px;display:flex}.sidebar-profile{cursor:pointer;text-align:left;color:var(--text);background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;width:calc(100% - 16px);margin:0 8px 8px;padding:12px 16px;transition:background .15s;display:flex}.sidebar-profile:hover{background:var(--surface-hover,#ffffff0d)}.sidebar-avatar{background:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex;overflow:hidden}.sidebar-avatar img{object-fit:cover;width:100%;height:100%}.sidebar-avatar span{font-family:var(--mono);color:var(--bg);font-size:14px;font-weight:800;line-height:1}.sidebar-profile-info{flex-direction:column;gap:3px;min-width:0;display:flex}.sidebar-profile-name{font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:700;overflow:hidden}.sidebar-role-badge{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;border-radius:3px;width:fit-content;padding:1px 5px;font-size:9px;font-weight:700;display:inline-block}.sidebar-role-badge.premium{background:color-mix(in srgb, var(--accent) 20%, transparent);color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 40%, transparent)}.sidebar-role-badge.admin{color:#f59e0b;background:#f59e0b33;border:1px solid #f59e0b66}.nav-btn{border-radius:0;flex-direction:row;flex:none;justify-content:flex-start;gap:12px;width:calc(100% - 16px);margin:0 8px;padding:12px 16px;font-size:10px}.nav-btn:after{width:1px;height:auto;box-shadow:0 0 6px var(--accent-glow);border-radius:0;inset:10% auto 10% -8px}.app-content{flex-direction:column;flex:1;min-width:0;min-height:100svh;display:flex}.app-main{flex:1;width:100%;padding-bottom:40px}.screen{box-sizing:border-box;width:100%;max-width:960px;margin-left:auto;margin-right:auto;padding:32px 40px}.stats-grid{grid-template-columns:repeat(4,1fr)}.form{max-width:600px}.match-list,.table-wrapper{max-width:none}.login-card{max-width:400px;padding:56px 48px}.modal-overlay,.sheet-backdrop,.deck-picker-overlay{align-items:center;padding:24px}.modal-card,.sheet{border-bottom:1px solid var(--border-bright);max-width:520px;max-height:85svh;animation:.2s cubic-bezier(.16,1,.3,1) both modal-pop-in}.sheet.deck-modal-sheet{width:90vw;max-width:1000px;height:88svh;max-height:88svh}.modal-card.closing,.sheet.closing{animation:.16s cubic-bezier(.4,0,1,1) both modal-pop-out}.deck-picker-sheet{border-bottom:1px solid var(--border-bright);height:auto;max-height:85svh;animation:.2s cubic-bezier(.16,1,.3,1) both modal-pop-in}.deck-picker-sheet.closing{animation:.16s cubic-bezier(.4,0,1,1) both modal-pop-out}.sheet-handle{display:none}.dice-screen{grid-template-rows:auto auto auto;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:0;max-width:680px;display:grid}.dice-hint{grid-column:1/-1}.dice-screen>:nth-child(2){grid-area:2/1}.dice-vs-divider{flex-direction:column;grid-area:2/2;width:auto;margin:0 12px}.dice-vs-line{flex:1;width:1px;height:auto}.dice-screen>:nth-child(4){grid-area:2/3}.dice-result{grid-area:3/1/auto/-1;margin-top:12px}.dice-actions{grid-area:4/1/auto/-1}.nrg-counters--two{flex-direction:row;gap:10px}.nrg-counters--two .nrg-counter-wrap:first-child{transform:none}.fab{bottom:32px;right:32px}.mh-card{clip-path:none;border:none;border-left:3px solid var(--border);background:var(--surface);width:100%;max-width:780px;margin-left:auto;margin-right:auto;transition:border-color .2s,box-shadow .2s;position:relative;overflow:hidden}.mh-card:before{content:"";background:linear-gradient(135deg, rgba(var(--accent-rgb), .03) 0%, transparent 60%);pointer-events:none;position:absolute;inset:0}.mh-card.win{border-left-color:var(--win);box-shadow:-2px 0 12px #3fb95033,inset 0 0 40px #3fb95005}.mh-card.loss{border-left-color:var(--loss);box-shadow:-2px 0 12px #f8514933,inset 0 0 40px #f8514905}.mh-card:hover{background:var(--surface-2)}.mh-panels-wrap{display:contents}.mh-panels,.mh-panels-deck,.mh-panels:not(.mh-panels-matrix){background:var(--surface-2);align-items:stretch;gap:0;height:auto}.mh-panel{aspect-ratio:2/3;overflow:hidden;flex:1!important;width:auto!important}.mh-panel-bg{object-fit:contain;object-position:top center;background:#08080d}.mh-panel-overlay{background:linear-gradient(90deg,#0006 0%,#0000 25%),linear-gradient(#0000004d 0%,#0000 20% 70%,#0009 100%)}.mh-panel-overlay-opp{background:linear-gradient(270deg,#0006 0%,#0000 25%),linear-gradient(#0000004d 0%,#0000 20% 70%,#0009 100%)}.mh-panel-role{letter-spacing:.2em;color:#ffffff80;font-size:8px}.mh-panel-label{max-width:calc(100% - 16px);bottom:6px}.mh-panel-name{letter-spacing:.02em;-webkit-line-clamp:2;line-clamp:2;font-size:10px}.mh-panel-flag{opacity:.8;width:16px;height:11px}.mh-center{background:var(--surface);-webkit-backdrop-filter:none;border-left:1px solid var(--border);border-right:1px solid var(--border);flex:none;justify-content:center;align-items:center;gap:6px;width:180px;padding:24px 16px;position:relative}.mh-center:before{content:"";background:repeating-linear-gradient(0deg, transparent, transparent 3px, rgba(var(--accent-rgb), .018) 3px, rgba(var(--accent-rgb), .018) 4px);pointer-events:none;position:absolute;inset:0}.mh-result{letter-spacing:.18em;z-index:1;font-size:26px;position:relative}.mh-result.win{text-shadow:0 0 18px #3fb9508c}.mh-result.loss{text-shadow:0 0 18px #f851498c}.mh-turn{letter-spacing:.18em;color:var(--text-muted);z-index:1;font-size:10px;position:relative}.mh-date{color:var(--text-muted);z-index:1;font-size:10px;position:relative}.mh-center .event-tag{z-index:1;position:relative}.mh-panels-wrap-history,.mh-footer-history{display:none!important}.mh-row{align-items:stretch;height:100px;display:flex}.mh-row-thumb{background:var(--surface-2);flex-shrink:0;width:70px;height:100px;overflow:hidden}.mh-row-thumb img{object-fit:cover;object-position:top center;width:100%;height:100%}.mh-row-thumb-empty{background:var(--surface-2);width:100%;height:100%}.mh-row-thumb-me{border-right:1px solid var(--border)}.mh-row-thumb-opp{border-left:1px solid var(--border)}.mh-row-matchup{flex:1;align-items:center;gap:10px;min-width:0;padding:0 20px;display:flex}.mh-row-side{flex:1;align-items:center;gap:7px;min-width:0;display:flex}.mh-row-side-opp{flex-direction:row}.mh-row-flag{object-fit:cover;opacity:.85;border-radius:2px;flex-shrink:0;width:18px;height:12px}.mh-row-name{font-family:var(--mono);letter-spacing:.03em;color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-width:0;font-size:12px;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.mh-row-vs{font-family:var(--mono);letter-spacing:.25em;color:var(--text-muted);flex-shrink:0;font-size:9px;font-weight:800}.mh-row-info{border-left:1px solid var(--border);flex-direction:column;flex-shrink:0;justify-content:center;align-items:flex-start;gap:3px;width:200px;padding:0 16px;display:flex;overflow:hidden}.mh-row-result{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;font-size:15px;font-weight:800;line-height:1}.mh-row-result.win{color:var(--win);text-shadow:0 0 14px #3fb95073}.mh-row-result.loss{color:var(--loss);text-shadow:0 0 14px #f8514973}.mh-row-meta-line{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.mh-row-meta{font-family:var(--mono);letter-spacing:.07em;color:var(--text-muted);text-transform:uppercase;font-size:10px;font-weight:600}.mh-row-meta+.mh-row-meta:before{content:"·";color:var(--border-bright);margin-right:6px}.mh-row-info .event-tag{padding:1px 5px;font-size:8px}.mh-row-info .mh-notes{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:10px;font-style:italic;overflow:hidden}.mh-row-meta-col{border-left:1px solid var(--border);flex-direction:column;flex-shrink:0;justify-content:center;align-self:stretch;gap:4px;min-width:160px;padding:0 16px;display:flex}.mh-row-meta-col .mh-notes{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:180px;font-size:10px;font-style:italic;overflow:hidden}.mh-row-actions{border-left:1px solid var(--border);flex-shrink:0;align-self:stretch;align-items:center;gap:4px;padding:0 12px;display:flex}.mh-notes{letter-spacing:.02em;font-size:11px}.mh-panels-deck{width:100%;height:100px!important}.mh-panels-deck .mh-panel{height:100%;aspect-ratio:2/3!important;flex:none!important;width:auto!important}.mh-panels-deck .mh-panel-role{display:none}.deck-stat-center{border-left:1px solid var(--border);box-sizing:border-box;flex-direction:column;flex:1;justify-content:center;align-items:flex-start;gap:6px;min-width:0;padding:20px 32px 20px 36px;display:flex}.deck-stat-center>*{flex-shrink:0}.deck-stat-center .deck-stat-bar-wrap{width:100%;height:3px}.deck-stat-pct{font-size:32px}.deck-stat-name{font-size:15px}.stat-card,.stat-card-btn{padding:20px 18px}.stat-value{font-size:32px}.stat-label{font-size:12px}.rideline-grid{grid-template-columns:repeat(6,1fr);max-height:420px}.rideline-card-name{padding:5px 5px 6px;font-size:9px}}.splash{z-index:1000;font-family:var(--mono);color:var(--text-muted);letter-spacing:.1em;justify-content:center;align-items:center;font-size:13px;display:flex;position:fixed;inset:0}.splash-exit{pointer-events:none;background:0 0}.splash:before,.splash:after{content:"";background:var(--bg);z-index:-1;position:absolute;inset:0}.splash:before{clip-path:polygon(0 0,100% 0,0 100%)}.splash:after{clip-path:polygon(100% 0,100% 100%,0 100%)}.splash-exit:before{animation:.42s cubic-bezier(.55,0,1,.45) forwards split-top-out}.splash-exit:after{animation:.42s cubic-bezier(.55,0,1,.45) forwards split-bottom-out}.splash-initializing{animation:.7s step-end forwards splash-glitch-in}.splash-vanguard-wrap{flex-direction:column;align-items:center;gap:.55rem;display:flex;position:relative}.splash-vanguard-label{letter-spacing:.35em;color:var(--text-muted);opacity:0;font-size:clamp(.7rem,3vw,1rem);font-weight:400;animation:.3s 50ms forwards splash-label-in}.splash-exit .splash-vanguard-wrap{animation:.38s cubic-bezier(.4,0,.6,1) forwards vanguard-zoom-out}.splash-exit .splash-vanguard-letter{animation:none}.splash-vanguard{letter-spacing:.18em;color:var(--accent);font-size:clamp(2.2rem,11vw,4.5rem);font-weight:700;display:flex}.splash-vanguard-letter{opacity:0;animation:letter-rgb .18s ease calc(.12s + var(--i) * 70ms) forwards, letter-glow 1.1s ease calc(.55s + var(--i) * 20ms) infinite alternate;display:inline-block}.splash-vanguard-letter:nth-child(odd){animation:letter-slam-top .45s cubic-bezier(.25, .46, .45, .94) calc(80ms + var(--i) * 60ms) forwards, letter-rgb .3s ease calc(80ms + var(--i) * 60ms) forwards, letter-glow 1.1s ease calc(.6s + var(--i) * 20ms) infinite alternate}.splash-vanguard-letter:nth-child(2n){animation:letter-slam-bottom .45s cubic-bezier(.25, .46, .45, .94) calc(80ms + var(--i) * 60ms) forwards, letter-rgb .3s ease calc(80ms + var(--i) * 60ms) forwards, letter-glow 1.1s ease calc(.6s + var(--i) * 20ms) infinite alternate}@keyframes split-top-out{0%{transform:translate(0)scale(1)}to{transform:translate(-60%,-60%)scale(1.12)}}@keyframes split-bottom-out{0%{transform:translate(0)scale(1)}to{transform:translate(60%,60%)scale(1.12)}}@keyframes vanguard-zoom-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.6)}}@keyframes splash-glitch-in{0%{opacity:0;filter:blur(2px);transform:translate(-3px)}10%{opacity:1;filter:blur();transform:translate(4px)}18%{opacity:0;transform:translate(-2px)}24%{opacity:1;transform:translate(0)}33%{opacity:.4;filter:blur(1px);transform:translate(3px)}40%{opacity:1;filter:blur();transform:translate(-1px)}55%{opacity:.6}65%{opacity:1;transform:translate(0)}75%{opacity:.85}to{opacity:1;filter:blur();transform:translate(0)}}@keyframes splash-label-in{0%{opacity:0;transform:translateY(6px)}to{opacity:.5;transform:translateY(0)}}@keyframes letter-slam-top{0%{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:translateY(0)}}@keyframes letter-slam-bottom{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes letter-rgb{0%{text-shadow:-4px 0 #ff3232cc,4px 0 #32c8ffcc}40%{text-shadow:-2px 0 #ff323280,2px 0 #32c8ff80}to{text-shadow:none}}@keyframes letter-glow{0%{text-shadow:0 0 12px rgba(var(--accent-rgb),.35), 0 0 2px rgba(var(--accent-rgb),.6)}to{text-shadow:0 0 28px rgba(var(--accent-rgb),.75), 0 0 50px rgba(var(--accent-rgb),.25)}}.login-screen{background-color:var(--bg);background-image:repeating-linear-gradient(45deg, transparent 0px, transparent 28px, rgba(var(--accent-rgb),.022) 28px, rgba(var(--accent-rgb),.022) 29px), repeating-linear-gradient(-45deg, transparent 0px, transparent 28px, rgba(var(--accent-rgb),.022) 28px, rgba(var(--accent-rgb),.022) 29px);justify-content:center;align-items:center;min-height:100svh;padding:32px 20px;display:flex;position:relative;overflow:hidden}.login-bg-glow{background:radial-gradient(ellipse, rgba(var(--accent-rgb),.07) 0%, transparent 65%);pointer-events:none;border-radius:50%;width:600px;height:600px;position:absolute;top:-30%;left:50%;transform:translate(-50%)}.login-card{text-align:center;background:linear-gradient(var(--surface), var(--surface)) padding-box, linear-gradient(135deg, rgba(var(--accent-rgb),.55) 0%, rgba(var(--accent-rgb),.18) 20%, rgba(var(--accent-rgb),.06) 45%, rgba(var(--accent-rgb),.06) 55%, rgba(var(--accent-rgb),.18) 80%, rgba(var(--accent-rgb),.55) 100%) border-box;clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,24px 100%,0 calc(100% - 24px));border:1px solid #0000;border-radius:0;width:100%;max-width:340px;padding:48px 32px 40px;animation:.5s cubic-bezier(.16,1,.3,1) both card-enter;position:relative}@keyframes card-enter{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.login-emblem{justify-content:center;align-items:center;margin:0 auto 24px;display:flex}.login-logo{object-fit:contain;width:120px;height:120px;animation:.6s cubic-bezier(.16,1,.3,1) .15s both logo-reveal}@keyframes logo-reveal{0%{opacity:0;filter:blur(6px) drop-shadow(0 0 0px rgba(var(--accent-rgb), 0));transform:scale(.7)rotate(-8deg)}to{opacity:1;filter:drop-shadow(0 0 4px rgba(var(--accent-rgb), .48)) drop-shadow(0 0 14px rgba(var(--accent-rgb), .22)) drop-shadow(0 0 28px rgba(var(--accent-rgb), .1));transform:scale(1)rotate(0)}}.app-title{font-family:var(--mono);color:var(--accent);letter-spacing:.12em;text-transform:uppercase;text-shadow:0 0 24px var(--accent-glow);margin-bottom:6px;font-size:22px;font-weight:800;animation:.45s cubic-bezier(.16,1,.3,1) .3s both fade-up}.app-subtitle{font-family:var(--mono);letter-spacing:.2em;color:var(--text-muted);text-transform:uppercase;margin-bottom:28px;font-size:9px;line-height:2;animation:.45s cubic-bezier(.16,1,.3,1) .42s both fade-up}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dev-badge{font-family:var(--mono);letter-spacing:.14em;color:#e3a008;text-transform:uppercase;background:#ffc10714;border:1px solid #ffc10733;border-radius:0;padding:2px 7px;font-size:8px;font-weight:800}.btn{font-size:13px;font-weight:600;font-family:var(--mono);letter-spacing:.06em;cursor:pointer;text-transform:uppercase;border:none;border-radius:0;justify-content:center;align-items:center;gap:8px;padding:10px 20px;transition:opacity .15s,box-shadow .15s;display:inline-flex}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent);color:#0a0a0a;letter-spacing:.18em;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));border-radius:0;width:100%;padding:13px;font-size:11px;font-weight:800;position:relative;overflow:hidden}.btn-primary:before{content:"";background:repeating-linear-gradient(135deg,#0000 0 8px,#ffffff0f 8px 9px);position:absolute;inset:0}.btn-primary:hover:not(:disabled){box-shadow:0 0 28px var(--accent-glow);opacity:.9}.btn-primary:active:not(:disabled){opacity:.8}.btn-ghost{color:var(--text);border:1px solid var(--border);font-family:var(--mono);text-transform:none;letter-spacing:0;background:0 0;border-radius:0;padding:5px 12px;font-size:10px;font-weight:500}.btn-ghost:hover{border-color:var(--border-bright);color:var(--text-h)}.btn-login{background:var(--accent);color:#0a0a0a;width:100%;font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));border:none;border-radius:0;justify-content:center;align-items:center;gap:10px;padding:14px;font-size:11px;font-weight:800;transition:opacity .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.btn-login:before{content:"";background:repeating-linear-gradient(135deg,#0000 0 8px,#ffffff12 8px 9px);position:absolute;inset:0}.btn-login:hover{opacity:.88;box-shadow:0 0 32px var(--accent-glow)}.btn-login-dev{background:var(--surface-2);width:100%;color:var(--text);border:1px solid var(--border-bright);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;border-radius:0;justify-content:center;align-items:center;gap:8px;padding:11px 14px;font-size:11px;font-weight:700;transition:border-color .15s,color .15s;display:flex}.btn-login-dev:hover{border-color:var(--accent-border);color:var(--text-h)}.login-footer{justify-content:center;align-items:center;gap:8px;margin-top:24px;display:flex}.login-footer-dot{background:var(--accent);opacity:.35;width:4px;height:4px;transform:rotate(45deg)}.login-footer-text{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);font-size:9px}.screen{padding:20px 16px}.screen-title{font-family:var(--mono);color:var(--text-muted);letter-spacing:.18em;text-transform:uppercase;border-bottom:1px solid var(--border);align-items:center;gap:10px;margin-bottom:18px;padding-bottom:12px;font-size:11px;font-weight:700;display:flex}.screen-title-diamond{color:var(--accent);font-size:9px}.screen-title-line{background:linear-gradient(90deg, var(--border), transparent);flex:1;height:1px}input[type=date]{appearance:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-scheme=light] input[type=date]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}input[type=date]::-webkit-date-and-time-value{text-align:left;color:inherit}.form{flex-direction:column;gap:10px;display:flex}.form-group{background:0 0;border:none;border-radius:0;margin:0;padding:0;position:relative}.form-group:before{content:"";pointer-events:none;background:linear-gradient(135deg, rgba(var(--accent-rgb),.45) 0%, rgba(var(--accent-rgb),.12) 18%, rgba(var(--accent-rgb),.04) 40%, rgba(var(--accent-rgb),.04) 60%, rgba(var(--accent-rgb),.12) 82%, rgba(var(--accent-rgb),.45) 100%);clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%);z-index:0;position:absolute;inset:-1px}.form-group:after{content:"";pointer-events:none;background:var(--surface);clip-path:polygon(0 0,calc(100% - 15px) 0,100% 15px,100% 100%,0 100%);z-index:1;position:absolute;inset:1px}.form-group-inner{z-index:2;padding:16px;position:relative}.form-group legend,.form-group-legend{font-family:var(--mono);text-transform:uppercase;letter-spacing:.2em;color:var(--accent);justify-content:space-between;align-items:center;margin-bottom:14px;padding:0;font-size:11px;font-weight:700;display:flex}.form-group legend:before,.form-group-legend-icon{content:"◆ ";opacity:.7;margin-right:8px;font-size:7px}.fieldset-clear{letter-spacing:.1em;color:var(--loss);opacity:.65;cursor:pointer;font-size:11px;font-weight:600;font-family:var(--mono);text-transform:uppercase;background:0 0;border:none;align-items:center;gap:5px;padding:0;transition:opacity .15s;display:flex}.fieldset-clear:hover{opacity:1}.form-label{letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);margin-top:14px;margin-bottom:8px;font-size:9px;font-weight:700}.form-group label{letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);flex-direction:column;gap:6px;margin-top:14px;font-size:9px;font-weight:700;display:flex}.form-group label:first-of-type{margin-top:0}.form-group textarea,.form-group-inner textarea,.form-group input[type=text],.form-group-inner input[type=text]{background:var(--surface-2);border:1px solid var(--border);color:var(--text-h);font-size:13px;font-family:var(--mono);border-radius:0;width:100%;padding:9px 12px;transition:border-color .15s}.form-group textarea,.form-group-inner textarea{resize:vertical;min-height:72px}.form-group textarea:focus,.form-group-inner textarea:focus,.form-group input[type=text]:focus,.form-group-inner input[type=text]:focus{border-color:var(--accent-border);outline:none}.form-group textarea::placeholder,.form-group-inner textarea::placeholder,.form-group input[type=text]::placeholder,.form-group-inner input[type=text]::placeholder{color:var(--text-muted)}.custom-select{width:100%;position:relative}.custom-select-trigger{background:var(--surface-2);border:1px solid var(--border);width:100%;color:var(--text-h);font-size:12px;font-family:var(--mono);cursor:pointer;text-align:left;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,0 100%);border-radius:0;justify-content:space-between;align-items:center;gap:8px;padding:9px 12px;transition:border-color .15s;display:flex}.custom-select-trigger .placeholder{color:var(--text-muted)}.custom-select-arrow{color:var(--text-muted);flex-shrink:0;transition:transform .2s}.custom-select.open .custom-select-trigger{border-color:var(--accent-border)}.custom-select.open .custom-select-arrow{transform:rotate(180deg)}.custom-select.disabled .custom-select-trigger{opacity:.28;cursor:not-allowed}.custom-select-dropdown{background:var(--surface-2);border:1px solid var(--accent-border);border-radius:0;overflow:hidden;box-shadow:0 8px 32px #000000b3}.custom-select-search-wrap{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:8px 10px;display:flex}.custom-select-search{color:var(--text-h);font-family:var(--mono);background:0 0;border:none;outline:none;flex:1;padding:0;font-size:12px}.custom-select-search::placeholder{color:var(--text-muted)}.custom-select-options{max-height:180px;overflow-y:auto}.custom-select-option{text-align:left;width:100%;color:var(--text-h);font-family:var(--mono);cursor:pointer;background:0 0;border:none;padding:9px 12px;font-size:12px;transition:background .1s;display:block}.custom-select-option:hover{background:var(--surface-3)}.custom-select-option.selected{color:var(--accent);background:var(--accent-dim)}.custom-select-clear{cursor:pointer;color:var(--text-muted);background:0 0;border:none;flex-shrink:0;align-items:center;padding:2px;transition:color .15s;display:flex}.custom-select-clear:hover{color:var(--text-h)}.custom-select-empty{text-align:center;color:var(--text-muted);font-family:var(--mono);padding:12px;font-size:11px}.result-toggle{gap:8px;margin-top:8px;display:flex}.result-btn{border:1px solid var(--border);background:var(--surface-2);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text);cursor:pointer;border-radius:4px;flex:1;padding:10px 11px;font-size:11px;font-weight:700;transition:all .15s;position:relative;overflow:hidden}.result-btn.win.selected{background:var(--win-dim);border-color:var(--win);color:var(--win)}.result-btn.loss.selected{background:var(--loss-dim);border-color:var(--loss);color:var(--loss)}.result-btn.turn.selected{background:var(--accent-dim);border-color:var(--accent-border);color:var(--accent)}.result-btn.selected:after{content:"";pointer-events:none;background:repeating-linear-gradient(135deg,#0000 0 6px,#ffffff0a 6px 7px);position:absolute;inset:0}.tab-bar{background:var(--border);border:1px solid var(--border);border-radius:0;gap:1px;margin-bottom:16px;padding:0;display:flex;overflow:hidden}.tab{background:var(--surface);color:var(--text-muted);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;border:none;border-radius:0;flex:1;padding:11px 4px;font-size:11px;font-weight:700;transition:all .15s;position:relative}.tab.active{background:var(--surface-2);color:var(--accent)}.tab.active:before{content:"";background:var(--accent);height:1px;box-shadow:0 0 6px var(--accent-glow);position:absolute;top:0;left:0;right:0}.tab-premium{color:#f0b4298c}.tab-premium.active{color:var(--premium)}.tab-lock{color:#f0b42980;vertical-align:middle;margin-left:4px;font-size:7px}.premium-gate-modal .modal-body{padding-top:20px;padding-bottom:20px}.premium-gate-icon{color:var(--premium);text-shadow:0 0 18px #f0b42966;font-size:32px;line-height:1}.premium-gate-badge{font-family:var(--mono);letter-spacing:.14em;color:var(--premium);background:linear-gradient(135deg,#ffc81e1f,#ffa0000f);border:1px solid #ffb91e59;padding:4px 12px;font-size:10px;font-weight:800}.matrix-cards{flex-direction:column;gap:12px;display:flex}.matrix-card{background:var(--surface);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));animation:.25s cubic-bezier(.16,1,.3,1) both fade-in-up;overflow:hidden}.matrix-card-header{border-bottom:1px solid var(--border);align-items:stretch;min-height:150px;display:flex;overflow:hidden}.matrix-card-art{flex-shrink:0;width:110px;position:relative;overflow:hidden}.matrix-card-art-img{object-fit:contain;object-position:top center;width:110px;height:auto;display:block}.matrix-card-art-overlay{pointer-events:none;background:linear-gradient(90deg,#0000 60%,#00000080 100%);position:absolute;inset:0}.matrix-card-info{background:var(--surface-2);flex-direction:column;flex:1;justify-content:center;gap:5px;padding:16px;display:flex}.matrix-card-deck-name{font-family:var(--mono);color:var(--text-h);font-size:14px;font-weight:700;line-height:1.3}.matrix-card-nation{font-family:var(--mono);color:var(--text-muted);letter-spacing:.06em;font-size:11px}.matrix-card-overall{margin-top:4px}.matrix-card-overall.win .matrix-card-overall-pct{color:var(--win)}.matrix-card-overall.loss .matrix-card-overall-pct{color:var(--loss)}.matrix-card-overall-pct{font-family:var(--mono);font-size:26px;font-weight:800;line-height:1;display:inline}.matrix-card-overall-label{font-family:var(--mono);color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin-left:6px;font-size:10px;display:inline}.matrix-card-rows{padding:8px 0}.matrix-row{border-bottom:1px solid #ffffff0a;align-items:center;gap:10px;padding:9px 16px;display:flex}.matrix-row:last-child{border-bottom:none}.matrix-nation-group{border-bottom:1px solid #ffffff0d}.matrix-nation-group:last-child{border-bottom:none}.matrix-nation-header{background:var(--surface-2);cursor:pointer;text-align:left;border:none;align-items:center;gap:10px;width:100%;padding:10px 16px;transition:opacity .15s;display:flex}.matrix-nation-header:hover{opacity:.85}.matrix-chevron{color:var(--text-muted);flex-shrink:0;transition:transform .25s cubic-bezier(.16,1,.3,1)}.matrix-chevron.open{transform:rotate(180deg)}.matrix-decks-wrap{grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.16,1,.3,1);display:grid}.matrix-decks-wrap-inner{min-height:0;overflow:hidden}.matrix-decks-wrap.open{grid-template-rows:1fr}.matrix-deck-row{border-top:1px solid #ffffff0a;align-items:center;gap:10px;padding:8px 16px;display:flex}.matrix-decks-wrap.open .matrix-deck-row{animation:.28s cubic-bezier(.16,1,.3,1) both fade-in-up}.matrix-deck-row-card{border-radius:2px;flex-shrink:0;width:36px;height:50px;overflow:hidden}.matrix-deck-row-img{object-fit:cover;object-position:center top;width:100%;height:100%;display:block}.matrix-deck-row-img-empty{background:var(--surface-3);width:100%;height:100%}.matrix-deck-row-name{font-family:var(--mono);color:var(--text-h);white-space:normal;word-break:break-word;flex:1;min-width:0;font-size:11px;font-weight:600;line-height:1.3}.matrix-row-opp{flex-shrink:0;align-items:center;gap:8px;width:130px;display:flex}.matrix-row-flag{object-fit:cover;opacity:.85;border-radius:2px;flex-shrink:0;width:32px;height:22px}.matrix-row-nation{font-family:var(--mono);color:var(--text);letter-spacing:.02em;font-size:11px;font-weight:600;line-height:1.2}.matrix-row-bar-wrap{background:var(--surface-3);border-radius:2px;flex:1;height:4px;overflow:hidden}.matrix-row-bar{border-radius:2px;height:100%;transition:width .4s}.matrix-row-great .matrix-row-bar{background:var(--win)}.matrix-row-good .matrix-row-bar{background:var(--win);opacity:.6}.matrix-row-even .matrix-row-bar{background:var(--text-muted);opacity:.5}.matrix-row-bad .matrix-row-bar{background:var(--loss)}.matrix-row-stats{flex-direction:column;flex-shrink:0;align-items:flex-end;width:60px;display:flex}.matrix-row-pct{font-family:var(--mono);font-size:15px;font-weight:800;line-height:1.1}.matrix-row-great .matrix-row-pct,.matrix-row-good .matrix-row-pct{color:var(--win)}.matrix-row-even .matrix-row-pct{color:var(--text-muted)}.matrix-row-bad .matrix-row-pct{color:var(--loss)}.matrix-row-wl{font-family:var(--mono);color:var(--text-muted);margin-top:2px;font-size:10px}.stats-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px;display:grid}.stat-card{background:linear-gradient(var(--surface), var(--surface)) padding-box, linear-gradient(135deg, rgba(var(--accent-rgb),.4) 0%, rgba(var(--accent-rgb),.08) 40%, rgba(var(--accent-rgb),.08) 60%, rgba(var(--accent-rgb),.4) 100%) border-box;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);border:1px solid #0000;border-radius:0;padding:15px 13px;position:relative}.stat-card.wide{grid-column:1/-1}.stat-card-btn{background:linear-gradient(var(--surface), var(--surface)) padding-box, linear-gradient(135deg, rgba(var(--accent-rgb),.4) 0%, rgba(var(--accent-rgb),.08) 40%, rgba(var(--accent-rgb),.08) 60%, rgba(var(--accent-rgb),.4) 100%) border-box;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);cursor:pointer;text-align:left;border:1px solid #0000;border-radius:0;width:100%;padding:15px 13px;transition:opacity .15s;display:block;position:relative}.stat-card-btn:hover{opacity:.85}.stat-label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.16em;color:var(--text-muted);margin-bottom:8px;font-size:11px;font-weight:700}.stat-value{font-family:var(--mono);color:var(--text-h);font-size:26px;font-weight:800;line-height:1}.stat-value.sm{font-size:14px}.win-rate{font-family:var(--mono)}.win-rate.positive{color:var(--win)}.win-rate.negative{color:var(--loss)}.win-rate.neutral{color:var(--text)}.table-wrapper{border:1px solid var(--border);clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%);background:var(--surface);border-radius:0;position:relative;overflow-x:auto}.stats-table{border-collapse:collapse;width:100%;font-size:14px}.stats-table th{text-align:left;font-family:var(--mono);text-transform:uppercase;letter-spacing:.14em;color:var(--text-muted);border-bottom:1px solid var(--border);background:var(--surface);padding:14px 18px;font-size:12px;font-weight:700}.stats-table td{border-bottom:1px solid var(--border);color:var(--text-h);font-family:var(--mono);padding:16px 18px;font-size:14px}.stats-table tr:last-child td{border-bottom:none}.stats-table tbody tr:hover td{background:var(--surface-2)}.match-list{flex-direction:column;gap:12px;display:flex}.match-list-flash{animation:.2s both list-flash}@keyframes list-flash{0%{opacity:.3}to{opacity:1}}.match-entry{border:1px solid #0000;border-radius:4px;align-items:flex-start;gap:12px;padding:12px 13px;display:flex;position:relative;overflow:hidden}.match-entry.win{background:var(--win-dim);border-color:#3fb95040}.match-entry.loss{background:var(--loss-dim);border-color:#f8514940}.match-left-col{flex-direction:column;flex-shrink:0;align-items:stretch;gap:5px;width:58px;display:flex}.match-result-badge{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;text-align:center;border-radius:0;width:100%;padding:5px 0;font-size:11px;font-weight:800}.match-turn-badge{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text);background:var(--surface-3);border:1px solid var(--border-bright);text-align:center;border-radius:0;width:100%;padding:3px 0;font-size:10px;font-weight:700}.match-entry.win .match-result-badge{color:var(--win);background:#3fb95024;border:1px solid #3fb9504d}.match-entry.loss .match-result-badge{color:var(--loss);background:#f8514924;border:1px solid #f851494d}.match-details{flex:1;min-width:0}.match-decks{font-family:var(--mono);color:var(--text-h);flex-wrap:wrap;align-items:center;gap:7px;font-size:14px;font-weight:700;line-height:1.3;display:flex}.vs{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:400}.match-meta{font-family:var(--mono);color:var(--text);letter-spacing:.04em;margin-top:4px;font-size:12px}.match-notes{font-family:var(--mono);color:var(--text);margin-top:5px;font-size:13px;font-style:italic;line-height:1.5}.empty{text-align:center;color:var(--text-muted);font-family:var(--mono);letter-spacing:.1em;padding:48px 0 32px;font-size:13px}.loading{text-align:center;color:var(--text-muted);font-family:var(--mono);letter-spacing:.1em;padding:64px 0;font-size:12px}.toast{background:var(--win);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));z-index:200;white-space:nowrap;border:none;border-radius:0;padding:1px;animation:.2s toast-in,.25s .95s forwards toast-out;position:fixed;bottom:84px;left:50%;transform:translate(-50%);box-shadow:0 0 24px #3fb95033}.toast-inner{background:var(--surface);color:var(--win);clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,7px 100%,0 calc(100% - 7px));font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;padding:10px 24px;font-size:13px;font-weight:700;display:block}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.nation-picker-label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-top:14px;margin-bottom:8px;font-size:11px;font-weight:700}.deck-vs-row{align-items:stretch;gap:0;display:flex}.deck-vs-side{flex:1;min-width:0}.deck-vs-divider{font-family:var(--mono);letter-spacing:.1em;color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;padding:0 10px;font-size:11px;font-weight:700;display:flex}.form-group-inner--matchup{align-items:stretch;gap:0;padding:16px;display:flex}.matchup-col{flex-direction:column;flex:1;min-width:0;display:flex}.matchup-vs{flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;padding:0 8px;display:flex}.matchup-vs-text{font-family:var(--mono);letter-spacing:.2em;color:var(--text-muted);opacity:.4;font-size:11px;font-weight:700}.deck-picker-section{flex-direction:column;height:100%;display:flex}.deck-picker-legend{font-family:var(--mono);text-transform:uppercase;letter-spacing:.2em;color:var(--accent);white-space:nowrap;justify-content:space-between;align-items:center;gap:4px;padding:0 0 14px;font-size:11px;font-weight:700;display:flex}.deck-pick-placeholder{background:var(--surface);cursor:pointer;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%);border:none;flex-direction:column;flex:1;align-items:stretch;width:100%;padding:0;transition:opacity .15s;display:flex}.deck-pick-placeholder:hover{opacity:.75}.deck-pick-placeholder-img-area{aspect-ratio:3/4;background:var(--surface-2);border:1px dashed var(--border-bright);justify-content:center;align-items:center;width:100%;display:flex}.deck-pick-placeholder-info{justify-content:center;align-items:center;padding:12px;display:flex}.deck-pick-placeholder-text{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);opacity:.5;font-size:13px;font-weight:800}.deck-chosen-card[data-nation=Dragon\ Empire]{--nation-color:#c0392b;--nation-color-0:#c0392b00}.deck-chosen-card[data-nation=Dark\ States]{--nation-color:#2980b9;--nation-color-0:#2980b900}.deck-chosen-card[data-nation=Brandt\ Gate]{--nation-color:#7f8c8d;--nation-color-0:#7f8c8d00}.deck-chosen-card[data-nation=Keter\ Sanctuary]{--nation-color:#d4ac0d;--nation-color-0:#d4ac0d00}.deck-chosen-card[data-nation=Stoicheia]{--nation-color:#27ae60;--nation-color-0:#27ae6000}.deck-chosen-card[data-nation=Lyrical\ Monasterio]{--nation-color:#d63384;--nation-color-0:#d6338400}.deck-chosen-card{cursor:pointer;text-align:left;background:linear-gradient(135deg, var(--nation-color,rgba(var(--accent-rgb),.5)) 0%, var(--nation-color-0,rgba(var(--accent-rgb),0)) 40%, var(--nation-color-0,rgba(var(--accent-rgb),0)) 60%, var(--nation-color,rgba(var(--accent-rgb),.5)) 100%);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%);border:none;outline:none;flex:1;align-items:stretch;width:100%;padding:2px;transition:opacity .15s;display:flex;position:relative}.deck-chosen-card:hover{opacity:.85}.deck-chosen-card-inner{background:var(--surface);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%);flex-direction:column;align-items:stretch;width:100%;display:flex}.deck-chosen-img-wrap{flex-shrink:0;width:100%}.deck-chosen-img{width:100%;height:auto;display:block}.deck-chosen-img-placeholder{aspect-ratio:3/4;background:var(--surface-2);width:100%;color:var(--text-muted);font-size:9px;font-family:var(--mono);text-align:center;justify-content:center;align-items:center;padding:6px;line-height:1.3;display:flex}.deck-chosen-info{flex-direction:column;align-items:flex-start;gap:5px;min-width:0;padding:12px;display:flex}.deck-chosen-clear{margin-top:auto;padding-top:8px}.deck-chosen-name{font-family:var(--mono);color:var(--text-h);letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:13px;font-weight:800;overflow:hidden}.deck-chosen-nation{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:6px;width:100%;font-size:9px;font-weight:700;display:flex}.deck-chosen-nation-flag{object-fit:cover;flex-shrink:0;width:18px;height:13px;display:block}.deck-chosen-change{font-family:var(--mono);letter-spacing:.1em;color:var(--text-muted);text-transform:uppercase;margin-top:2px;font-size:9px;font-weight:600}.deck-picker-overlay{background:var(--scrim);z-index:300;justify-content:center;align-items:flex-end;animation:.15s both fade-in-up;display:flex;position:fixed;inset:0}.deck-picker-sheet{background:var(--surface-2);border:1px solid var(--border-bright);border-bottom:none;flex-direction:column;width:100%;max-width:520px;height:90svh;animation:.22s cubic-bezier(.16,1,.3,1) both modal-slide-up;display:flex}.deck-picker-sheet.closing{animation:.18s cubic-bezier(.4,0,1,1) both modal-slide-down}.rideline-card[data-nation=Dragon\ Empire],.deck-picker-nation-tab[data-nation=Dragon\ Empire]{--nation-color:#c0392b;--nation-color-dim:#c0392b26;--nation-color-glow:#c0392b59}.rideline-card[data-nation=Dark\ States],.deck-picker-nation-tab[data-nation=Dark\ States]{--nation-color:#2980b9;--nation-color-dim:#2980b926;--nation-color-glow:#2980b959}.rideline-card[data-nation=Brandt\ Gate],.deck-picker-nation-tab[data-nation=Brandt\ Gate]{--nation-color:#7f8c8d;--nation-color-dim:#7f8c8d26;--nation-color-glow:#7f8c8d59}.rideline-card[data-nation=Keter\ Sanctuary],.deck-picker-nation-tab[data-nation=Keter\ Sanctuary]{--nation-color:#d4ac0d;--nation-color-dim:#d4ac0d26;--nation-color-glow:#d4ac0d59}.rideline-card[data-nation=Stoicheia],.deck-picker-nation-tab[data-nation=Stoicheia]{--nation-color:#27ae60;--nation-color-dim:#27ae6026;--nation-color-glow:#27ae6059}.rideline-card[data-nation=Lyrical\ Monasterio],.deck-picker-nation-tab[data-nation=Lyrical\ Monasterio]{--nation-color:#d63384;--nation-color-dim:#d6338426;--nation-color-glow:#d6338459}.rideline-card[data-nation="Collab / Other"],.deck-picker-nation-tab[data-nation="Collab / Other"]{--nation-color:#8b5cf6;--nation-color-dim:#8b5cf626;--nation-color-glow:#8b5cf659}.deck-picker-header{border-bottom:1px solid var(--border);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-h);flex-shrink:0;align-items:center;gap:8px;padding:18px 20px 14px;font-size:12px;font-weight:700;display:flex}.deck-picker-search-wrap{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:8px;padding:10px 16px;display:flex}.deck-picker-type-tabs{border-bottom:1px solid var(--border);scrollbar-width:none;flex-shrink:0;gap:5px;padding:8px 16px;display:flex;overflow-x:auto}.deck-picker-type-tabs::-webkit-scrollbar{display:none}.deck-picker-type-tab{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;background:var(--surface-3);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;white-space:nowrap;border-radius:999px;flex-shrink:0;padding:3px 10px;font-size:9px;font-weight:700;transition:border-color .15s,background .15s,color .15s}.deck-picker-type-tab:hover{border-color:var(--border-bright);color:var(--text)}.deck-picker-type-tab.active{border-color:var(--accent-border);background:var(--accent-dim);color:var(--accent);box-shadow:0 0 6px var(--accent-glow)}.deck-picker-nation-tabs{border-bottom:1px solid var(--border);scrollbar-width:none;flex-shrink:0;gap:6px;padding:10px 16px;display:flex;overflow-x:auto}.deck-picker-nation-tabs::-webkit-scrollbar{display:none}.deck-picker-nation-tab{background:var(--border);cursor:pointer;clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,7px 100%,0 calc(100% - 7px));border:none;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;padding:0;transition:background .15s,box-shadow .15s;display:flex}.deck-picker-nation-tab:hover{background:var(--border-bright)}.deck-picker-nation-tab:focus-visible{outline:2px solid var(--nation-color,var(--accent-border));outline-offset:2px}.deck-picker-nation-tab.active{background:var(--nation-color,var(--accent-border));box-shadow:0 0 8px var(--nation-color-glow,var(--accent-glow))}.deck-picker-nation-tab-inner{background:var(--surface-3);clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px));justify-content:center;align-items:center;width:calc(100% - 2px);height:calc(100% - 2px);padding:4px;display:flex;position:relative}.deck-picker-nation-tab.active .deck-picker-nation-tab-inner:after{content:"";background:var(--nation-color-dim,transparent);pointer-events:none;position:absolute;inset:0}.deck-picker-nation-img{object-fit:contain;width:100%;height:100%;display:block}.deck-picker-subgroup-tabs{border-bottom:1px solid var(--border);scrollbar-width:none;flex-shrink:0;gap:6px;padding:8px 16px;display:flex;overflow-x:auto}.deck-picker-subgroup-tabs::-webkit-scrollbar{display:none}.deck-picker-subgroup-tab{font-family:var(--mono);letter-spacing:.04em;background:var(--surface-3);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;white-space:nowrap;border-radius:999px;flex-shrink:0;padding:4px 12px;font-size:10px;font-weight:600;transition:border-color .15s,background .15s,color .15s}.deck-picker-subgroup-tab:hover{border-color:var(--border-bright);color:var(--text)}.deck-picker-subgroup-tab.active{border-color:var(--accent-border);background:var(--accent-dim);color:var(--accent)}.deck-picker-grid{flex:1;grid-template-columns:repeat(4,1fr);grid-auto-rows:max-content;gap:6px;min-height:0;padding:12px 16px 20px;display:grid;overflow-y:auto}.rideline-search-wrap{background:var(--surface-2);border:1px solid var(--border);align-items:center;gap:8px;margin-bottom:8px;padding:7px 10px;transition:border-color .15s;display:flex}.rideline-search-wrap:focus-within{border-color:var(--accent-border)}.rideline-search-wrap.disabled{opacity:.28;pointer-events:none}.rideline-search{color:var(--text-h);font-family:var(--mono);background:0 0;border:none;outline:none;flex:1;padding:0;font-size:12px}.rideline-search::placeholder{color:var(--text-muted)}.rideline-search-clear{cursor:pointer;color:var(--text-muted);background:0 0;border:none;flex-shrink:0;align-items:center;padding:2px;transition:color .15s;display:flex}.rideline-search-clear:hover{color:var(--text-h)}.rideline-grid{grid-template-columns:repeat(4,1fr);gap:6px;max-height:280px;display:grid;overflow-y:auto}.rideline-grid.disabled{opacity:.28;pointer-events:none}.rideline-grid:has(.rideline-card.selected) .rideline-card:not(.selected){opacity:.35}.rideline-card{background:var(--surface-2);border:1px solid var(--border);border-top:2px solid var(--nation-color,var(--border));cursor:pointer;clip-path:polygon(0 0,calc(100% - 5px) 0,100% 5px,100% 100%,5px 100%,0 calc(100% - 5px));border-radius:0;flex-direction:column;justify-content:flex-end;align-items:center;padding:0;transition:border-color .15s,box-shadow .15s,background .15s,opacity .2s;display:flex;overflow:hidden}.rideline-card:hover{border-color:var(--border-bright);background:var(--surface-3)}.rideline-card.selected{border-color:var(--nation-color,var(--accent-border));background:var(--nation-color-dim,var(--accent-dim));box-shadow:0 0 10px var(--nation-color-glow,var(--accent-glow))}.rideline-card-img-wrap{aspect-ratio:5/7;background:var(--surface-3);flex-shrink:0;align-items:stretch;width:100%;display:flex;overflow:hidden}.rideline-card-img{width:100%;display:block}.rideline-card-img-placeholder{width:100%;height:100%;color:var(--text-muted);font-size:9px;font-family:var(--mono);text-align:center;justify-content:center;align-items:center;padding:4px;line-height:1.3;display:flex}.rideline-card-name{font-size:8px;font-family:var(--mono);color:var(--text-h);text-align:center;background:var(--nation-color-dim,var(--surface-3));flex:1;justify-content:center;align-items:center;width:100%;padding:4px 4px 5px;font-weight:600;line-height:1.2;display:flex}.rideline-card.selected .rideline-card-name{color:var(--nation-color,var(--accent));font-weight:700}.rideline-empty{text-align:center;color:var(--text-muted);font-family:var(--mono);grid-column:1/-1;padding:16px;font-size:11px}.nation-picker{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.nation-picker:has(.nation-btn.selected) .nation-btn:not(.selected){opacity:.3}.nation-btn{background:var(--surface-2);border:1px solid var(--border);cursor:pointer;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px));border-radius:0;padding:0;transition:border-color .15s,box-shadow .15s,background .15s,opacity .2s;display:block}.nation-btn:hover{border-color:var(--border-bright);background:var(--surface-3)}.nation-btn.selected{border-color:var(--accent-border);background:var(--accent-dim);box-shadow:0 0 10px var(--accent-glow)}.nation-img{aspect-ratio:3/2;object-fit:cover;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px));width:100%;display:block}.install-banner{z-index:100;background:var(--surface-2);border-bottom:1px solid var(--accent-border);box-shadow:0 4px 24px #00000080, 0 1px 0 var(--accent-border);align-items:center;gap:12px;padding:12px 16px;animation:.25s banner-slide-down;display:flex;position:fixed;top:0;left:0;right:0}@keyframes banner-slide-down{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.install-banner-icon{background:var(--accent-dim);border:1px solid var(--accent-border);width:36px;height:36px;color:var(--accent);clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px));flex-shrink:0;justify-content:center;align-items:center;display:flex}.install-banner-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.install-banner-title{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-size:11px;font-weight:800}.install-banner-sub{font-family:var(--mono);letter-spacing:.08em;color:var(--text-muted);font-size:9px}.install-banner-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.install-btn{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;background:var(--accent);color:#0a0a0a;cursor:pointer;clip-path:polygon(0 0,calc(100% - 5px) 0,100% 5px,100% 100%,5px 100%,0 calc(100% - 5px));border:none;padding:7px 14px;font-size:9px;font-weight:800;transition:opacity .15s,box-shadow .15s}.install-btn:hover{opacity:.88;box-shadow:0 0 16px var(--accent-glow)}.install-dismiss{border:1px solid var(--border);width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;transition:color .15s,border-color .15s;display:flex}.install-dismiss:hover{color:var(--text-h);border-color:var(--border-bright)}.dice-screen{flex-direction:column;gap:0;display:flex}.dice-hint{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);text-align:center;margin-bottom:20px;font-size:10px}.dice-player-section{background:linear-gradient(var(--surface), var(--surface)) padding-box, linear-gradient(135deg, rgba(var(--accent-rgb),.4) 0%, rgba(var(--accent-rgb),.08) 40%, rgba(var(--accent-rgb),.08) 60%, rgba(var(--accent-rgb),.4) 100%) border-box;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));border:1px solid #0000;padding:16px;transition:opacity .3s}.dice-player-section--inactive{opacity:.35;pointer-events:none}.dice-player-section--win{background:linear-gradient(var(--surface), var(--surface)) padding-box, linear-gradient(135deg, #3fb9508c 0%, #3fb9501a 40%, #3fb9501a 60%, #3fb9508c 100%) border-box;box-shadow:0 0 24px #3fb9501f}.dice-player-section--loss{opacity:.5}.dice-player-header{align-items:center;gap:10px;margin-bottom:14px;display:flex}.dice-player-label{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--text-muted);font-size:10px;font-weight:800}.dice-el-hidden{visibility:hidden}.dice-player-sum{font-family:var(--mono);color:var(--text-h);font-size:22px;font-weight:800;line-height:1}.dice-player-sum--win{color:var(--win)}.dice-player-sum--loss{color:var(--loss)}.dice-player-crown{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--win);background:var(--win-dim);border:1px solid #3fb95059;padding:3px 8px;font-size:9px;font-weight:700}.dice-pair{justify-content:center;gap:12px;display:flex}.die-face{background:linear-gradient(var(--surface-2), var(--surface-2)) padding-box, linear-gradient(135deg, rgba(var(--accent-rgb),.5) 0%, rgba(var(--accent-rgb),.1) 40%, rgba(var(--accent-rgb),.1) 60%, rgba(var(--accent-rgb),.5) 100%) border-box;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));width:min(120px,30vw);height:min(120px,30vw);color:var(--accent);border:1px solid #0000;flex-shrink:0;padding:16px}.die-face.die-dimmed{opacity:.3}@keyframes die-shake{0%{transform:rotate(0)scale(1)}15%{transform:rotate(-9deg)scale(1.05)}30%{transform:rotate(8deg)scale(1.05)}45%{transform:rotate(-6deg)scale(1.02)}60%{transform:rotate(5deg)scale(1.02)}75%{transform:rotate(-3deg)scale(1.01)}90%{transform:rotate(2deg)scale(1)}to{transform:rotate(0)scale(1)}}.die-face.die-rolling{color:var(--text-h);animation:.5s ease-in-out infinite die-shake}.dice-vs-divider{align-items:center;gap:12px;margin:14px 0;display:flex}.dice-vs-line{background:var(--border);flex:1;height:1px}.dice-vs-text{font-family:var(--mono);letter-spacing:.22em;color:var(--text-muted);opacity:.4;font-size:10px;font-weight:700}.dice-result{text-align:center;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));margin-top:16px;padding:16px;animation:.3s cubic-bezier(.16,1,.3,1) both fade-in-up}.dice-result--tie{background:var(--accent-dim);border:1px solid var(--accent-border)}.dice-result-title{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:4px;font-size:16px;font-weight:800}.dice-result-sub{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-size:10px}.dice-actions{flex-direction:column;margin-top:20px;display:flex}.energy-screen{flex-direction:column;gap:0;display:flex}.energy-hero{flex-shrink:0;width:calc(100% + 32px);height:200px;margin:-20px -16px 20px;position:relative;overflow:hidden}@media (width>=640px){.energy-hero{width:calc(100% + 48px);margin:-28px -24px 24px}}@media (width>=1024px){.energy-hero{width:calc(100% + 80px);margin:-32px -40px 28px}}.energy-hero-img{object-fit:cover;object-position:center 40%;width:100%;height:100%;display:block}.energy-hero-overlay{background:linear-gradient(to bottom, transparent 0%, var(--scrim) 60%, var(--bg) 100%);position:absolute;inset:0}.energy-hero-title{font-family:var(--mono);color:var(--text-muted);letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:10px;font-size:11px;font-weight:700;display:flex;position:absolute;bottom:14px;left:16px;right:16px}.energy-mode-toggle{background:var(--border);border:1px solid var(--border);gap:1px;margin-bottom:12px;display:flex;overflow:hidden}.energy-mode-btn{background:var(--surface);color:var(--text-muted);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;border:none;flex:1;padding:11px 4px;font-size:11px;font-weight:700;transition:all .15s;position:relative}.energy-mode-btn.active{background:var(--surface-2);color:var(--accent)}.energy-mode-btn.active:before{content:"";background:var(--accent);height:1px;box-shadow:0 0 6px var(--accent-glow);position:absolute;top:0;left:0;right:0}.energy-counters{flex-direction:column;gap:0;display:flex}.energy-counters--two{gap:0}.energy-player-section{background:linear-gradient(var(--surface), var(--surface)) padding-box, linear-gradient(135deg, rgba(var(--accent-rgb),.4) 0%, rgba(var(--accent-rgb),.08) 40%, rgba(var(--accent-rgb),.08) 60%, rgba(var(--accent-rgb),.4) 100%) border-box;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));border:1px solid #0000;flex-direction:column;align-items:center;gap:16px;padding:20px 16px 16px;display:flex}.energy-player-label{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--text-muted);align-self:flex-start;font-size:10px;font-weight:800}.energy-display{align-items:center;gap:12px;display:flex}.energy-icon-wrap{color:var(--accent);opacity:.7;align-items:center;display:flex}.energy-value{font-family:var(--mono);color:var(--accent);text-shadow:0 0 32px var(--accent-glow);text-align:center;min-width:3ch;font-size:64px;font-weight:800;line-height:1}@keyframes energy-up{0%{opacity:0;transform:translateY(16px)scale(.8)}60%{opacity:1;transform:translateY(-4px)scale(1.08)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes energy-down{0%{opacity:0;transform:translateY(-16px)scale(.8)}60%{opacity:1;transform:translateY(4px)scale(1.08)}to{opacity:1;transform:translateY(0)scale(1)}}.energy-value--up{animation:.3s cubic-bezier(.16,1,.3,1) both energy-up}.energy-value--down{animation:.3s cubic-bezier(.16,1,.3,1) both energy-down}.energy-controls{justify-content:center;align-items:center;gap:12px;width:100%;display:flex}.energy-btn-wrap{clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));flex-shrink:0;padding:1px;transition:opacity .15s;display:inline-flex}.energy-btn-wrap-add,.energy-btn-wrap-sub{background:var(--border-bright)}.energy-btn-wrap-disabled{opacity:.22;pointer-events:none}.energy-btn{background:var(--surface-2);width:64px;height:64px;color:var(--text-h);cursor:pointer;clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,9px 100%,0 calc(100% - 9px));border:none;justify-content:center;align-items:center;transition:background .15s;display:flex}.energy-btn-wrap:not(.energy-btn-wrap-disabled):hover .energy-btn{background:var(--surface-3)}.energy-player-section--solo{padding:32px 16px 28px}.energy-player-section--solo .energy-player-label{letter-spacing:.26em;font-size:12px}.energy-player-section--solo .energy-value{font-size:112px}.energy-player-section--solo .energy-icon-wrap svg{width:26px;height:26px}.energy-player-section--solo .energy-btn-wrap{clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px))}.energy-player-section--solo .energy-btn{clip-path:polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,13px 100%,0 calc(100% - 13px));width:88px;height:88px}.energy-player-section--solo .energy-btn svg{width:28px;height:28px}.energy-vs-divider{align-items:center;gap:12px;margin:14px 0;display:flex}.energy-vs-line{background:var(--border);flex:1;height:1px}.energy-vs-text{font-family:var(--mono);letter-spacing:.22em;color:var(--text-muted);opacity:.4;font-size:10px;font-weight:700}.energy-actions{flex-direction:column;margin-top:20px;display:flex}.sign-out-btn{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;background:0 0;border-radius:0;justify-content:center;align-items:center;padding:4px 10px;font-size:9px;font-weight:600;transition:color .15s,border-color .15s;display:flex}.sign-out-btn:hover{color:var(--text-h);border-color:var(--border-bright)}.user-name{font-family:var(--mono);letter-spacing:.1em;color:var(--text-muted);text-transform:uppercase;font-size:9px;font-weight:600}.preset-save-btn{font-family:var(--mono);letter-spacing:.08em;border:1px solid var(--border-bright);color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border-radius:4px;padding:4px 10px;font-size:10px;font-weight:700;transition:background .15s,border-color .15s,color .15s}.preset-save-btn:hover{border-color:var(--accent-border);color:var(--accent)}.preset-save-btn.active{color:#e3b341;background:#e3b3411f;border-color:#e3b341}.preset-save-btn.active:hover{background:#e3b34133}.preset-badge{font-family:var(--mono);letter-spacing:.08em;color:#e3b341;white-space:nowrap;background:#e3b3411f;border:1px solid #e3b34159;border-radius:4px;align-self:center;padding:3px 8px;font-size:10px;font-weight:700;animation:.28s cubic-bezier(.16,1,.3,1) both preset-badge-in}@keyframes preset-badge-in{0%{opacity:0;transform:scale(.7)translateY(-4px)}to{opacity:1;transform:scale(1)translateY(0)}}.event-tag{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;border-radius:3px;justify-content:center;align-items:center;padding:2px 8px;font-size:9px;font-weight:700;display:inline-flex}.event-type-btn{border-color:var(--border-bright);color:var(--text-muted);background:0 0}.event-type-btn[data-event=Casual].selected{color:#8b949e;background:#8b949e26;border-color:#8b949e80}.event-type-btn[data-event=Deluxe].selected{color:#e3b341;background:#e3b34126;border-color:#e3b34180}.event-type-btn[data-event=Local\ Shop].selected{color:#3fb950;background:#3fb95026;border-color:#3fb95080}.event-type-btn[data-event=Online].selected{color:#a371f7;background:#a371f726;border-color:#a371f780}.event-tag[data-event=Casual]{color:#8b949e;background:#8b949e1f;border:1px solid #8b949e4d}.event-tag[data-event=Deluxe]{color:#e3b341;background:#e3b3411f;border:1px solid #e3b34159}.event-tag[data-event=Local\ Shop]{color:#3fb950;background:#3fb9501f;border:1px solid #3fb9504d}.event-tag[data-event=Online]{color:#a371f7;background:#a371f71f;border:1px solid #a371f74d}.match-edit-btn{background:var(--accent-dim);border:1px solid var(--accent-border);color:var(--accent);cursor:pointer;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;padding:5px 8px;transition:background .15s;display:flex}.match-edit-btn:hover{background:rgba(var(--accent-rgb), .22)}.match-deck-btn{background:var(--accent-dim);border:1px solid var(--accent-border);color:var(--accent);cursor:pointer;font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;border-radius:0;flex-shrink:0;align-items:center;gap:5px;padding:5px 10px;font-size:11px;font-weight:700;text-decoration:none;transition:background .15s;display:flex}.match-deck-btn:hover{background:rgba(var(--accent-rgb), .22)}.modal-overlay{background:var(--scrim);z-index:200;justify-content:center;align-items:flex-end;padding:0;animation:.18s both overlay-fade-in;display:flex;position:fixed;inset:0}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}.modal-overlay.closing{animation:.2s forwards overlay-fade-out}@keyframes overlay-fade-out{to{opacity:0}}.modal-card{background:var(--surface-2);border:1px solid var(--border-bright);border-bottom:none;border-radius:0;flex-direction:column;width:100%;max-width:480px;max-height:90svh;animation:.22s cubic-bezier(.16,1,.3,1) both modal-slide-up;display:flex}.modal-card.closing{animation:.18s cubic-bezier(.4,0,1,1) both modal-slide-down}.deck-modal-sheet{flex-direction:column;height:92svh;max-height:92svh;display:flex;overflow:hidden}.deck-modal-body{flex-direction:column;flex:1;display:flex;overflow:hidden}.deck-modal-iframe{border:none;flex:1;width:100%}@keyframes modal-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes modal-slide-down{0%{transform:translateY(0)}to{transform:translateY(110%)}}@keyframes modal-pop-in{0%{opacity:0;transform:scale(.95)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes modal-pop-out{0%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.95)translateY(8px)}}.modal-header{border-bottom:1px solid var(--border);font-family:var(--mono);letter-spacing:.1em;color:var(--text-h);text-transform:uppercase;flex-shrink:0;align-items:center;gap:8px;padding:18px 20px 14px;font-size:12px;font-weight:700;display:flex}.modal-close{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;margin-left:auto;font-size:12px;transition:border-color .15s,color .15s;display:flex}.modal-close:hover{border-color:var(--loss);color:var(--loss)}.guide-btn{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--border);color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border-radius:3px;flex-shrink:0;align-items:center;padding:4px 10px;font-size:9px;font-weight:700;transition:border-color .15s,color .15s;display:flex}.guide-btn:hover{border-color:var(--accent-border);color:var(--accent)}.guide-modal{max-height:80svh;overflow-y:auto}.guide-body{flex-direction:column;gap:20px;padding:20px;display:flex}.guide-section-title{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:6px;font-size:10px;font-weight:700}.guide-section-text{font-family:var(--mono);color:var(--text);font-size:12px;line-height:1.7}.guide-section-text strong{color:var(--text-h);font-weight:700}.guide-list{flex-direction:column;gap:7px;margin:0;padding:0;list-style:none;display:flex}.guide-list li{font-family:var(--mono);color:var(--text);padding-left:20px;font-size:12px;line-height:1.5;position:relative}.guide-list li:before{content:"—";color:var(--accent);font-size:10px;position:absolute;left:6px}.guide-list li strong{color:var(--text-h);font-weight:700}.modal-body{flex-direction:column;flex:1;gap:12px;padding:16px 20px;display:flex;overflow-y:auto}.modal-footer{border-top:1px solid var(--border);flex-shrink:0;padding:14px 20px 20px}.modal-footer .btn{width:100%}.mh-card{background:var(--surface);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));border:none;flex-direction:column;animation:.3s cubic-bezier(.16,1,.3,1) both fade-in-up;display:flex}@media (width<=1023px){.mh-row{display:none}}.mh-panels{align-items:stretch;height:110px;display:flex;position:relative}.mh-panels-deck{height:auto;min-height:130px}@media (width>=480px){.mh-panels-deck{min-height:145px}}@media (width>=768px){.mh-panels-deck{min-height:160px}}.deck-stat-center{flex-direction:column;flex:1;justify-content:center;align-items:flex-start;gap:6px;min-width:0;padding:16px 20px;display:flex}.mh-panels-matrix{height:auto;min-height:170px}.mh-panel{flex:1;position:relative;overflow:hidden}.mh-panel-bg{object-fit:cover;object-position:top center;width:100%;height:100%;position:absolute;inset:0}.mh-panel-bg-empty{background:var(--surface-2)}.mh-panel-overlay{background:linear-gradient(to right, var(--panel-scrim) 0%, transparent 60%), linear-gradient(to top, #000000b3 0%, transparent 50%);position:absolute;inset:0}.mh-panel-overlay-opp{background:linear-gradient(to left, var(--panel-scrim) 0%, transparent 60%), linear-gradient(to top, #000000b3 0%, transparent 50%)}.mh-panel-label{align-items:center;gap:5px;max-width:calc(100% - 12px);display:flex;position:absolute;bottom:8px}.mh-panel-label-me{left:12px}.mh-panel-label-opp{flex-direction:row-reverse;right:12px}.mh-panel-flag{object-fit:cover;opacity:.7;border-radius:1px;flex-shrink:0;width:16px;height:11px}.mh-panel-name{font-family:var(--mono);color:#fff;-webkit-line-clamp:2;line-clamp:2;letter-spacing:.02em;text-shadow:0 1px 4px #000c;-webkit-box-orient:vertical;font-size:13px;font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}.mh-panel-label-opp .mh-panel-name{text-align:right}.mh-panel-role{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);font-size:8px;font-weight:700;position:absolute;top:8px}.mh-panel-me .mh-panel-role{left:12px}.mh-panel-opp .mh-panel-role{right:12px}.mh-center{z-index:1;background:var(--surface);-webkit-backdrop-filter:blur(6px);flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:5px;width:72px;padding:8px 4px;display:flex}.mh-result{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;font-size:14px;font-weight:800}.mh-result.win{color:var(--win)}.mh-result.loss{color:var(--loss)}.mh-turn{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text);font-size:10px;font-weight:600}.mh-date{font-family:var(--mono);color:var(--text);text-align:center;font-size:10px;line-height:1.4}.deck-stat-card{background:var(--surface);border-left:3px solid var(--border);align-items:stretch;animation:.3s cubic-bezier(.16,1,.3,1) both fade-in-up;display:flex;overflow:hidden}.deck-stat-img-wrap{background:var(--surface-2);flex-shrink:0;width:80px;position:relative;overflow:hidden}.deck-stat-img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.deck-stat-img-empty{background:var(--surface-3);width:100%;height:100%}.deck-stat-body{border-left:1px solid var(--border);flex-direction:column;flex:1;justify-content:center;gap:6px;padding:14px 16px;display:flex}.deck-stat-name{font-family:var(--mono);color:var(--text);letter-spacing:.04em;word-break:break-word;font-size:13px;font-weight:700;line-height:1.3}.deck-stat-pct{font-family:var(--mono);font-size:28px;font-weight:800;line-height:1}.deck-stat-bar-wrap{background:var(--border);width:100%;height:3px;overflow:hidden}.deck-stat-bar-fill{height:100%;transition:width .4s}.deck-stat-record{font-family:var(--mono);color:var(--text);flex-direction:column;gap:4px;font-size:11px;display:flex}.deck-stat-record-row{align-items:center;gap:4px;display:flex}.deck-stat-sep{color:var(--text-muted)}.mh-day-sep{align-items:center;gap:10px;margin:0 0 10px;display:flex}.mh-day-group{margin-bottom:28px}.mh-day-sep:first-child{margin-top:4px}.mh-day-sep:after{content:"";background:linear-gradient(90deg, var(--border), transparent);flex:1;height:1px}.mh-day-sep-label{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);white-space:nowrap;flex-shrink:0;font-size:9px;font-weight:700}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.6);cursor:pointer}[data-scheme=light] input[type=date]::-webkit-calendar-picker-indicator{filter:invert(0)opacity(.5)}.filter-row::-webkit-scrollbar{display:none}.filter-date-btn{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:3px;outline:none;flex-shrink:0;padding:4px 10px;font-size:10px;font-weight:700;transition:border-color .15s,background .15s}.filter-date-btn-active{border-color:var(--accent-border);background:var(--accent-dim);color:var(--accent)}.filter-date-btn input[type=date]::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.filter-date-btn input[type=date]::-webkit-date-and-time-value{color:#0000}.mh-footer{background:var(--surface);border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:7px 12px;display:flex}.mh-footer-tags{flex-wrap:wrap;flex:1;align-items:center;gap:6px;min-width:0;display:flex}.mh-notes{font-family:var(--mono);color:var(--text-muted);font-size:11px;font-style:italic;line-height:1.4}.mh-actions{flex-shrink:0;gap:4px;display:flex}.match-nation-flag{object-fit:contain;opacity:.9;border-radius:2px;flex-shrink:0;width:18px;height:18px}.match-actions{flex-direction:row;flex-shrink:0;align-self:flex-start;gap:4px;display:flex}.match-delete-btn{background:var(--loss-dim);color:var(--loss);cursor:pointer;border:1px solid #f8514966;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;padding:5px 8px;transition:background .15s;display:flex}.match-delete-btn:hover{background:#f8514940}.match-delete-btn.confirm{border-color:var(--loss);color:var(--loss);background:var(--loss-dim);min-width:26px;font-size:13px;font-weight:700}.nrg-counters{flex-direction:column;gap:10px;display:flex}.nrg-counters--two{gap:10px}.nrg-counters--two .nrg-counter-wrap:first-child{transform:rotate(180deg)}.nrg-counter-wrap{clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));background:var(--border);will-change:transform;isolation:isolate;flex-direction:column;padding:1px;display:flex;transform:translateZ(0)}.nrg-counter-wrap.nrg-max-pulse{animation:.6s cubic-bezier(.16,1,.3,1) forwards nrg-max-pulse}@keyframes nrg-max-pulse{0%{background:var(--border)}25%{background:var(--accent)}60%{background:var(--accent-border)}to{background:var(--border)}}.nrg-inner{clip-path:polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,13px 100%,0 calc(100% - 13px));flex-direction:column;display:flex}.nrg-counter{flex-direction:column;min-height:140px;display:flex;position:relative;overflow:hidden}.nrg-counter-bg{z-index:0;background-image:url(/nrg.webp);background-position:50% 40%;background-size:cover;position:absolute;inset:0}.nrg-counter-bg:after{content:"";background:var(--scrim);position:absolute;inset:0}.nrg-counter-label{font-family:var(--mono);letter-spacing:.15em;text-transform:uppercase;color:#ffffff8c;z-index:1;border-bottom:1px solid #ffffff1f;flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 12px 8px 16px;font-size:10px;font-weight:700;display:flex;position:relative}.nrg-max-toggle{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--border-bright);background:var(--surface-2);color:var(--text);cursor:pointer;border-radius:4px;flex-shrink:0;padding:4px 9px;font-size:10px;font-weight:700;transition:background .15s,color .15s,border-color .15s,box-shadow .15s}.nrg-max-toggle.active{background:var(--accent);border-color:var(--accent);color:var(--bg);box-shadow:0 0 10px var(--accent-glow)}.nrg-touch-row{z-index:1;flex:1;align-items:stretch;min-height:100px;display:flex;position:relative}.nrg-zone{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;flex:1;justify-content:flex-start;align-items:center;padding:0 18px;transition:background .12s;display:flex}.nrg-zone-right{justify-content:flex-end}.nrg-zone.flash{background:var(--accent-dim)}.nrg-zone.disabled{cursor:default;opacity:.25}.nrg-zone-hint{font-family:var(--mono);color:#ffffff80;font-size:28px;font-weight:300;line-height:1}.nrg-display{flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;inset:0}.nrg-value{font-family:var(--mono);color:#fff;text-shadow:0 2px 16px #0006;font-size:110px;font-weight:800;line-height:1}.nrg-value--up{animation:.2s cubic-bezier(.16,1,.3,1) both nrg-slide-up}.nrg-value--down{animation:.2s cubic-bezier(.16,1,.3,1) both nrg-slide-down}@keyframes nrg-slide-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes nrg-slide-down{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}.nrg-value-max-wrap{line-height:1.4;overflow:hidden}.nrg-value-max--up{animation:.25s cubic-bezier(.16,1,.3,1) both nrg-slide-up}.nrg-value-max--down{animation:.25s cubic-bezier(.16,1,.3,1) both nrg-slide-down}.nrg-value-max{font-family:var(--mono);color:#fff6;font-size:14px;display:block}.nrg-bar{background:var(--surface-3);border-radius:2px;width:90px;height:4px;overflow:hidden}.nrg-bar-fill{background:var(--accent);border-radius:2px;height:100%;transition:width .2s}.nrg-step3-row{background:var(--border);border-top:1px solid var(--border);gap:1px;display:flex}.nrg-step3-btn{background:var(--surface-2);color:var(--text-muted);font-size:.9rem;font-weight:700;font-family:var(--mono);letter-spacing:.05em;cursor:pointer;border:none;flex:1;padding:10px 0;transition:background .12s,color .12s,opacity .12s}.nrg-step3-btn:last-child{color:var(--accent)}.nrg-step3-btn:active:not(:disabled){background:rgba(var(--accent-rgb), .1);color:var(--text-h)}.nrg-step3-btn:disabled{opacity:.25;cursor:default}.nrg-reset{width:100%;margin-top:12px}.tools-screen{min-height:calc(100vh - var(--nav-h));min-height:calc(100dvh - var(--nav-h));box-sizing:border-box;flex-direction:column;display:flex}.tools-screen .energy-screen,.tools-screen .nrg-counters,.tools-screen .nrg-counter-wrap,.tools-screen .nrg-inner,.tools-screen .nrg-counter{flex:1}.fab{bottom:calc(64px + env(safe-area-inset-bottom) + 16px);background:var(--accent);width:52px;height:52px;color:var(--bg);cursor:pointer;box-shadow:0 4px 20px rgba(var(--accent-rgb), .45);z-index:15;border:none;border-radius:50%;justify-content:center;align-items:center;transition:transform .15s,box-shadow .15s;animation:.3s cubic-bezier(.16,1,.3,1) both fab-enter;display:flex;position:fixed;right:20px}.fab:hover{box-shadow:0 6px 28px rgba(var(--accent-rgb), .6);transform:scale(1.08)}.fab:active{transform:scale(.94)}@keyframes fab-enter{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}[data-scheme=light] .fab{color:#fff}.sheet-backdrop{background:var(--scrim);z-index:50;justify-content:center;align-items:flex-end;animation:.18s both overlay-fade-in;display:flex;position:fixed;inset:0}.sheet-backdrop.closing{animation:.2s both overlay-fade-out}.sheet{background:var(--surface-2);border:1px solid var(--border-bright);border-bottom:none;width:100%;max-width:480px;max-height:92svh;animation:.22s cubic-bezier(.16,1,.3,1) both modal-slide-up;position:relative;overflow-y:auto}.sheet.closing{animation:.18s cubic-bezier(.4,0,1,1) both modal-slide-down}.sheet-handle{background:var(--border-bright);border-radius:2px;width:36px;height:4px;margin:10px auto 0}.profile-screen{flex-direction:column;gap:20px;display:flex}.profile-card-wrap{clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));background:var(--accent-border);padding:1px}.profile-card{background:var(--surface);clip-path:polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,13px 100%,0 calc(100% - 13px));overflow:hidden}.profile-card-top{align-items:center;gap:14px;padding:18px 18px 14px;display:flex}.profile-avatar-img{object-fit:cover;border:2px solid var(--accent-border);border-radius:50%;flex-shrink:0}.profile-avatar-initials{background:var(--accent-dim);border:2px solid var(--accent-border);font-family:var(--mono);color:var(--accent);letter-spacing:.05em;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.profile-info{flex-direction:column;gap:3px;min-width:0;display:flex}.profile-name{font-family:var(--mono);color:var(--text-h);white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:700;overflow:hidden}.profile-handle{font-family:var(--mono);color:var(--text-muted);letter-spacing:.04em;font-size:12px}.premium-badge{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--premium);white-space:nowrap;background:linear-gradient(135deg,#ffc81e1f,#ffa0000f);border:1px solid #ffb91e59;border-radius:0;flex-shrink:0;padding:2px 7px;font-size:9px;font-weight:800;position:relative;overflow:hidden}.premium-badge:after{content:"";background:linear-gradient(105deg,#0000 40%,#ffdc642e 50%,#0000 60%) 0 0/200% 100%;animation:2.8s ease-in-out infinite premium-shimmer;position:absolute;inset:0}@keyframes premium-shimmer{0%{background-position:200%}to{background-position:-200%}}.profile-stats-row{border-top:1px solid var(--border);display:flex}.profile-stat{flex-direction:column;flex:1;align-items:center;gap:3px;padding:12px 8px;display:flex}.profile-stat-value{font-family:var(--mono);color:var(--text-h);text-align:center;font-size:15px;font-weight:700;line-height:1.2}.profile-stat-label{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);font-size:9px;font-weight:600}.profile-stat-sep{background:var(--border);align-self:stretch;width:1px;margin:10px 0}.profile-section{flex-direction:column;gap:12px;display:flex}.feedback-form{background:var(--surface);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:10px;padding:14px;display:flex}.feedback-textarea{background:var(--surface-2);border:1px solid var(--border);width:100%;color:var(--text-h);font-family:var(--sans);resize:none;border-radius:7px;outline:none;padding:10px 12px;font-size:14px;line-height:1.5;transition:border-color .15s}.feedback-textarea:focus{border-color:var(--accent-border)}.feedback-textarea::placeholder{color:var(--text-muted)}.feedback-form-footer{justify-content:space-between;align-items:center;display:flex}.feedback-char{font-family:var(--mono);color:var(--text-muted);font-size:11px}.stars{gap:2px;display:flex}.star-btn{color:var(--border-bright);background:0 0;border:none;padding:0;line-height:1;transition:color .1s,transform .1s}.star-btn.filled{color:#f0c040}.star-btn:hover{transform:scale(1.15)}.feedback-feed{flex-direction:column;gap:10px;display:flex}.feedback-entry{background:var(--surface);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:8px;padding:12px 14px;animation:.3s cubic-bezier(.16,1,.3,1) both fade-in-up;display:flex}.feedback-entry-header{align-items:center;gap:10px;display:flex}.feedback-entry-meta{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.feedback-entry-name{font-family:var(--mono);color:var(--text-h);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.feedback-entry-date{font-family:var(--mono);color:var(--text-muted);flex-shrink:0;font-size:11px}.feedback-entry-text{color:var(--text);margin:0;padding-left:42px;font-size:14px;line-height:1.5}.feedback-empty{text-align:center;font-family:var(--mono);color:var(--text-muted);padding:32px 0;font-size:13px}.feedback-badge{background:var(--accent-dim);color:var(--accent);font-family:var(--mono);border:1px solid var(--accent-border);border-radius:10px;margin-left:8px;padding:1px 7px;font-size:10px;font-weight:700}.submit-btn{background:var(--accent-dim);border:1px solid var(--accent-border);color:var(--accent);font-family:var(--mono);letter-spacing:.08em;cursor:pointer;border-radius:7px;padding:7px 18px;font-size:12px;font-weight:700;transition:background .15s,border-color .15s}.submit-btn:hover:not(:disabled){background:rgba(var(--accent-rgb), .2)}.submit-btn:disabled{opacity:.4;cursor:not-allowed}.admin-table-wrap{display:none}.admin-cards{flex-direction:column;gap:8px;display:flex}@media (width>=1024px){.admin-table-wrap{display:block;overflow-x:auto}.admin-cards{display:none}}.admin-table{border-collapse:collapse;width:100%;font-family:var(--mono);background:var(--surface);border:1px solid var(--border)}.admin-table thead th{z-index:1;background:var(--surface-2);border-bottom:1px solid var(--border-bright);white-space:nowrap;padding:8px 10px;position:sticky;top:0}.admin-th-sort{cursor:pointer;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);background:0 0;border:none;padding:0;font-size:8px;font-weight:700}.admin-th-sort.active{color:var(--accent)}.admin-th-arrow{width:10px;color:var(--accent);margin-left:3px;font-size:7px;display:inline-block}.admin-row{cursor:pointer;transition:background .12s}.admin-row:hover{background:var(--surface-2)}.admin-row.selected{background:var(--accent-dim)}.admin-row td{border-bottom:1px solid var(--border);vertical-align:middle;font-family:var(--mono);padding:7px 10px}.admin-td-date{color:var(--text);white-space:nowrap;font-size:10px}.admin-quick-btn{border:1px solid var(--border);cursor:pointer;width:26px;height:24px;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;background:0 0;border-radius:2px;font-size:10px;font-weight:700;transition:background .12s}.admin-quick-btn:hover{background:var(--surface-3)}.admin-quick-btn:disabled{opacity:.45;cursor:default}.admin-triage{scrollbar-width:thin;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.admin-triage-card{flex:none;width:220px;transition:opacity .15s}.admin-detail-backdrop{background:var(--scrim);z-index:60;animation:.18s both overlay-fade-in;position:fixed;inset:0}.admin-detail-backdrop.closing{animation:.2s forwards overlay-fade-out}.admin-detail{background:var(--surface-2);border:1px solid var(--border-bright);z-index:61;border-bottom:none;max-width:480px;max-height:88svh;margin:0 auto;transition:opacity .15s;animation:.22s cubic-bezier(.16,1,.3,1) both modal-slide-up;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}.admin-detail.closing{animation:.18s cubic-bezier(.4,0,1,1) both modal-slide-down}@media (width>=1024px){.admin-detail{border:none;border-left:1px solid var(--border-bright);width:360px;max-width:360px;max-height:none;margin:0;animation:.22s cubic-bezier(.16,1,.3,1) both admin-panel-in;top:0;bottom:0;left:auto}.admin-detail.closing{animation:.18s cubic-bezier(.4,0,1,1) both admin-panel-out}.admin-detail .sheet-handle{display:none}}@keyframes admin-panel-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes admin-panel-out{0%{transform:translate(0)}to{transform:translate(100%)}}.admin-toast{clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));z-index:200;white-space:nowrap;max-width:calc(100vw - 32px);padding:1px;transition:bottom .2s cubic-bezier(.16,1,.3,1);animation:.2s both admin-toast-in;position:fixed;left:50%;transform:translate(-50%)}.admin-toast-inner{background:var(--surface);clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,7px 100%,0 calc(100% - 7px));font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:14px;padding:9px 16px;font-size:11px;font-weight:700;display:flex}.admin-toast-undo{border:1px solid var(--border-bright);color:var(--text-h);cursor:pointer;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;background:0 0;border-radius:2px;flex-shrink:0;padding:4px 10px;font-size:9px;font-weight:700}.admin-toast-undo:hover{background:var(--surface-3)}@keyframes admin-toast-in{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}