:root{--color-paper:oklch(12% .012 72);--color-paper-2:oklch(16% .013 72);--color-paper-3:oklch(21% .015 70);--color-rule:oklch(29% .012 68);--color-muted:oklch(50% .009 68);--color-ink:oklch(80% .009 70);--color-heading:oklch(94% .007 72);--color-accent:oklch(65% .18 72);--color-accent-hi:oklch(70% .18 72);--color-focus:oklch(70% .2 72);--color-success:oklch(70% .18 150);--color-warning:oklch(82% .15 88);--color-error:oklch(62% .2 22);--color-info:oklch(68% .14 240);--font-display:"Space Grotesk", ui-sans-serif, sans-serif;--font-body:"Geist", ui-sans-serif, system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--text-xs:.64rem;--text-sm:.75rem;--text-base:.875rem;--text-md:1rem;--text-lg:1.25rem;--text-xl:1.5625rem;--text-2xl:1.9531rem;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-sm:4px;--radius-md:7px;--radius-lg:12px;--radius-pill:9999px;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--dur-fast:.12s;--dur-base:.18s;--bg:var(--color-paper);--surface:var(--color-paper-2);--surface-2:var(--color-paper-3);--border:var(--color-rule);--text:var(--color-ink);--text-muted:var(--color-muted);--text-heading:var(--color-heading);--accent:var(--color-accent);--accent-hover:var(--color-accent-hi);--green:var(--color-success);--yellow:var(--color-warning);--red:var(--color-error);--blue:var(--color-info);--radius:var(--radius-md)}*,:before,:after{box-sizing:border-box}html,body{touch-action:manipulation;overflow-x:clip}body{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-ink);background:var(--color-paper);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-weight:400;line-height:1.55}#root{min-height:100vh;display:flex}h1,h2,h3,h4{font-family:var(--font-display);color:var(--color-heading);letter-spacing:-.02em;margin:0;font-style:normal;font-weight:600;line-height:1.2}p{margin:0}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}.stat-value,[data-num]{font-variant-numeric:tabular-nums}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.layout{width:100%;min-height:100vh;display:flex}.main-content{padding:var(--space-8);flex:1;min-width:0;overflow-y:auto}.navbar{background:var(--color-paper-2);border-right:1px solid var(--color-rule);width:220px;min-height:100vh;padding:var(--space-6) 0;transition:width var(--dur-base) var(--ease-out);flex-direction:column;flex-shrink:0;display:flex;position:sticky;top:0;overflow:hidden}.navbar.navbar-collapsed{width:56px}.navbar-logo{padding:0 var(--space-5) var(--space-5);border-bottom:1px solid var(--color-rule);font-family:var(--font-mono);font-size:var(--text-md);color:var(--color-heading);letter-spacing:-.02em;white-space:nowrap;justify-content:flex-start;align-items:center;font-style:normal;font-weight:500;line-height:1;display:flex;overflow:hidden}.navbar.navbar-collapsed .navbar-logo{padding:0 0 var(--space-5);font-size:var(--text-base);justify-content:center}.navbar-logo span{color:var(--color-accent)}.navbar-nav{padding:var(--space-4) var(--space-3);flex-direction:column;flex:1;gap:2px;display:flex}.nav-link{align-items:center;gap:var(--space-3);border-radius:var(--radius-sm);color:var(--color-muted);font-family:var(--font-display);font-size:var(--text-base);transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);padding:9px 11px;font-weight:500;display:flex}.nav-link:hover{background:var(--color-paper-3);color:var(--color-ink)}.nav-link.active{background:var(--color-paper-3);color:var(--color-heading);box-shadow:inset 3px 0 0 0 var(--color-accent)}.nav-icon{text-align:center;flex-shrink:0;width:20px;font-size:15px}.navbar.navbar-collapsed .nav-link{justify-content:center;padding:10px 0}.navbar button[title]{font-family:var(--font-body);font-size:var(--text-sm)}.page-title{font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:-.025em;margin-bottom:var(--space-6);color:var(--color-heading);font-style:normal;font-weight:700;line-height:1.15}.stats-grid{gap:var(--space-4);margin-bottom:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(0,1fr));display:grid}.stat-card{background:var(--color-paper-2);border:1px solid var(--color-rule);border-top:2px solid var(--color-rule);border-radius:var(--radius-md);padding:var(--space-5);transition:border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out)}.stat-card.green{border-top-color:var(--color-success)}.stat-card.yellow{border-top-color:var(--color-warning)}.stat-card.blue{border-top-color:var(--color-info)}.stat-card.accent{border-top-color:var(--color-accent)}.stat-card.clickable:hover{background:var(--color-paper-3);border-top-color:var(--color-accent);cursor:pointer}.stat-label{font-family:var(--font-display);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted);margin-bottom:var(--space-2);font-weight:600}.stat-value{font-family:var(--font-display);color:var(--color-heading);margin-bottom:var(--space-1);font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-size:1.875rem;font-style:normal;font-weight:700;line-height:1}.stat-card.green .stat-value{color:var(--color-success)}.stat-card.yellow .stat-value{color:var(--color-warning)}.stat-card.blue .stat-value{color:var(--color-info)}.stat-card.accent .stat-value{color:var(--color-accent)}.stat-sub{font-size:var(--text-xs);color:var(--color-muted);line-height:1.4}table{border-collapse:collapse;font-size:var(--text-base)}table thead tr{border-bottom:1px solid var(--color-rule)}table tbody tr{transition:background var(--dur-fast) var(--ease-out);border-bottom:1px solid oklch(29% .012 68/.55)}table tbody tr:hover{background:var(--color-paper-2)}table td{padding:10px var(--space-3);vertical-align:middle}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:oklch(8% .01 72/.75);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--color-paper-2);border:1px solid var(--color-rule);border-radius:var(--radius-lg);padding:var(--space-6);width:560px;max-width:calc(100vw - var(--space-8));max-height:calc(100vh - 64px);overflow-y:auto;box-shadow:0 32px 80px oklch(4% .01 72/.65)}.bottom-nav{display:none}.bottom-nav-link{color:var(--color-muted);font-size:11px;font-family:var(--font-display);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:14px 4px 12px;font-weight:500;text-decoration:none;display:flex}.bottom-nav-link.active{color:var(--color-accent)}.bottom-nav-icon{font-size:24px;line-height:1}body.playing .bottom-nav,body.playing .navbar{display:none!important}body.playing .main-content{padding:0}body.lol-bg .main-content{background:#010a13;overflow:hidden}body.lol-bg{overflow:hidden}@media (width>=701px){body.lol-bg .main-content{height:100vh}}@media (width<=700px){body.lol-bg .main-content{top:0;left:0;right:0;bottom:calc(67px + env(safe-area-inset-bottom,0px));padding:calc(12px + env(safe-area-inset-top,0px)) 12px 12px;z-index:110;position:fixed}.navbar{display:none}.main-content{padding:var(--space-4);padding-top:calc(var(--space-4) + env(safe-area-inset-top,0px));padding-bottom:calc(60px + env(safe-area-inset-bottom,0px))}.stats-grid{grid-template-columns:1fr 1fr}.stat-value{font-size:1.35rem}.page-title{font-size:var(--text-lg);margin-bottom:var(--space-4)}.bottom-nav{background:var(--color-paper-2);border-top:1px solid var(--color-rule);z-index:100;padding-bottom:env(safe-area-inset-bottom,0px);display:flex;position:fixed;bottom:0;left:0;right:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.login-screen{background-color:#010a13;background-image:radial-gradient(70% 55%,#c89b3c12 0%,#0000 70%),url(https://raw.communitydragon.org/latest/plugins/rcp-fe-lol-static-assets/global/default/images/uikit/backdrop-magic/backdrop-magic.png);background-position:50%,50%;background-size:cover,cover;flex-direction:column;justify-content:center;align-items:center;gap:0;width:100%;min-height:100vh;padding:48px 24px;display:flex}.login-ornament{align-items:center;gap:10px;margin-bottom:14px;display:flex}.login-ornament img{opacity:.85;width:21px;height:31px}.login-wordmark{font-family:var(--font-mono);color:#c89b3c80;letter-spacing:.3em;text-transform:uppercase;margin-bottom:10px;font-size:10px;font-weight:500}.login-wordmark span{color:#c89b3c}.login-title{color:#f0e6d3;letter-spacing:.1em;text-transform:uppercase;text-shadow:0 0 40px #c89b3c59;margin-bottom:0;font-family:Cinzel,Georgia,serif;font-size:clamp(1.6rem,5.5vw,2.2rem);font-weight:700}.login-divider{align-items:center;width:100%;max-width:340px;margin:18px 0 28px;display:flex}.login-divider-line{flex:1;height:1px;display:block}.login-divider>.login-divider-line:first-child{background:linear-gradient(90deg,#0000,#463714)}.login-divider>.login-divider-line:last-child{background:linear-gradient(90deg,#463714,#0000)}.login-divider-gems{flex-shrink:0;display:flex}.login-divider-gems img{width:21px;height:31px}.login-panel{background-color:#0a1428e0;background-image:linear-gradient(#c89b3c,#c89b3c),linear-gradient(#c89b3c,#c89b3c),linear-gradient(#c89b3c,#c89b3c),linear-gradient(#c89b3c,#c89b3c);background-position:0 0,0 0,100% 100%,100% 100%;background-repeat:no-repeat;background-size:24px 2px,2px 24px,24px 2px,2px 24px;border:1px solid #463714;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:340px;padding:32px 28px;display:flex}.login-sub{font-family:var(--font-mono);color:#c89b3c8c;letter-spacing:.08em;text-align:center;font-size:11px}.login-btn{border:1px solid var(--lol-gold,#c89b3c);color:#1a1206;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;clip-path:polygon(12px 0%,100% 0%,calc(100% - 12px) 100%,0% 100%);background-image:linear-gradient(#e0ba4ef2,#a87512fa);justify-content:center;align-items:center;gap:10px;width:284px;max-width:100%;padding:14px 18px;font-family:Cinzel,Georgia,serif;font-size:13px;font-weight:700;transition:opacity .12s,box-shadow .12s;display:flex}.login-btn:hover{opacity:.92;box-shadow:0 0 24px #c89b3c66}.login-btn:disabled{opacity:.7;cursor:default}.login-btn-glyph{background:#fff;border-radius:50%;flex-shrink:0;width:18px;height:18px;padding:2px}.login-error{font-family:var(--font-mono);color:var(--color-error);text-align:center;font-size:11px}.navbar-user{border:1px solid var(--color-rule);border-radius:var(--radius-sm);background:var(--color-paper-3);align-items:center;gap:8px;margin:0 8px 8px;padding:8px 12px;display:flex}.navbar-user-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:24px;height:24px}.navbar-user-name{font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-ink);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.navbar-logout-btn{color:var(--color-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:2px 4px;font-size:12px;transition:color .1s}.navbar-logout-btn:hover{color:var(--color-error)}.loading{color:var(--color-muted);padding:var(--space-10) 0}.error-msg{color:var(--color-error);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:oklch(62% .2 22/.08);border:1px solid oklch(62% .2 22/.25)}.ig-overlay{z-index:9999;padding:calc(28px + env(safe-area-inset-top,0px)) 22px 28px;background-color:#010a13;background-image:radial-gradient(70% 55% at 50% 40%,#c89b3c14 0%,#0000 70%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto}.ig-card{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:380px;display:flex}.ig-wordmark{font-family:var(--font-mono,monospace);color:#c89b3c80;letter-spacing:.3em;text-transform:uppercase;margin-bottom:10px;font-size:10px;font-weight:500}.ig-wordmark span{color:#c89b3c}.ig-title{letter-spacing:.08em;text-transform:uppercase;color:#f0e6d3;text-shadow:0 0 32px #c89b3c59;margin:0 0 12px;font-family:Cinzel,Georgia,serif;font-size:1.6rem;font-weight:700}.ig-sub{font-family:var(--font-mono,monospace);color:#c89b3ca6;margin-bottom:26px;font-size:12px;line-height:1.6}.ig-steps{flex-direction:column;gap:12px;width:100%;margin-bottom:24px;display:flex}.ig-step{text-align:left;background:#0a142899;border:1px solid #463714;align-items:center;gap:14px;padding:13px 14px;display:flex}.ig-step-icon{color:#1a1206;background:#c89b3c;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.ig-step-icon svg{width:20px;height:20px}.ig-step-text{font-family:var(--font-body,sans-serif);color:#f0e6d3;font-size:13px;line-height:1.45}.ig-step-text b{color:#c89b3c;font-weight:600}.ig-install-btn{color:#1a1206;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;clip-path:polygon(12px 0%,100% 0%,calc(100% - 12px) 100%,0% 100%);background-image:linear-gradient(#e0ba4ef2,#a87512fa);border:1px solid #c89b3c;width:100%;padding:15px;font-family:Cinzel,Georgia,serif;font-size:14px;font-weight:700}.ig-note{font-family:var(--font-mono,monospace);color:#f0e6d3;background:#0a142899;border:1px solid #463714;margin-bottom:24px;padding:16px;font-size:13px;line-height:1.6}.ig-note b{color:#c89b3c}.ig-bypass{color:#c89b3c66;font-family:var(--font-mono,monospace);letter-spacing:.06em;cursor:pointer;background:0 0;border:none;padding:6px;font-size:11px}.ig-bypass:hover{color:#c89b3cb3}.upd-overlay{z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:calc(28px + env(safe-area-inset-top,0px)) 24px 28px;background:#010a13eb;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.upd-card{text-align:center;background:#0a1428;border:1px solid #463714;flex-direction:column;align-items:center;width:100%;max-width:340px;padding:28px 24px;display:flex}.upd-wordmark{font-family:var(--font-mono,monospace);letter-spacing:.3em;text-transform:uppercase;color:#c89b3c80;margin-bottom:14px;font-size:10px}.upd-wordmark span{color:#c89b3c}.upd-title{letter-spacing:.06em;text-transform:uppercase;color:#f0e6d3;margin-bottom:10px;font-family:Cinzel,Georgia,serif;font-size:1.3rem;font-weight:700}.upd-sub{font-family:var(--font-mono,monospace);color:#c89b3ca6;margin-bottom:22px;font-size:12px;line-height:1.6}.upd-btn{color:#1a1206;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;clip-path:polygon(12px 0%,100% 0%,calc(100% - 12px) 100%,0% 100%);background-image:linear-gradient(#e0ba4ef2,#a87512fa);border:1px solid #c89b3c;width:100%;padding:14px;font-family:Cinzel,Georgia,serif;font-size:13px;font-weight:700}.upd-btn:hover{box-shadow:0 0 24px #c89b3c66}:is(body:has(.game-wrapper),body:has(.setup-screen)){overflow:hidden}:root{--lol-gold:#c89b3c;--lol-gold-light:#f0e6d3;--lol-gold-border:#463714;--lol-bg:#010a13;--lol-surface:#0a1428;--font-lol:"Cinzel", "Georgia", serif;--cdragon:https://raw.communitydragon.org/latest/plugins/rcp-fe-lol-static-assets/global/default/images}.game-wrapper{background:var(--lol-bg);touch-action:none;-webkit-user-select:none;user-select:none;height:100dvh;position:fixed;inset:0;overflow:hidden}.game-grid{background:#463714b3;gap:2px;width:100%;height:100%;display:grid}.game-grid[data-count="2"]{grid-template-rows:1fr 1fr;grid-template-columns:1fr}.game-grid[data-count="3"]{grid-template:"p2 p3"1fr"p1 p1"1fr/1fr 1fr}.game-grid[data-count="4"]{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr}.panel-area-p1{grid-area:p1}.panel-area-p2{grid-area:p2}.panel-area-p3{grid-area:p3}.player-panel{flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.panel-rotated{transform:rotate(180deg)}.panel-legend-bar{border-bottom:1px solid var(--lol-gold-border);background:#010a138c;flex-shrink:0;align-items:center;gap:7px;height:36px;padding:0 12px;display:flex;overflow:hidden}.panel-legend-btn{cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;min-width:0;padding:4px 8px 4px 4px;display:flex}.panel-legend-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.panel-legend-name{font-family:var(--font-lol);white-space:nowrap;text-overflow:ellipsis;max-width:calc(50vw - 86px);color:var(--lol-gold-light);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:600;overflow:hidden}.panel-legend-name.empty{font-family:var(--font-mono);color:#c89b3c66;text-transform:none;letter-spacing:0;font-size:10px;font-style:italic;font-weight:400}.panel-content{flex:1;align-items:stretch;min-height:0;display:flex}.xp-col{border-left:1px solid var(--lol-gold-border);flex-shrink:0;width:84px;position:relative}.xp-zone{cursor:pointer;z-index:2;justify-content:center;align-items:flex-end;width:100%;height:50%;padding-bottom:6px;transition:background 80ms;display:flex;position:absolute;left:0}.xp-zone-add{align-items:flex-start;padding-top:26px;padding-bottom:0;top:0}.xp-zone-sub{align-items:flex-end;padding-top:0;padding-bottom:26px;bottom:0}.xp-zone:active{background:#c89b3c1a}.xp-arrow{color:#c89b3c80;pointer-events:none;font-size:18px;line-height:1}.xp-zone:active .xp-arrow{color:var(--lol-gold)}.xp-display{z-index:1;pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.xp-number{font-family:var(--font-display);color:var(--lol-gold-light);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:clamp(1.4rem,4vw,2.2rem);font-weight:700;line-height:1}.xp-label{font-family:var(--font-lol);color:var(--lol-gold);text-transform:uppercase;letter-spacing:.2em;opacity:.7;margin-top:4px;font-size:8px;font-weight:600}.points-area{flex:1;justify-content:center;align-items:center;display:flex;position:relative}.points-tap{cursor:pointer;z-index:1;align-items:center;width:50%;transition:background 80ms;display:flex;position:absolute;top:0;bottom:0}.points-tap.left{justify-content:flex-start;padding-left:16px;left:0}.points-tap.right{justify-content:flex-end;padding-right:16px;right:0}.points-tap:active{background:#c89b3c14}.points-tap-hint{color:#c89b3c80;font-size:20px;line-height:1}.points-number{font-family:var(--font-display);color:var(--lol-gold-light);font-variant-numeric:tabular-nums;letter-spacing:-.04em;pointer-events:none;z-index:0;text-shadow:0 0 60px #c89b3c40;font-size:min(18vw,22svh);font-weight:800;line-height:1;position:relative}.setup-rotate-overlay{z-index:500;background-color:var(--lol-bg);background-image:radial-gradient(80% 70%,#010a1366 0%,#010a13d1 100%),url(https://raw.communitydragon.org/latest/plugins/rcp-fe-lol-static-assets/global/default/images/uikit/backdrop-magic/backdrop-magic.png);background-position:50%,50%;background-size:cover,cover;flex-direction:column;justify-content:center;align-items:center;display:none;position:fixed;inset:0}@media (orientation:landscape){.setup-rotate-overlay{display:flex}}.game-rotate-overlay{z-index:600;background-color:var(--lol-bg);background-image:radial-gradient(80% 70%,#010a1366 0%,#010a13d1 100%),url(https://raw.communitydragon.org/latest/plugins/rcp-fe-lol-static-assets/global/default/images/uikit/backdrop-magic/backdrop-magic.png);background-position:50%,50%;background-size:cover,cover;flex-direction:column;justify-content:center;align-items:center;display:none;position:fixed;inset:0}@media (orientation:portrait){.game-wrapper[data-count="3"] .game-rotate-overlay,.game-wrapper[data-count="4"] .game-rotate-overlay{display:flex}}.game-rotate-inner{background-color:#0a1428e0;background-image:linear-gradient(var(--lol-gold), var(--lol-gold)), linear-gradient(var(--lol-gold), var(--lol-gold)), linear-gradient(var(--lol-gold), var(--lol-gold)), linear-gradient(var(--lol-gold), var(--lol-gold));border:1px solid var(--lol-gold-border);background-position:0 0,0 0,100% 100%,100% 100%;background-repeat:no-repeat;background-size:28px 2px,2px 28px,28px 2px,2px 28px;flex-direction:column;align-items:center;gap:20px;max-width:290px;padding:40px 36px;display:flex}.game-rotate-icon{opacity:.9;width:56px;height:72px;animation:2.4s ease-in-out infinite game-rotate-pulse}@keyframes game-rotate-pulse{0%,to{opacity:.9;transform:rotate(0)}50%{opacity:.6;transform:rotate(-8deg)}}.game-rotate-title{font-family:var(--font-lol);color:var(--lol-gold-light);letter-spacing:.22em;text-transform:uppercase;text-align:center;margin:0;font-size:13px;font-weight:700}.game-rotate-sub{font-family:var(--font-mono);color:#c89b3c80;text-align:center;letter-spacing:.05em;margin:0;font-size:10px;line-height:1.6}.game-center-btn{z-index:200;border:1px solid var(--lol-gold-border);color:#c89b3c99;font-family:var(--font-lol);letter-spacing:.14em;cursor:pointer;clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);background:#010a13f2;border-radius:0;padding:8px 20px;font-size:11px;font-weight:700;transition:color .1s,border-color .1s,box-shadow .1s;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.game-center-btn:hover{color:var(--lol-gold);border-color:var(--lol-gold);box-shadow:0 0 16px #c89b3c40}.game-settings-overlay{z-index:300;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#010a13e6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.game-settings-card{background-color:var(--lol-surface);background-image:linear-gradient(var(--lol-gold), var(--lol-gold)), linear-gradient(var(--lol-gold), var(--lol-gold)), linear-gradient(var(--lol-gold), var(--lol-gold)), linear-gradient(var(--lol-gold), var(--lol-gold));border:1px solid var(--lol-gold-border);background-position:0 0,0 0,100% 100%,100% 100%;background-repeat:no-repeat;background-size:24px 2px,2px 24px,24px 2px,2px 24px;border-radius:0;flex-direction:column;gap:10px;width:300px;padding:32px 28px;display:flex}.game-settings-title{font-family:var(--font-lol);color:var(--lol-gold);text-transform:uppercase;letter-spacing:.2em;margin-bottom:8px;font-size:11px;font-weight:700}.settings-btn{width:100%;font-family:var(--font-body);cursor:pointer;color:var(--lol-gold-light);text-align:left;background:#c89b3c0d;border:1px solid #463714cc;border-radius:0;padding:12px 16px;font-size:13px;font-weight:500;transition:border-color .1s,background .1s}.settings-btn:hover{border-color:var(--lol-gold);background:#c89b3c1a}.settings-btn.danger{color:var(--color-error);background:#c8503c0d;border-color:#c8503c66}.settings-btn.danger:hover{background:#c8503c1a;border-color:#c8503ccc}.settings-btn.primary{background:var(--lol-gold);color:var(--lol-bg);border-color:#0000;font-weight:700}.legend-modal-overlay{z-index:400;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);touch-action:auto;background:#010a13eb;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.legend-modal{background-color:var(--lol-surface);background-image:linear-gradient(var(--lol-gold), var(--lol-gold)), linear-gradient(var(--lol-gold), var(--lol-gold)), linear-gradient(var(--lol-gold), var(--lol-gold)), linear-gradient(var(--lol-gold), var(--lol-gold));border:1px solid var(--lol-gold-border);background-position:0 0,0 0,100% 100%,100% 100%;background-repeat:no-repeat;background-size:28px 2px,2px 28px,28px 2px,2px 28px;border-radius:0;flex-direction:column;width:400px;max-width:calc(100vw - 32px);max-height:85vh;display:flex;overflow:hidden}.legend-modal-header{border-bottom:1px solid var(--lol-gold-border);flex-shrink:0;padding:20px 20px 14px}.legend-modal-title{font-family:var(--font-lol);color:var(--lol-gold);text-transform:uppercase;letter-spacing:.22em;margin-bottom:14px;font-size:10px;font-weight:700}.legend-search{border:1px solid var(--lol-gold-border);width:100%;color:var(--lol-gold-light);font-size:16px;font-family:var(--font-body);box-sizing:border-box;background:#ffffff0a;border-radius:0;outline:none;padding:10px 12px;transition:border-color .1s}.legend-search::placeholder{color:#c89b3c4d}.legend-search:focus{border-color:var(--lol-gold)}.legend-list{touch-action:pan-y;flex:1;overflow-y:auto}.legend-item{cursor:pointer;text-align:left;background:0 0;border:none;border-bottom:1px solid #46371480;align-items:center;gap:12px;width:100%;padding:10px 20px;transition:background 80ms;display:flex}.legend-item:hover{background:#c89b3c12}.legend-item.active{box-shadow:inset 3px 0 0 0 var(--lol-gold);background:#c89b3c1a}.legend-item-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.legend-item-name{font-family:var(--font-display);color:var(--lol-gold-light);font-size:13px;font-weight:500;display:block}.legend-item-domain{font-family:var(--font-mono);color:#c89b3c8c;margin-top:2px;font-size:10px;display:block}.legend-clear-btn{border:none;border-bottom:1px solid var(--lol-gold-border);color:#c89b3c73;width:100%;font-size:12px;font-family:var(--font-body);cursor:pointer;text-align:left;letter-spacing:.06em;background:0 0;padding:12px 20px;transition:color .1s}.legend-clear-btn:hover{color:var(--lol-gold)}.mode-menu{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:0;height:100%;padding:24px;display:flex;position:relative;overflow-y:auto}.setup-screen{-webkit-overflow-scrolling:touch;background-color:var(--lol-bg);width:100%;height:100dvh;padding:clamp(20px, 5vh, 48px) 24px calc(40px + env(safe-area-inset-bottom,0px));background-image:radial-gradient(80% 70%,#010a1359 0%,#010a13bf 100%),url(https://raw.communitydragon.org/latest/plugins/rcp-fe-lol-static-assets/global/default/images/uikit/backdrop-magic/backdrop-magic.png);background-position:50%,50%;background-repeat:no-repeat,no-repeat;background-size:cover,cover;flex-direction:column;justify-content:flex-start;align-items:center;gap:0;display:flex;position:relative;overflow-y:auto}.setup-back-btn{color:#c89b3c8c;font-family:var(--font-lol);letter-spacing:.16em;cursor:pointer;text-transform:uppercase;background:0 0;border:1px solid #463714b3;padding:8px 14px;font-size:9px;font-weight:700;transition:color .1s,border-color .1s;position:absolute;top:18px;left:18px}.setup-back-btn:hover{color:var(--lol-gold);border-color:var(--lol-gold)}.setup-ornament{align-items:center;gap:10px;margin-bottom:14px;display:flex}.setup-ornament img{opacity:.85;width:21px;height:31px}.setup-wordmark{font-family:var(--font-mono);color:#c89b3c80;letter-spacing:.3em;text-transform:uppercase;margin-bottom:10px;font-size:10px;font-weight:500}.setup-wordmark span{color:var(--lol-gold)}.setup-title{font-family:var(--font-lol);color:var(--lol-gold-light);letter-spacing:.1em;text-transform:uppercase;text-shadow:0 0 40px #c89b3c59;margin-bottom:0;font-size:clamp(1.6rem,5.5vw,2.4rem);font-weight:700}.setup-divider{align-items:center;gap:0;width:100%;max-width:400px;margin:20px 0 32px;display:flex}.setup-divider-line{flex:1;height:1px;display:block}.setup-divider>.setup-divider-line:first-child{background:linear-gradient(to right, transparent, var(--lol-gold-border))}.setup-divider>.setup-divider-line:last-child{background:linear-gradient(to right, var(--lol-gold-border), transparent)}.setup-divider-gems{flex-shrink:0;display:flex}.setup-divider-gems img{width:21px;height:31px}.setup-section-label{font-family:var(--font-lol);text-transform:uppercase;letter-spacing:.25em;color:var(--lol-gold);opacity:.7;width:100%;max-width:400px;margin-bottom:10px;font-size:8px;font-weight:700}.player-count-row{gap:8px;width:100%;max-width:400px;margin-bottom:28px;display:flex}.count-btn{color:#c89b3c66;font-family:var(--font-lol);cursor:pointer;letter-spacing:.05em;clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);background:#c89b3c0a;border:1px solid #463714cc;border-radius:0;flex:1;padding:14px;font-size:20px;font-weight:700;transition:border-color .12s,color .12s,background .12s,box-shadow .12s}.count-btn:hover{border-color:var(--lol-gold);color:var(--lol-gold-light);background:#c89b3c14}.count-btn.selected{border-color:var(--lol-gold);color:var(--lol-gold);background:#c89b3c24;box-shadow:0 0 16px #c89b3c33}.setup-players{flex-direction:column;gap:6px;width:100%;max-width:400px;margin-bottom:28px;display:flex}.setup-player-row{background:#c89b3c0a;border:1px solid #463714cc;align-items:center;gap:10px;padding:10px 14px;display:flex}.setup-player-label{font-family:var(--font-lol);color:var(--lol-gold);opacity:.6;text-transform:uppercase;letter-spacing:.1em;flex-shrink:0;width:24px;font-size:9px;font-weight:700}.setup-legend-btn{cursor:pointer;background:0 0;border:none;flex:1;align-items:center;gap:8px;min-width:0;padding:0;display:flex}.setup-legend-text{font-family:var(--font-body);color:var(--lol-gold-light);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.setup-legend-text.empty{color:#c89b3c59;font-style:italic}.start-btn{border:1px solid var(--lol-gold);background-color:var(--lol-gold);width:100%;max-width:400px;color:var(--lol-bg);font-family:var(--font-lol);cursor:pointer;letter-spacing:.2em;text-transform:uppercase;clip-path:polygon(14px 0%,100% 0%,calc(100% - 14px) 100%,0% 100%);background-image:linear-gradient(#e0ba4ef2,#a87512fa);border-radius:0;padding:16px 24px;font-size:13px;font-weight:700;transition:opacity .12s,box-shadow .12s}.start-btn:hover{opacity:.9;box-shadow:0 0 24px #c89b3c66}.start-btn.mode-secondary{color:var(--lol-gold);border-color:var(--lol-gold-border);background-color:#0a142899;background-image:none;margin-top:12px}.start-btn.mode-secondary:hover{border-color:var(--lol-gold)}@media (prefers-reduced-motion:reduce){.points-tap,.xp-zone,.game-center-btn,.legend-item,.settings-btn,.count-btn,.start-btn{transition:none}}body:has(.online-play){overflow:hidden}.online-screen{height:100%;min-height:0;color:var(--lol-gold-light);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:32px 24px;display:flex;overflow-y:auto}.online-title{font-family:var(--font-lol);letter-spacing:.1em;text-transform:uppercase;color:var(--lol-gold-light);text-shadow:0 0 32px #c89b3c59;font-size:clamp(1.4rem,6vw,2rem);font-weight:700}.online-sub-text{font-family:var(--font-mono,monospace);color:#c89b3c99;max-width:300px;font-size:12px}.online-choice-row,.online-format-row{flex-direction:column;gap:12px;width:100%;max-width:300px;display:flex}.online-format-row{flex-direction:row}.online-primary-btn{border:1px solid var(--lol-gold);color:#1a1206;width:100%;max-width:300px;font-family:var(--font-lol);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;clip-path:polygon(12px 0%,100% 0%,calc(100% - 12px) 100%,0% 100%);background-image:linear-gradient(#e0ba4ef2,#a87512fa);padding:14px 20px;font-size:13px;font-weight:700;transition:opacity .12s,box-shadow .12s}.online-primary-btn:hover:not(:disabled){box-shadow:0 0 24px #c89b3c66}.online-primary-btn:disabled{opacity:.4;cursor:not-allowed}.online-ghost-btn{border:1px solid var(--lol-gold-border);width:100%;max-width:300px;color:var(--lol-gold);font-family:var(--font-lol);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:#0a142899;padding:13px 20px;font-size:12px;font-weight:600}.online-ghost-btn:hover{border-color:var(--lol-gold)}.online-text-btn{color:#c89b3c8c;font-family:var(--font-mono,monospace);cursor:pointer;background:0 0;border:none;font-size:12px}.online-text-btn.danger{color:#f05252}.online-format-btn{border:1px solid var(--lol-gold-border);color:var(--lol-gold-light);font-family:var(--font-lol);letter-spacing:.08em;cursor:pointer;background:#0a142899;flex:1;padding:16px 12px;font-size:13px}.online-format-btn.selected{border-color:var(--lol-gold);background:#c89b3c29;box-shadow:0 0 18px #c89b3c40}.online-qr{border:1px solid var(--lol-gold-border);background:#0a1428;justify-content:center;align-items:center;width:212px;height:212px;padding:8px;display:flex}.online-qr.small{width:166px;height:166px}.online-code{font-family:var(--font-lol);letter-spacing:.4em;color:var(--lol-gold-light);padding-left:.4em;font-size:2.2rem;font-weight:700}.online-format-tag{font-family:var(--font-mono,monospace);letter-spacing:.2em;color:#c89b3c99;font-size:11px}.online-code-input{text-align:center;text-transform:uppercase;letter-spacing:.4em;width:200px;font-family:var(--font-lol);border:1px solid var(--lol-gold-border);color:var(--lol-gold-light);background:#0a1428b3;outline:none;padding:14px;font-size:1.8rem}.online-code-input:focus{border-color:var(--lol-gold)}.online-banner{font-family:var(--font-mono,monospace);color:var(--lol-gold);cursor:pointer;font-size:12px}.online-banner-fixed{border:1px solid var(--lol-gold-border);z-index:30;text-align:center;background:#0a1428f2;max-width:92vw;padding:6px 14px;position:fixed;top:8px;left:50%;transform:translate(-50%)}.online-result-card{flex-direction:column;align-items:center;gap:14px;width:100%;max-width:320px;display:flex}.online-result-verdict{font-family:var(--font-lol);letter-spacing:.1em;text-transform:uppercase;font-size:2.6rem;font-weight:700}.online-result-verdict[data-win=true]{color:#31c48d;text-shadow:0 0 30px #31c48d66}.online-result-verdict[data-win=false]{color:#f05252;text-shadow:0 0 30px #f0525266}.online-result-score{font-family:var(--font-lol);color:var(--lol-gold-light);font-size:2rem}.online-result-sub{font-family:var(--font-mono,monospace);color:#c89b3c99;margin-bottom:8px;font-size:12px}.online-play{background:var(--lol-bg);height:100dvh;color:var(--lol-gold-light);touch-action:none;-webkit-user-select:none;user-select:none;padding-top:env(safe-area-inset-top,0px);flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.online-avatar{object-fit:cover;border:1px solid var(--lol-gold-border);background:#0a1428;border-radius:50%;flex-shrink:0}.online-legend-thumb{border:1px solid var(--lol-gold-border);border-radius:3px;flex-shrink:0;height:34px}.online-legend-thumb.sm{height:26px}.online-head{border-bottom:1px solid var(--lol-gold-border);background:#0a1428b3;align-items:center;gap:10px;padding:10px 12px;display:flex}.online-id{cursor:pointer;text-align:left;background:0 0;border:none;flex:1;align-items:center;gap:8px;min-width:0;padding:0;display:flex}.online-id-name{font-family:var(--font-lol);color:var(--lol-gold-light);letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:13px;overflow:hidden}.online-id-pick{font-family:var(--font-lol);letter-spacing:.06em;text-transform:uppercase;color:#1a1206;background:var(--lol-gold);white-space:nowrap;border-radius:3px;flex-shrink:0;padding:3px 8px;font-size:11px;font-weight:700}.online-series{flex-direction:column;flex-shrink:0;align-items:center;gap:1px;display:flex}.online-series-fmt{font-family:var(--font-mono,monospace);letter-spacing:.18em;color:#c89b3c99;font-size:9px}.online-series-score{font-family:var(--font-lol);color:var(--lol-gold-light);font-size:18px}.online-menu-btn{border:1px solid var(--lol-gold-border);color:var(--lol-gold);cursor:pointer;background:0 0;border-radius:4px;flex-shrink:0;padding:4px 10px;font-size:16px;line-height:1}.online-opp-row{border-bottom:1px solid var(--lol-gold-border);font-family:var(--font-lol);background:#010a1380;align-items:center;gap:7px;padding:7px 14px;font-size:12px;display:flex}.online-opp-vs{color:#f05252d9;letter-spacing:.1em;text-transform:uppercase;font-size:10px}.online-opp-name{color:#f0e6d3e6;white-space:nowrap;text-overflow:ellipsis;max-width:38vw;overflow:hidden}.online-opp-legend{font-family:var(--font-mono,monospace);color:#c89b3c99;white-space:nowrap;font-size:10px}.online-opp-off{font-family:var(--font-mono,monospace);color:#f0a852;font-size:9px}.online-opp-score{flex-shrink:0;align-items:baseline;gap:12px;margin-left:auto;display:flex}.online-opp-pts{font-family:var(--font-lol);color:var(--lol-gold-light);font-size:22px}.online-opp-xp{font-family:var(--font-lol);color:#60a5fa;font-size:22px}.online-opp-pts small,.online-opp-xp small{opacity:.7;margin-left:2px;font-size:9px}.online-actions{border-bottom:1px solid var(--lol-gold-border);gap:8px;padding:8px 12px;display:flex}.online-action-btn{border:1px solid var(--lol-gold-border);color:var(--lol-gold);font-family:var(--font-lol);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:#0a14288c;flex:1;padding:10px;font-size:11px;font-weight:600;overflow:hidden}.online-action-btn.primary{border-color:var(--lol-gold);color:var(--lol-gold-light);background:#c89b3c29}.online-action-btn.wide{flex:none;width:100%}.online-main{flex-direction:column;flex:1;min-height:0;display:flex}.online-main.is-locked{pointer-events:none}.online-stat{flex-direction:column;display:flex}.online-stat.points{flex:1;min-height:0}.online-stat.xp{border-top:1px solid var(--lol-gold-border);flex:0 0 23%;justify-content:center;align-items:center;display:flex;position:relative}.online-stat-center{z-index:0;pointer-events:none;flex-direction:column;align-items:center;gap:4px;display:flex;position:relative}.online-stat-label{text-align:center;font-family:var(--font-mono,monospace);letter-spacing:.25em;text-transform:uppercase;color:#c89b3c8c;padding-top:10px;font-size:11px}.online-stat-center .online-stat-label{padding-top:0}.online-stat-row{flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative}.online-tap{z-index:1;cursor:pointer;color:#c89b3c66;align-items:center;width:50%;font-size:26px;transition:background 80ms;display:flex;position:absolute;top:0;bottom:0}.online-tap.left{justify-content:flex-start;padding-left:28px;left:0}.online-tap.right{justify-content:flex-end;padding-right:28px;right:0}.online-tap:active{color:var(--lol-gold);background:#c89b3c1a}.online-tap span{pointer-events:none}.online-stat.xp .online-tap{font-size:18px}.online-points-num{z-index:0;pointer-events:none;font-family:var(--font-lol);color:var(--lol-gold-light);text-align:center;font-size:clamp(5rem,26vw,11rem);font-weight:700;line-height:1;position:relative}.online-xp-num{font-family:var(--font-lol);color:var(--lol-gold-light);text-align:center;font-size:2.9rem;line-height:1}.online-overlay{z-index:40;background:#010a13d1;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.online-overlay-card{border:1px solid var(--lol-gold-border);background:#0a1428f5;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:320px;padding:24px;display:flex}.online-overlay-title{font-family:var(--font-lol);letter-spacing:.08em;color:var(--lol-gold-light);font-size:1.1rem}.online-overlay-sub{font-family:var(--font-mono,monospace);color:#c89b3ca6;text-align:center;font-size:12px}.online-scan-overlay{z-index:50;background:#010a13e6;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.online-scan-box{flex-direction:column;align-items:center;gap:14px;width:100%;max-width:340px;display:flex}.online-scan-video{aspect-ratio:1;object-fit:cover;border:1px solid var(--lol-gold-border);background:#000;width:100%}.online-scan-hint{font-family:var(--font-mono,monospace);color:#c89b3cb3;font-size:12px}.mh-page{max-width:760px;height:100%;color:var(--lol-gold-light);flex-direction:column;margin:0 auto;display:flex}.mh-head{padding-bottom:var(--space-3);margin-bottom:var(--space-3);border-bottom:1px solid var(--lol-gold-border);flex-shrink:0}.mh-title{font-family:var(--font-lol);letter-spacing:.08em;text-transform:uppercase;color:var(--lol-gold-light);text-shadow:0 0 28px #c89b3c4d;margin:0;font-size:clamp(1.4rem,6vw,2rem);font-weight:700}.mh-empty{font-family:var(--font-mono);color:#c89b3c8c;text-align:center;padding:48px 16px;font-size:13px}.mh-list{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:10px;min-height:0;padding:2px 2px 16px;display:flex;overflow-y:auto}.mh-card{text-align:left;border:1px solid var(--lol-gold-border);border-left:3px solid var(--lol-gold-border);cursor:pointer;background:#0a142899;width:100%;padding:14px;transition:background .12s,border-color .12s;display:block}.mh-card:hover{border-color:var(--lol-gold);background:#0a1428e6}.mh-card.win{border-left-color:#31c48d}.mh-card.loss{border-left-color:#f05252}.mh-card-main{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.mh-result{font-family:var(--font-lol);letter-spacing:.08em;flex-shrink:0;width:46px;font-size:13px;font-weight:700}.mh-result.win{color:#31c48d}.mh-result.loss{color:#f05252}.mh-vs{flex:1;align-items:center;gap:12px;min-width:160px;display:flex}.mh-legend{font-family:var(--font-lol);color:var(--lol-gold-light);align-items:center;gap:8px;min-width:0;font-size:12px;display:flex}.mh-legend img{border:1px solid var(--lol-gold-border);border-radius:3px;flex-shrink:0;height:28px}.mh-legend span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mh-series{font-family:var(--font-lol);color:var(--lol-gold-light);flex-shrink:0;font-size:16px}.mh-meta{flex-direction:column;align-items:flex-end;gap:2px;margin-left:auto;display:flex}.mh-opp{font-family:var(--font-lol);color:#f0e6d3d9;font-size:12px}.mh-tags{font-family:var(--font-mono);color:#c89b3c8c;font-size:10px}@media (width<=600px){.mh-meta{align-items:flex-start;width:100%;margin-left:0}}.mh-modal-overlay{z-index:200;background:#010a13d9;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.mh-modal{background:var(--lol-surface);border:1px solid var(--lol-gold-border);width:100%;max-width:440px;max-height:86vh;padding:20px;overflow:hidden auto}.mh-modal-head{align-items:center;gap:12px;display:flex}.mh-modal-score{font-family:var(--font-lol);color:var(--lol-gold-light);font-size:20px}.mh-modal-close{color:#c89b3c99;cursor:pointer;background:0 0;border:none;margin-left:auto;font-size:16px}.mh-modal-close:hover{color:var(--lol-gold)}.mh-modal-sub{font-family:var(--font-mono);color:#c89b3c8c;margin:8px 0 18px;font-size:11px}.mh-sides{grid-template-columns:1fr 1fr;gap:10px;display:grid}.mh-side{border:1px solid var(--lol-gold-border);background:#0a142899;min-width:0;padding:12px}.mh-side-head{align-items:center;gap:8px;min-width:0;margin-bottom:12px;display:flex}.mh-side-icon{object-fit:cover;border:1px solid var(--lol-gold-border);background:#0a1428;border-radius:50%;flex-shrink:0;width:34px;height:34px}.mh-side-id{flex-direction:column;min-width:0;display:flex}.mh-side-label{font-family:var(--font-mono);color:#c89b3c8c;text-transform:uppercase;letter-spacing:.06em;font-size:9px}.mh-side-name{font-family:var(--font-lol);color:var(--lol-gold-light);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.mh-side-row{justify-content:space-between;gap:8px;min-width:0;padding:3px 0;display:flex}.mh-side-k{font-family:var(--font-mono);color:#c89b3c8c;flex-shrink:0;font-size:10px}.mh-side-v{font-family:var(--font-lol);color:var(--lol-gold-light);text-align:right;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;overflow:hidden}.mh-games-detail{margin-top:18px}.mh-games-title{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:#c89b3c8c;margin:0 0 8px;font-size:10px}.mh-game-row{background:#0a142899;border-left:2px solid #0000;min-width:0;margin-bottom:6px;padding:8px 10px}.mh-game-row.win{border-left-color:#31c48d}.mh-game-row.loss{border-left-color:#f05252}.mh-game-top{align-items:center;gap:10px;min-width:0;display:flex}.mh-game-n{font-family:var(--font-lol);color:var(--lol-gold-light);flex-shrink:0;font-size:12px}.mh-game-score{font-family:var(--font-lol);color:var(--lol-gold-light);flex-shrink:0;font-size:13px}.mh-game-xp{font-family:var(--font-mono);color:#60a5facc;flex-shrink:0;font-size:10px}.mh-game-tag{font-family:var(--font-mono);text-transform:uppercase;flex-shrink:0;margin-left:auto;font-size:10px}.mh-game-row.win .mh-game-tag{color:#31c48d}.mh-game-row.loss .mh-game-tag{color:#f05252}.mh-game-bf{flex-wrap:wrap;gap:4px 14px;margin-top:5px;display:flex}.mh-game-bf span{font-family:var(--font-mono);color:#c89b3cb3;font-size:10px}.mh-game-bf b{color:#c89b3c73;font-weight:400}.clp{margin-top:20px}.clp-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.clp-title{cursor:pointer;font-family:var(--font-lol);text-transform:uppercase;letter-spacing:.06em;color:var(--lol-gold-light);background:0 0;border:none;align-items:baseline;gap:8px;padding:0;font-size:16px;display:flex}.clp-title:hover{color:#fff}.clp-count{font-family:var(--font-mono);color:#c89b3c73;font-size:12px}.clp-hint{font-family:var(--font-mono);text-transform:none;letter-spacing:0;color:#c89b3c66;font-size:10px}.clp-empty{font-family:var(--font-mono);color:#c89b3c66;margin:0;font-size:12px}.clp-row{cursor:pointer;text-align:left;background:0 0;border:none;gap:12px;width:100%;padding:0;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 90%,#0000);mask-image:linear-gradient(90deg,#000 90%,#0000)}.clp-card{flex-direction:column;flex-shrink:0;gap:4px;width:118px;display:flex}.clp-thumb{aspect-ratio:5/7;object-fit:cover;border:1px solid var(--lol-gold-border);border-radius:9px;width:100%}.clp-name{font-family:var(--font-lol);color:var(--lol-gold-light);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.clp-price{font-family:var(--font-lol);color:#31c48d;font-size:12px}.clp-grid{margin-top:14px}.profile-page{height:100%;padding:var(--space-6) var(--space-4);color:var(--lol-gold-light);flex-direction:column;align-items:center;display:flex;overflow-y:auto}.profile-page.onboarding{z-index:100;padding:calc(40px + env(safe-area-inset-top,0px)) 20px 40px;background:#010a13;align-items:center;position:fixed;inset:0;overflow-y:auto}.profile-card{flex-direction:column;width:100%;max-width:440px;display:flex}.profile-title{font-family:var(--font-lol);letter-spacing:.08em;text-transform:uppercase;color:var(--lol-gold-light);text-shadow:0 0 28px #c89b3c4d;margin:0 0 6px;font-size:clamp(1.4rem,6vw,2rem);font-weight:700}.profile-sub{font-family:var(--font-mono);color:#c89b3c99;margin:0 0 var(--space-6);font-size:12px}.profile-preview{align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);display:flex}.profile-preview-icon{border:2px solid var(--lol-gold);object-fit:cover;background:var(--lol-surface);border-radius:50%;width:56px;height:56px}.profile-preview-name{font-family:var(--font-lol);color:var(--lol-gold-light);font-size:1.25rem}.profile-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:#c89b3c99;margin-bottom:var(--space-2);font-size:10px}.profile-input{font-family:var(--font-lol);color:var(--lol-gold-light);border:1px solid var(--lol-gold-border);padding:var(--space-3);margin-bottom:var(--space-5);background:#0a1428b3;border-radius:0;outline:none;font-size:1rem}.profile-input:focus{border-color:var(--lol-gold)}.profile-icon-grid{gap:var(--space-2);margin-bottom:var(--space-5);grid-template-columns:repeat(6,1fr);display:grid}@media (width<=480px){.profile-icon-grid{grid-template-columns:repeat(5,1fr)}}.profile-icon-btn{aspect-ratio:1;border-radius:var(--radius-sm);background:var(--lol-surface);cursor:pointer;transition:border-color var(--dur-fast), transform var(--dur-fast);border:2px solid #0000;padding:0;overflow:hidden}.profile-icon-btn img{object-fit:cover;width:100%;height:100%;display:block}.profile-icon-btn:hover{transform:scale(1.05)}.profile-icon-btn.selected{border-color:var(--lol-gold);box-shadow:0 0 12px #c89b3c66}.profile-save-btn{border:1px solid var(--lol-gold);color:#1a1206;font-family:var(--font-lol);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;clip-path:polygon(12px 0%,100% 0%,calc(100% - 12px) 100%,0% 100%);background-image:linear-gradient(#e0ba4ef2,#a87512fa);padding:14px 24px;font-size:13px;font-weight:700;transition:opacity .12s,box-shadow .12s}.profile-save-btn:hover:not(:disabled){box-shadow:0 0 24px #c89b3c66}.profile-save-btn:disabled{opacity:.5;cursor:default}.profile-error{font-family:var(--font-mono);color:#f05252;margin:var(--space-2) 0 0;font-size:12px}.profile-saved{font-family:var(--font-mono);color:#31c48d;margin:var(--space-2) 0 0;text-align:center;font-size:12px}.profile-logout-btn{width:100%;max-width:440px;font-family:var(--font-mono);color:#c89b3c99;border:1px solid var(--lol-gold-border);padding:12px var(--space-4);cursor:pointer;background:0 0;margin-top:auto;font-size:12px}.profile-logout-btn:hover{color:#f05252;border-color:#f05252}.profile-card{width:100%}.profile-modal.narrow{align-items:stretch;gap:10px;max-width:320px}.profile-modal.narrow .profile-modal-title{font-family:var(--font-lol);color:var(--lol-gold-light);text-align:center;font-size:1.1rem}.profile-modal.narrow .profile-modal-sub{text-align:center;margin-bottom:6px}.profile-action.danger{color:#f05252;background:#f0525224;border-color:#f05252;margin-bottom:0}.profile-action.danger:hover{background:#f0525238;border-color:#f05252}.profile-text-btn{cursor:pointer;color:#c89b3c99;font-family:var(--font-mono);background:0 0;border:none;align-self:center;margin-top:10px;font-size:12px}.profile-text-btn:hover{color:var(--lol-gold)}.profile-toggle{border:1px solid var(--lol-gold-border);cursor:pointer;text-align:left;background:#0a142899;align-items:center;gap:12px;width:100%;margin-bottom:8px;padding:12px 14px;display:flex}.profile-toggle-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.profile-toggle-label{font-family:var(--font-lol);color:var(--lol-gold-light);font-size:13px}.profile-toggle-hint{font-family:var(--font-mono);color:#c89b3c80;font-size:10px}.profile-toggle-switch{border:1px solid var(--lol-gold-border);background:#c89b3c26;border-radius:12px;flex-shrink:0;width:42px;height:24px;transition:background .14s;position:relative}.profile-toggle-switch span{background:#c89b3c99;border-radius:50%;width:18px;height:18px;transition:transform .14s,background .14s;position:absolute;top:2px;left:2px}.profile-toggle.on .profile-toggle-switch{border-color:var(--lol-gold);background:#c89b3c66}.profile-toggle.on .profile-toggle-switch span{background:var(--lol-gold);transform:translate(18px)}.profile-id{align-items:center;gap:14px;margin-bottom:22px;display:flex}.profile-id-icon{border:2px solid var(--lol-gold);object-fit:cover;background:var(--lol-surface);border-radius:50%;flex-shrink:0;width:64px;height:64px}.profile-id-text{flex-direction:column;gap:4px;min-width:0;display:flex}.profile-id-name{font-family:var(--font-lol);color:var(--lol-gold-light);font-size:1.3rem}.profile-tag{color:#c89b3c80;margin-left:2px;font-size:.85em}.profile-edit-link{cursor:pointer;color:var(--lol-gold);font-family:var(--font-mono);background:0 0;border:none;align-self:flex-start;padding:0;font-size:12px}.profile-edit-link:hover{text-decoration:underline}.profile-stats-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px;display:grid}.profile-stat{border:1px solid var(--lol-gold-border);background:#0a142899;flex-direction:column;gap:4px;min-width:0;padding:14px;display:flex}.profile-stat-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:#c89b3c8c;font-size:10px}.profile-stat-value{font-family:var(--font-lol);color:var(--lol-gold-light);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;font-size:1.05rem;display:flex;overflow:hidden}.profile-stat-legend{border-radius:2px;flex-shrink:0;height:24px}.profile-stat-sub{font-family:var(--font-mono);color:#c89b3c80;font-size:10px}.profile-action{border:1px solid var(--lol-gold-border);width:100%;color:var(--lol-gold);font-family:var(--font-lol);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:#c89b3c1f;margin-bottom:12px;padding:13px;font-size:12px;font-weight:600}.profile-action:hover{border-color:var(--lol-gold)}.profile-modal-overlay{z-index:200;background:#010a13d9;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.profile-modal{background:var(--lol-surface);border:1px solid var(--lol-gold-border);flex-direction:column;width:100%;max-width:440px;max-height:88vh;padding:22px;display:flex;overflow-y:auto}.profile-modal.wide{max-width:min(94vw,720px)}.profile-modal-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.profile-modal-title{font-family:var(--font-lol);color:var(--lol-gold-light);letter-spacing:.06em;font-size:1.1rem}.profile-modal-close{color:#c89b3c99;cursor:pointer;background:0 0;border:none;font-size:16px}.profile-modal-sub{font-family:var(--font-mono);color:#c89b3c8c;margin:0 0 16px;font-size:11px}.profile-empty{font-family:var(--font-mono);color:#c89b3c80;text-align:center;padding:30px;font-size:12px}.profile-matrix-scroll{overflow:auto}.profile-matrix{border-collapse:collapse;font-family:var(--font-mono)}.profile-matrix th,.profile-matrix td{border:1px solid var(--lol-gold-border);text-align:center;white-space:nowrap;padding:6px 8px;font-size:11px}.profile-matrix thead th{color:#c89b3cb3;z-index:1;background:#0c1830;position:sticky;top:0}.profile-matrix th.corner{color:#c89b3c80;text-align:left;z-index:3;font-size:9px;position:sticky;left:0}.profile-matrix th.rowhead{color:var(--lol-gold-light);text-align:left;z-index:1;background:#0c1830;position:sticky;left:0}.profile-matrix td b{color:var(--lol-gold-light);font-size:12px;display:block}.profile-matrix td span{color:#c89b3c80;font-size:9px}.profile-matrix td.good{background:#31c48d29}.profile-matrix td.bad{background:#f0525229}.profile-matrix td.even{background:#c89b3c12}.profile-matrix td.empty{color:#c89b3c40}.fr-page{height:100%;color:var(--lol-gold-light);overflow-y:auto}.fr-inner{max-width:560px;margin:0 auto;padding:0 0 24px}.fr-title{font-family:var(--font-lol);letter-spacing:.08em;text-transform:uppercase;color:var(--lol-gold-light);text-shadow:0 0 28px #c89b3c4d;margin:0 0 var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--lol-gold-border);font-size:clamp(1.4rem,6vw,2rem);font-weight:700}.fr-add{margin-bottom:6px}.fr-search{border:1px solid var(--lol-gold-border);width:100%;color:var(--lol-gold-light);font-family:var(--font-lol);background:#0a1428b3;outline:none;padding:12px 14px;font-size:16px}.fr-search:focus{border-color:var(--lol-gold)}.fr-notice{font-family:var(--font-mono);color:var(--lol-gold);cursor:pointer;padding:6px 2px;font-size:12px}.fr-heading{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:#c89b3c8c;margin:22px 0 8px;font-size:10px}.fr-empty{font-family:var(--font-mono);color:#c89b3c80;padding:12px 2px;font-size:12px}.fr-list{flex-direction:column;gap:8px;display:flex}.fr-row{border:1px solid var(--lol-gold-border);text-align:left;background:#0a142899;align-items:center;gap:12px;width:100%;padding:10px 12px;display:flex}.fr-row.clickable{cursor:pointer}.fr-row.clickable:hover{border-color:var(--lol-gold);background:#0a1428e6}.fr-avatar{object-fit:cover;background:var(--lol-surface);border:1px solid var(--lol-gold-border);border-radius:50%;flex-shrink:0}.fr-name{font-family:var(--font-lol);color:var(--lol-gold-light);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:14px;overflow:hidden}.fr-tag{color:#c89b3c80;margin-left:1px;font-size:.85em}.fr-chevron{color:#c89b3c80;flex-shrink:0;font-size:20px}.fr-muted{font-family:var(--font-mono);color:#c89b3c73;flex-shrink:0;font-size:11px}.fr-btn{border:1px solid var(--lol-gold);color:var(--lol-gold-light);font-family:var(--font-lol);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#c89b3c29;flex-shrink:0;padding:7px 14px;font-size:11px;font-weight:600}.fr-btn:hover{background:#c89b3c47}.fr-btn.ghost{border-color:var(--lol-gold-border);color:#c89b3cb3;background:0 0}.fr-modal-overlay{z-index:200;background:#010a13d9;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.fr-modal{background:var(--lol-surface);border:1px solid var(--lol-gold-border);width:100%;max-width:460px;max-height:88vh;padding:20px;overflow-y:auto}.fr-modal-head{align-items:center;gap:12px;margin-bottom:18px;display:flex}.fr-modal-name{font-family:var(--font-lol);color:var(--lol-gold-light);flex:1;min-width:0;font-size:1.2rem}.fr-close{color:#c89b3c99;cursor:pointer;background:0 0;border:none;font-size:16px}.fr-action{border:1px solid var(--lol-gold-border);width:100%;color:var(--lol-gold);font-family:var(--font-lol);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:#c89b3c1f;margin-bottom:6px;padding:12px;font-size:12px;font-weight:600}.fr-action:hover{border-color:var(--lol-gold)}.fr-hidden{font-family:var(--font-mono);color:#c89b3c80;border:1px solid var(--lol-gold-border);text-align:center;background:#0a142899;padding:14px;font-size:12px}.fr-section{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:#c89b3c8c;margin:18px 0 8px;font-size:10px}.fr-history{flex-direction:column;gap:6px;display:flex}.fr-match{border-left:2px solid var(--lol-gold-border);font-family:var(--font-mono);background:#0a142899;align-items:center;gap:10px;padding:8px 10px;font-size:11px;display:flex}.fr-match.win{border-left-color:#31c48d}.fr-match.loss{border-left-color:#f05252}.fr-match-res{font-family:var(--font-lol);flex-shrink:0;width:16px;font-weight:700}.fr-match-res.win{color:#31c48d}.fr-match-res.loss{color:#f05252}.fr-match-leg{color:var(--lol-gold-light);font-family:var(--font-lol);flex-shrink:0}.fr-match-score{color:var(--lol-gold-light);flex-shrink:0}.fr-match-vs{color:#c89b3c99;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.fr-remove{border:1px solid var(--lol-gold-border);color:#c89b3c99;width:100%;font-family:var(--font-mono);cursor:pointer;background:0 0;margin-top:18px;padding:11px;font-size:12px}.fr-remove:hover{color:#f05252;border-color:#f05252}.tp-page{max-width:600px;height:100%;color:var(--lol-gold-light);flex-direction:column;margin:0 auto;display:flex}.tp-rotate-overlay{display:none}@media (orientation:landscape) and (height<=600px){.tp-rotate-overlay{z-index:500;background-color:var(--lol-bg);flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}}.tp-rotate-inner{border:1px solid var(--lol-gold-border);background-color:#0a1428e6;flex-direction:column;align-items:center;gap:18px;max-width:290px;padding:34px 36px;display:flex}.tp-rotate-icon{opacity:.9;width:50px;height:64px;animation:2.4s ease-in-out infinite tp-rotate-pulse}@keyframes tp-rotate-pulse{0%,to{opacity:.9;transform:rotate(0)}50%{opacity:.6;transform:rotate(-8deg)}}.tp-rotate-title{font-family:var(--font-lol);color:var(--lol-gold-light);letter-spacing:.22em;text-transform:uppercase;text-align:center;margin:0;font-size:13px;font-weight:700}.tp-rotate-sub{font-family:var(--font-mono);color:#c89b3c80;text-align:center;letter-spacing:.05em;margin:0;font-size:10px;line-height:1.6}.tp-header{padding-bottom:var(--space-2);margin-bottom:var(--space-3);border-bottom:1px solid var(--lol-gold-border);flex-shrink:0;position:relative}.tp-header .tp-panel-search{top:0;left:0;right:0;bottom:var(--space-2);pointer-events:none;justify-content:flex-end;align-items:center;margin:0;display:flex;position:absolute}.tp-header .tp-panel-search>*{pointer-events:auto}.tp-header .tp-panel-search.open{background:var(--lol-bg)}.tp-header .tp-panel-search.open .tp-search-wrap{width:100%}.tp-tabs{border-top:1px solid var(--lol-gold-border);flex-shrink:0;gap:6px;margin-top:8px;padding-top:8px;display:flex}.tp-tab{border:1px solid var(--lol-gold-border);color:#c89b3c99;font-family:var(--font-lol);letter-spacing:.06em;cursor:pointer;background:#0a142880;flex:1;padding:6px;font-size:11px}.tp-tab.active{border-color:var(--lol-gold);color:var(--lol-gold-light);background:#c89b3c29}.tp-swipe{scroll-snap-type:x mandatory;scrollbar-width:none;flex:1;min-height:0;display:flex;overflow:auto hidden}.tp-swipe::-webkit-scrollbar{display:none}.tp-panel{scroll-snap-align:start;-webkit-overflow-scrolling:touch;flex:0 0 100%;width:100%;padding-bottom:24px;overflow-y:auto}.tp-personal{flex-direction:column;display:flex}.tp-personal .clp{flex:1 1 0;min-height:0}.tp-personal .clp:first-child{margin-top:4px}.tp-title{font-family:var(--font-lol);letter-spacing:.08em;text-transform:uppercase;color:var(--lol-gold-light);text-shadow:0 0 28px #c89b3c4d;margin:0;font-size:clamp(1.4rem,6vw,2rem);font-weight:700;line-height:1}.tp-search-btn{border:1px solid var(--lol-gold-border);width:38px;height:38px;color:var(--lol-gold);cursor:pointer;background:#0a142899;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.tp-search-btn:hover,.tp-search-btn.active{border-color:var(--lol-gold);color:var(--lol-gold-light)}.tp-search-btn.active{background:#c89b3c29}.tp-search-wrap{border:1px solid var(--lol-gold);width:100%;color:var(--lol-gold);background:#0a1428b3;align-items:center;gap:8px;padding:9px 12px;display:flex}.tp-search-input{color:var(--lol-gold-light);font-family:var(--font-lol);background:0 0;border:none;outline:none;flex:1;font-size:16px}.tp-add{border:1px solid var(--lol-gold);color:var(--lol-gold-light);font-family:var(--font-lol);letter-spacing:.06em;cursor:pointer;background:#c89b3c24;padding:6px 12px;font-size:11px}.tp-add:hover{background:#c89b3c42}.tp-fr-groups{flex-direction:column;gap:20px;display:flex}.tp-fr-name{font-family:var(--font-lol);color:var(--lol-gold-light);margin-bottom:10px;font-size:14px}.tp-fr-tag{color:#c89b3c80;margin-left:1px;font-size:.85em}.tp-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.tp-tile{cursor:pointer;text-align:left;background:0 0;border:none;flex-direction:column;gap:4px;min-width:0;padding:0;display:flex}.tp-tile-img{aspect-ratio:5/7;background:var(--lol-surface);border:1px solid var(--lol-gold-border);border-radius:9px;position:relative;overflow:hidden}.tp-tile-img img{object-fit:cover;width:100%;height:100%}.tp-qty{border:1px solid var(--lol-gold-border);color:var(--lol-gold-light);font-family:var(--font-lol);background:#010a13d9;padding:1px 5px;font-size:11px;position:absolute;top:4px;right:4px}.tp-tile-foot{justify-content:space-between;align-items:baseline;gap:6px;display:flex}.tp-tile-who{font-family:var(--font-lol);color:var(--lol-gold-light);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:13px;overflow:hidden}.tp-tile-price{font-family:var(--font-lol);color:#31c48d;flex-shrink:0;font-size:13px}.tp-tile-price.muted{color:#c89b3c66}.tp-empty{font-family:var(--font-mono);color:#c89b3c80;padding:18px 2px;font-size:12px}.tp-modal-overlay{z-index:220;padding:calc(env(safe-area-inset-top,0px) + 6vh) 16px calc(env(safe-area-inset-bottom,0px) + 84px);background:#010a13d9;flex-direction:column;align-items:center;display:flex;position:fixed;inset:0}.tp-modal{background:var(--lol-surface);border:1px solid var(--lol-gold-border);width:100%;max-width:360px;max-height:100%;padding:22px;position:relative;overflow-y:auto}.tp-close{color:#c89b3c99;cursor:pointer;background:0 0;border:none;font-size:16px;position:absolute;top:10px;right:12px}.tp-detail-img{border:1px solid var(--lol-gold-border);border-radius:4px;width:150px;margin:0 auto 14px;display:block}.tp-detail-name{font-family:var(--font-lol);color:var(--lol-gold-light);text-align:center;margin:0 0 4px;font-size:1.1rem}.tp-detail-sub{font-family:var(--font-mono);color:#c89b3c8c;text-align:center;margin:0 0 16px;font-size:11px}.tp-detail-rows{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.tp-detail-row{font-family:var(--font-mono);color:#c89b3c99;justify-content:space-between;font-size:12px;display:flex}.tp-detail-row b{font-family:var(--font-lol);color:var(--lol-gold-light)}.tp-owner{border:1px solid var(--lol-gold-border);cursor:pointer;background:#0a142899;align-items:center;gap:10px;width:100%;padding:10px;display:flex}.tp-owner:hover{border-color:var(--lol-gold)}.tp-owner-icon{object-fit:cover;border-radius:50%;flex-shrink:0;width:34px;height:34px}.tp-owner-text{text-align:left;flex-direction:column;flex:1;min-width:0;display:flex}.tp-owner-role{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:#c89b3c80;font-size:9px}.tp-owner-name{font-family:var(--font-lol);color:var(--lol-gold-light);font-size:13px}.tp-owner-chev{color:#c89b3c80;font-size:18px}.tp-add-title{margin-top:10px;margin-bottom:20px}.tp-search-input.solo{border:1px solid var(--lol-gold-border);background:#0a1428b3;width:100%;margin-bottom:12px;padding:10px 12px}.tp-results{flex-direction:column;gap:6px;max-height:44vh;display:flex;overflow-y:auto}.tp-result{border:1px solid var(--lol-gold-border);cursor:pointer;text-align:left;background:#0a142880;align-items:center;gap:10px;padding:6px;display:flex}.tp-result:hover{border-color:var(--lol-gold)}.tp-result img{border-radius:3px;flex-shrink:0;height:46px}.tp-result-text,.tp-picked-text{flex-direction:column;min-width:0;display:flex}.tp-result-name{font-family:var(--font-body);color:var(--lol-gold-light);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.tp-result-sub{font-family:var(--font-mono);color:#c89b3c8c;font-size:10px}.tp-picked{gap:12px;margin-bottom:16px;display:flex}.tp-picked img{border:1px solid var(--lol-gold-border);border-radius:4px;height:80px}.tp-link{color:var(--lol-gold);font-family:var(--font-mono);cursor:pointer;background:0 0;border:none;align-self:flex-start;margin-top:6px;padding:0;font-size:11px;text-decoration:underline}.tp-field-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:#c89b3c99;margin:10px 0 6px;font-size:10px;display:block}.tp-price-row{align-items:center;gap:8px;display:flex}.tp-dollar{color:var(--lol-gold-light);font-family:var(--font-lol)}.tp-price-input{border:1px solid var(--lol-gold-border);color:var(--lol-gold-light);font-family:var(--font-lol);background:#0a1428b3;outline:none;flex:1;padding:9px 10px;font-size:16px}.tp-obo{border:1px solid var(--lol-gold-border);color:#c89b3c99;font-family:var(--font-lol);cursor:pointer;background:#0a142899;padding:9px 14px;font-size:12px}.tp-obo.on{border-color:var(--lol-gold);color:var(--lol-gold-light);background:#c89b3c33}.tp-qty-row{align-items:center;gap:16px;display:flex}.tp-qty-row button{border:1px solid var(--lol-gold-border);width:36px;height:36px;color:var(--lol-gold-light);cursor:pointer;background:#0a142899;font-size:18px}.tp-qty-row span{font-family:var(--font-lol);text-align:center;min-width:24px;font-size:18px}.tp-primary{border:1px solid var(--lol-gold);color:#1a1206;width:100%;font-family:var(--font-lol);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;clip-path:polygon(12px 0%,100% 0%,calc(100% - 12px) 100%,0% 100%);background-image:linear-gradient(#e0ba4ef2,#a87512fa);margin-top:20px;padding:13px;font-size:13px;font-weight:700}.tp-primary:disabled{opacity:.5}.tp-remove{border:1px solid var(--lol-gold-border);color:#c89b3c99;width:100%;font-family:var(--font-mono);cursor:pointer;background:0 0;margin-top:10px;padding:11px;font-size:12px}.tp-remove:hover{color:#f05252;border-color:#f05252}