.landing-topbar{padding:10px 16px;padding-top:calc(10px + env(safe-area-inset-top,0px));z-index:10;pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:fixed;top:0;left:0;right:0}.landing-topbar>*{pointer-events:auto}.landing-topbar__left{flex-direction:column;align-items:center;gap:8px;display:flex}.landing-topbar__admin{opacity:.7;color:var(--accent)!important}.landing-topbar__admin:hover{opacity:1}.landing-topbar__gear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px;font-size:1rem;line-height:1;transition:color .12s}.landing-topbar__signin{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:3px;align-items:center;gap:6px;padding:5px 10px;font-size:.75rem;transition:color .12s,border-color .12s;display:flex}.landing-topbar__owner{align-items:center;gap:8px;display:flex}.landing-topbar__user{color:var(--text-muted);font-size:.72rem}.landing-topbar__google-icon{font-size:.75rem}.landing{max-width:600px;padding:40px 20px 20px;padding-top:calc(40px + env(safe-area-inset-top,0px));flex-direction:column;min-height:100dvh;margin:0 auto;display:flex}.landing-hero{text-align:center;margin-bottom:24px}.landing-logo{margin-bottom:16px}.landing-logo__icon{background:linear-gradient(135deg,oklch(72% .22 245),oklch(52% .28 270));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:3rem}.landing-title{letter-spacing:-.02em;background:linear-gradient(90deg,#f9faf4,#aae0fa,#b3a1c8,#e8a98a,#a8d5a2,#f9faf4) 0 0/300% 100%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:2rem;font-weight:700;animation:8s ease-in-out infinite title-shimmer}.landing-tagline{color:var(--text-muted);-webkit-user-select:none;user-select:none;margin-bottom:24px;font-size:1rem}.landing-splash{transform-origin:50%;animation:1.5s ease-in-out infinite splash-wobble;display:inline-block}.landing-fade-in{animation:.4s ease-out both landing-fade}@keyframes title-shimmer{0%,to{background-position:0%}50%{background-position:100%}}@keyframes splash-wobble{0%,to{transform:scale(1)rotate(-1deg)}50%{transform:scale(1.04)rotate(1deg)}}@keyframes landing-fade{0%{opacity:0}to{opacity:1}}@keyframes deal-in{0%{opacity:0;transform:translateY(12px)rotate(-1deg)}to{opacity:1;transform:translateY(0)rotate(0)}}.landing-group-deal{opacity:0;animation:.3s ease-out forwards deal-in;position:relative}.landing-group-deal--centered{text-align:center}.landing-particles{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.landing-particle{opacity:0;will-change:transform, opacity;animation:linear infinite particle-float;position:absolute;bottom:-40px}@keyframes particle-float{0%{opacity:0;transform:translateY(0)rotate(0)}10%{opacity:.15}90%{opacity:.15}to{opacity:0;transform:translateY(-100vh)rotate(180deg)}}.landing-cta{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.landing-cta .fa-solid{margin-right:6px}.landing-btn{letter-spacing:.01em;border-radius:3px;align-items:center;padding:10px 20px;font-size:.9rem;font-weight:600;text-decoration:none;transition:opacity .15s;display:inline-flex}.landing-btn.primary{background:var(--accent);color:var(--text-on-accent)}.landing-btn.secondary{background:var(--surface2);color:var(--text);border:1px solid var(--border)}.landing-features{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:48px;display:grid}.landing-feature{background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:20px}.landing-feature-icon{color:var(--accent);margin-bottom:10px;font-size:1.3rem}.landing-feature h3{margin-bottom:6px;font-size:.9rem;font-weight:600}.landing-feature p{color:var(--text-muted);font-size:.8rem;line-height:1.5}.landing-groups{margin-bottom:16px}.landing-group-list{flex-direction:column;gap:8px;display:flex}.landing-group-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:6px;font-size:.7rem;font-weight:600}.landing-group-card{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:4px;justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:12px 16px;text-decoration:none;transition:border-color .15s;display:flex}.landing-group-card--owned{background:var(--surface2);border-color:oklch(62% .22 245/.25)}.landing-group-name{align-items:center;min-width:0;display:flex;overflow:hidden}.landing-group-name>strong{text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;min-width:0;overflow:hidden}.landing-group-slug{color:var(--text-muted);white-space:nowrap;flex-shrink:0;margin-left:8px;font-size:.75rem}.landing-group-count-pill{color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:999px;align-self:center;padding:3px 10px;font-size:.72rem}.landing-group-remove{color:var(--text-muted);cursor:pointer;opacity:.5;background:0 0;border:none;padding:4px 6px;font-size:1.1rem;line-height:1;transition:color .15s,opacity .15s;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.landing-search{width:100%;max-width:320px;margin:16px auto 0;position:relative}.landing-search-input{text-align:center;padding-right:32px}.landing-search-clear{color:var(--text-muted);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:4px;font-size:.85rem;line-height:1;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.landing-search-results{z-index:10;background:var(--surface);border:1px solid var(--border);border-radius:4px;width:max-content;min-width:100%;max-width:calc(100vw - 64px);position:absolute;top:calc(100% + 4px);left:50%;overflow:hidden;transform:translate(-50%)}.landing-search-results .landing-group-card{border:none;border-bottom:1px solid var(--border);border-radius:0}.landing-search-results .landing-group-card:last-child{border-bottom:none}.landing-search-status{color:var(--text-muted);text-align:center;padding:10px 16px;font-size:.85rem}.landing-role-pill{letter-spacing:.03em;border-radius:999px;align-items:center;gap:4px;padding:2px 7px;font-size:.68rem;font-weight:600;display:inline-flex}.landing-role-pill--admin{background:var(--role-owner-bg);color:var(--accent)}.landing-role-pill--subscribed{background:var(--role-subscribed-bg);color:var(--role-subscribed-text)}.landing-role-pill--member{background:var(--role-member-bg);color:var(--role-member-text)}.landing-role-pill--guest{color:var(--text-muted);background:oklch(50% 0 0/.1)}.landing-prefooter{flex-direction:column;align-items:center;gap:8px;margin-top:auto;margin-bottom:0;padding-top:20px;padding-bottom:12px;display:flex}.landing-footer-stats{color:var(--text-muted);text-align:center;opacity:0;font-size:.72rem;transition:opacity .4s}.landing-footer-stats--loaded{opacity:1}.landing-footer{border-top:1px solid var(--border);text-align:center;padding-top:12px}.landing-footer-stats+.landing-footer{margin-top:0}.landing-footer-text{color:var(--text-muted);font-size:.75rem}.landing-demo-wrap{text-align:center;transition:opacity .2s}.landing-demo-link{color:var(--text-muted);border:1px solid var(--border);border-radius:4px;align-self:center;align-items:center;gap:7px;margin-bottom:6px;padding:6px 12px;font-size:.8rem;font-weight:500;text-decoration:none;transition:color .15s,border-color .15s;display:inline-flex}@media (hover:hover){.landing-topbar__gear:hover{color:var(--text)}.landing-topbar__signin:hover{color:var(--text);border-color:var(--text-muted)}}@media (width<=639px){.landing-topbar__user,.landing-topbar__signin-label{display:none}}.landing-topbar-tip{background:var(--surface);border:1px solid var(--border);color:var(--text-muted);white-space:nowrap;pointer-events:none;z-index:9999;border-radius:4px;padding:3px 8px;font-size:.7rem;position:fixed}@media (hover:hover){.landing-btn:hover{opacity:.85}}@media (width<=480px){.landing-features{grid-template-columns:1fr}}@media (hover:hover){.landing-group-card:hover{border-color:var(--accent)}.landing-group-remove:hover{color:var(--red);opacity:1}}@media (width>=640px){.landing-group-remove{right:-28px}.landing-group-card{padding-right:16px}}@media (width<=639px){.landing-group-card{padding-right:36px}}@media (hover:hover){.landing-search-clear:hover{color:var(--text)}.landing-demo-link:hover{color:var(--text);border-color:var(--text)}}.about-modal{max-width:480px;max-height:85vh;overflow-y:auto}.about-modal__body{flex-direction:column;gap:20px;margin-top:12px;display:flex}.about-modal__definition{border-left:2px solid var(--border);padding:6px 12px}.about-modal__definition-word{color:var(--text);margin-bottom:2px;font-size:1rem;font-weight:700}.about-modal__definition-pos{color:var(--text-muted);margin-left:4px;font-size:.8rem;font-style:italic;font-weight:400}.about-modal__definition-text{color:var(--text-muted);font-size:.8rem;line-height:1.5}.about-modal__definition-extended{color:oklch(54% .018 245/.6)}.about-modal__intro{color:var(--text-muted);font-size:.9rem;line-height:1.5}.about-modal__icon{margin-right:4px}.about-modal__section{flex-direction:column;gap:10px;display:flex}.about-modal__steps{flex-direction:column;gap:14px;display:flex}.about-modal__step{align-items:flex-start;gap:12px;display:flex}.about-modal__step-icon{color:var(--accent);text-align:center;flex-shrink:0;width:16px;margin-top:2px;font-size:1rem}.about-modal__step strong{color:var(--text);margin-bottom:2px;font-size:.85rem;display:block}.about-modal__step p{color:var(--text-muted);margin:0;font-size:.8rem;line-height:1.45}.about-modal__tips{flex-direction:column;gap:6px;padding:0;list-style:none;display:flex}.about-modal__tips li{color:var(--text-muted);padding-left:14px;font-size:.8rem;line-height:1.45;position:relative}.about-modal__tips li:before{content:"·";color:var(--accent);position:absolute;left:0}*,:before,:after{box-sizing:border-box;margin:0;padding:0}svg:focus,svg :focus{outline:none}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}:root{--bg:oklch(10% .012 245);--surface:oklch(14% .015 245);--surface2:oklch(17% .018 245);--border:oklch(24% .018 245);--text:oklch(91% .008 245);--text-muted:oklch(54% .018 245);--accent:oklch(62% .22 245);--accent-muted:oklch(62% .22 245/.5);--green:#4ade80;--red:#f87171;--yellow:#fbbf24;--font:"Sora", system-ui, sans-serif;--text-on-accent:oklch(96% .005 245);--role-owner-bg:oklch(62% .22 245/.15);--role-subscribed-bg:oklch(80% .12 75/.18);--role-subscribed-text:oklch(78% .14 75);--role-member-bg:oklch(55% .15 145/.15);--role-member-text:oklch(70% .15 145);--surface-tooltip:oklch(12% .015 245)}html{overscroll-behavior:none;touch-action:manipulation;height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);overscroll-behavior:none;-webkit-overflow-scrolling:touch;touch-action:manipulation;min-height:100dvh}table{border-collapse:collapse;width:100%;font-size:.875rem}th{text-align:left;color:var(--text-muted);border-bottom:1px solid var(--border);padding:6px 8px;font-weight:500}td{border-bottom:1px solid var(--border);padding:8px}tr:last-child td{border-bottom:none}button{background:var(--accent);color:var(--text-on-accent);cursor:pointer;letter-spacing:.01em;border:none;border-radius:3px;padding:8px 16px;font-size:.9rem;font-weight:600}button:disabled{opacity:.35;cursor:not-allowed}button.secondary{background:var(--surface2);color:var(--text);border:1px solid var(--border)}input,select,textarea{background:var(--surface2);border:1px solid var(--border);color:var(--text);font-size:.875rem;font-family:var(--font);border-radius:3px;width:100%;padding:6px 10px}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);outline:none}label{color:var(--text-muted);margin-bottom:4px;font-size:.8rem;display:block}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.page{max-width:1100px;padding:24px 16px;padding-top:calc(52px + env(safe-area-inset-top,0px) + 12px);margin:0 auto}.install-banner-visible .page{padding-top:calc(52px + env(safe-area-inset-top,0px) + 42px + 12px);padding-bottom:calc(24px + env(safe-area-inset-bottom,0px));overflow-x:hidden}.card{background:var(--surface);border:1px solid var(--border);border-radius:4px;min-width:0;padding:16px}.grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.stack{flex-direction:column;gap:12px;display:flex}.stat-card{flex-direction:column;justify-content:center;transition:box-shadow .15s,transform .15s;display:flex}.ribbon-wrap{transition:box-shadow .15s,transform .15s;position:relative}.ribbon-wrap .stat-card{transition:none}.ribbon-wrap .stat-card:hover{box-shadow:none;transform:none}.ribbon-clip{pointer-events:none;border-radius:4px;position:absolute;inset:0;overflow:hidden}.ribbon{background:var(--green);color:#000;white-space:nowrap;letter-spacing:.04em;text-transform:uppercase;pointer-events:none;padding:3px 25px;font-size:.58rem;font-weight:800;position:absolute;top:20px;right:-20px;transform:rotate(35deg)}.page--centered{text-align:center;padding-top:80px}.page--narrow{max-width:420px;margin-left:auto;margin-right:auto}.section-label{letter-spacing:.08em;color:var(--text-muted);text-transform:uppercase;margin-bottom:12px;font-size:.72rem;font-weight:700}.sub-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:600}.win{color:var(--green)}.loss,.text-error{color:var(--red)}.text-muted{color:var(--text-muted)}.link--accent{color:var(--accent)}.link--plain{color:var(--text);text-decoration:none}.font-bold{font-weight:700}.m-0{margin:0}.hidden{display:none}@keyframes flicker{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.15)rotate(-3deg)}}@keyframes fire{0%{color:#facc15;text-shadow:0 0 6px #facc15,0 0 12px #f97316}25%{color:#fb923c;text-shadow:0 0 8px #fb923c,0 0 16px #ef4444}50%{color:#f97316;text-shadow:0 0 10px #f97316,0 0 20px #facc15}75%{color:#ef4444;text-shadow:0 0 8px #ef4444,0 0 14px #fb923c}to{color:#facc15;text-shadow:0 0 6px #facc15,0 0 12px #f97316}}.flame{font-weight:800;animation:1.2s ease-in-out infinite fire;display:inline-block}.best-deck-row{background:#ffd7000f;border-left:2px solid #ffd7004d}.foe-ribbon-wrap{cursor:help;line-height:1;position:absolute;top:-4px;right:-14px}.foe-ribbon{color:#000;letter-spacing:.04em;text-transform:uppercase;opacity:.85;background:#f97316;border-radius:2px;padding:1px 3px;font-size:.45rem;font-weight:800;line-height:1;display:block;transform:rotate(20deg)}.topnav{background:var(--surface);border-bottom:1px solid var(--border);padding:0 16px;padding-top:env(safe-area-inset-top,0px);padding-left:calc(16px + env(safe-area-inset-left,0px));padding-right:calc(16px + env(safe-area-inset-right,0px));min-height:calc(52px + env(safe-area-inset-top,0px));z-index:50;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.topnav__hamburger{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:3px;flex-direction:column;flex-shrink:0;justify-content:center;gap:5px;width:36px;height:36px;padding:4px;display:flex}.topnav__hamburger span{background:var(--text-muted);border-radius:1px;width:18px;height:1.5px;transition:background .15s;display:block}.topnav__logo{font-size:1rem;font-weight:700;position:absolute;left:50%;transform:translate(-50%);color:var(--accent)!important;text-decoration:none!important}.topnav__group-name{letter-spacing:-.01em;font-size:.95rem;font-weight:700}.topnav__right{justify-content:flex-end;display:flex}.topnav__badge{letter-spacing:.03em;cursor:default;white-space:nowrap;border-radius:3px;align-items:center;gap:5px;padding:8px 12px;font-size:.7rem;font-weight:600;display:flex}.topnav__badge--owner{background:var(--role-owner-bg);color:var(--accent)}.topnav__badge--subscribed{background:var(--role-subscribed-bg);color:var(--role-subscribed-text)}.topnav__badge--member{background:var(--role-member-bg);color:var(--role-member-text)}.topnav__badge--walk-in{color:var(--text-muted);background:oklch(50% 0 0/.08)}.topnav__badge--clickable{cursor:pointer;border:1px solid oklch(50% 0 0/.25);font-family:inherit;transition:background .12s,color .12s,border-color .12s}.logo--flex{align-items:center;gap:.4rem;display:flex}.avatar-icon--sm{font-size:.65rem}.nav-link-btn{cursor:pointer;text-align:left;background:0 0;border:none;width:100%}.rate-limit-banner{color:oklch(15% .02 45);text-align:center;background:oklch(65% .18 45);padding:6px 16px;font-size:.8rem;font-weight:600}.drawer-overlay{z-index:90;pointer-events:none;background:oklch(5% .01 245/0);transition:background .25s cubic-bezier(.16,1,.3,1);position:fixed;inset:0}.drawer-overlay--open{pointer-events:auto;background:oklch(5% .01 245/.7)}.nav-drawer{background:var(--surface);border-right:1px solid var(--border);z-index:100;width:220px;padding-top:env(safe-area-inset-top,0px);padding-left:env(safe-area-inset-left,0px);padding-bottom:env(safe-area-inset-bottom,0px);flex-direction:column;transition:transform .28s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.nav-drawer--open{transform:translate(0)}.nav-drawer__header{border-bottom:1px solid var(--border);padding:16px}.nav-drawer__header .logo{color:var(--accent);font-size:.95rem;font-weight:700;text-decoration:none}.nav-drawer__links{flex-direction:column;flex:1;padding:8px 0;display:flex;overflow-y:auto}.nav-drawer__link{color:var(--text-muted);font-size:.875rem;font-weight:500;font-family:var(--font);align-items:center;gap:12px;padding:11px 16px;text-decoration:none;transition:color .12s,background .12s;display:flex}.nav-drawer__link i{text-align:center;opacity:.7;width:16px;font-size:.8rem}.nav-drawer__recent{border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex-direction:column;gap:2px;padding:6px 8px;display:flex}.nav-drawer__recent-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);padding:4px 8px;font-size:.62rem;font-weight:600}.nav-drawer__recent-link{color:var(--text-muted);border-radius:6px;align-items:center;gap:7px;min-width:0;padding:5px 8px;font-size:.8rem;text-decoration:none;transition:background .15s,color .15s;display:flex}.nav-drawer__recent-name{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.nav-drawer__recent-badge{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:.55rem;display:flex}.nav-drawer__recent-badge--owner{background:var(--role-owner-bg);color:var(--accent)}.nav-drawer__recent-badge--member{background:var(--role-member-bg);color:var(--role-member-text)}.nav-drawer__recent-badge--walk-in{color:var(--text-muted);background:oklch(50% 0 0/.08)}.nav-drawer__recent-badge--subscribed{background:var(--role-subscribed-bg);color:var(--role-subscribed-text)}.nav-drawer__footer{border-top:1px solid var(--border);padding:10px 12px}.nav-drawer__user-row{align-items:center;gap:8px;display:flex}.nav-drawer__avatar{width:26px;height:26px;color:var(--accent);background:oklch(62% .22 245/.18);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;display:flex}.nav-drawer__email{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.72rem;overflow:hidden}.nav-drawer__signout-icon{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:3px;flex-shrink:0;align-items:center;padding:4px;font-size:.75rem;transition:color .12s;display:flex}.nav-drawer__signin-btn{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:3px;align-items:center;gap:7px;width:100%;padding:7px 10px;font-size:.75rem;transition:color .12s,border-color .12s;display:flex}.nav-drawer__share-row{gap:8px;padding:16px 0 0;display:flex}.nav-drawer__share-btn{background:var(--surface2);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:.68rem;transition:color .15s,border-color .15s;display:flex}.fab{bottom:calc(24px + env(safe-area-inset-bottom,0px));background:var(--accent);color:var(--text-on-accent);touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;font-size:1rem;font-weight:600;font-family:var(--font);letter-spacing:.01em;cursor:pointer;z-index:40;border:none;border-radius:4px;padding:12px 20px;transition:box-shadow .2s cubic-bezier(.16,1,.3,1),transform .15s cubic-bezier(.16,1,.3,1);position:fixed;right:24px;box-shadow:0 0 0 1px oklch(62% .22 245/.3),0 4px 12px oklch(4% .03 245/.8),0 8px 32px oklch(4% .03 245/.7),0 16px 56px oklch(4% .03 245/.5)}.fab:active{transform:translateY(0);box-shadow:0 0 0 1px oklch(62% .22 245/.3),0 2px 8px oklch(4% .03 245/.8),0 4px 20px oklch(4% .03 245/.6)}.fab--hidden,.scroll-label{display:none}.scroll-x{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--border) var(--surface2);position:relative;overflow-x:auto}.scroll-x::-webkit-scrollbar{height:8px}.scroll-x::-webkit-scrollbar-track{background:var(--surface2);border-radius:4px}.scroll-x::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:4px;min-width:40px}.chart-scroll{overflow:auto visible}.clickable-card{cursor:pointer;transition:border-color .15s}.clickable-row{cursor:pointer}.deck-link-cell{text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.back-link{color:var(--text-muted);align-items:center;gap:6px;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex}.back-link:hover{color:var(--accent)}.settings-page{max-width:480px}.settings-back{color:var(--text);font-family:var(--font);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;margin-bottom:20px;padding:0;font-size:1rem;font-weight:600;display:flex}.settings-back:hover{color:var(--red)}.settings-scale-row{gap:8px;margin-top:10px;margin-bottom:12px;display:flex}.settings-scale-btn{background:var(--surface2);border:1px solid var(--border);color:var(--text-muted);font-family:var(--font);cursor:pointer;border-radius:4px;flex:1;padding:10px 0;font-size:.875rem;font-weight:500}.settings-scale-btn--active{border-color:var(--accent);color:var(--accent);background:oklch(62% .22 245/.1)}.settings-preview{color:var(--text-muted);margin-top:4px;font-style:italic}.settings-hint{color:var(--text-muted);margin-top:4px;font-size:.8rem}.modal-overlay{z-index:200;background:oklch(5% .01 245/.7);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-overlay--padded{padding:16px}.modal-card{width:100%;max-width:420px;margin:16px}.modal-title{font-size:1rem;font-weight:700}.modal-body{color:var(--text-muted);font-size:.875rem;line-height:1.5}.modal-actions{justify-content:flex-end;gap:8px;display:flex}.btn--danger{background:var(--red)}.qr-modal-card{flex-direction:column;align-items:center;gap:16px;padding:24px;display:flex}.qr-modal-canvas{border-radius:8px}.qr-modal-url{color:var(--text-muted);word-break:break-all;text-align:center;max-width:220px;font-size:.75rem}.unlock-modal-card{width:100%;max-width:360px;margin:16px}.settings-modal-card{gap:24px;margin:16px}.settings-modal-header{justify-content:space-between;align-items:center;display:flex}.settings-modal-title{font-size:1rem;font-family:var(--font)}.settings-close-btn{margin:0}.h2h-table{white-space:nowrap;font-size:.8rem}.h2h-header-label{color:var(--text-muted);width:80px;font-weight:500}.h2h-col-header{text-align:center;color:var(--text-muted);font-weight:500}.h2h-row-label{color:var(--text-muted);padding-right:12px}.h2h-cell{text-align:center}.h2h-cell--empty{text-align:center;color:var(--border)}.h2h-record-wrap{display:inline-block;position:relative}.h2h-record--win{color:var(--green);font-weight:600}.h2h-record--even{color:var(--text-muted);font-weight:600}.h2h-record--loss{color:var(--red);font-weight:600}.foe-tooltip{background:var(--surface-tooltip);white-space:normal;z-index:9999;max-width:min(280px,100vw - 20px);color:var(--text);pointer-events:none;border:1px solid oklch(65% .18 45);border-radius:6px;padding:6px 10px;font-size:.7rem;position:fixed;transform:translate(-50%,-100%)}.admin-panel__icon-btn{padding:2px 6px;line-height:1}.admin-panel__action-grid{grid-template-columns:repeat(5,auto);gap:4px;width:fit-content;display:grid}.admin-panel__close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;margin-left:auto;padding:0;font-size:1rem;font-weight:600;line-height:1}.admin-panel__close-btn:hover{color:var(--red)}.admin-panel__body{flex-direction:column;gap:12px;font-size:.8rem;display:flex}.admin-panel__section{flex-direction:column;gap:6px;display:flex}.admin-panel__section-label{color:var(--text-muted);text-transform:uppercase;font-size:.72rem;font-weight:600}.admin-panel__section-label--mt{margin-bottom:6px}.admin-panel__status{color:var(--text-muted);font-size:.75rem}.admin-panel__divider-section{border-top:1px solid var(--border);padding-top:8px}.admin-panel__table{border-collapse:collapse;width:100%;font-size:.75rem}.admin-panel__th-row{color:var(--text-muted)}.admin-panel__th{text-align:left;padding:2px 4px;font-weight:600}.admin-panel__tr{border-bottom:1px solid var(--border)}.admin-panel__td{padding:3px 4px}.admin-panel__td--muted{color:var(--text-muted)}.admin-panel__toggle-sub-btn{background:var(--surface2);color:var(--text-muted);border:1px solid var(--border)}.admin-panel__toggle-sub-btn--subscribed{background:var(--role-subscribed-bg);color:var(--role-subscribed-text)}.admin-panel__stats-grid{color:var(--text-muted);grid-template-columns:1fr 1fr;gap:4px;font-size:.78rem;display:grid}.admin-panel__lookup-form{gap:4px;display:flex}.admin-panel__lookup-input{flex:1;padding:3px 6px;font-size:.75rem}.admin-panel__lookup-error{color:var(--red);font-size:.72rem}.admin-panel__lookup-result{color:var(--text-muted);background:var(--surface2);border-radius:3px;padding:6px 8px;font-size:.72rem}.admin-panel__error-item{color:var(--red);background:var(--surface2);border-radius:3px;padding:4px 6px;font-size:.7rem}.admin-panel__error-meta{color:var(--text-muted);font-size:.65rem}.admin-panel__btn--text-left{text-align:left}.seat-card__inner{flex-direction:column;gap:10px;display:flex}.seat-card__top-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.seat-card__drag-handle{cursor:grab;color:var(--border);touch-action:none;-webkit-user-select:none;user-select:none;flex-shrink:0;grid-template-columns:1fr 1fr;align-self:center;gap:2px;padding:2px 4px;display:grid}.seat-card__drag-handle:active{cursor:grabbing}.seat-card__drag-dot{background:var(--border);border-radius:50%;width:3px;height:3px;display:block}.seat-card__number{background:var(--accent);color:var(--text-on-accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;font-weight:700;display:flex}.seat-card__select-slot{flex:1;min-width:120px}.seat-card__remove-slot{flex-shrink:0}.seat-card__remove-btn{background:var(--red);color:var(--text-on-accent);cursor:pointer;border:none;border-radius:6px;padding:6px 10px;font-size:.875rem;display:block}.seat-card__stats-grid{grid-template-columns:1fr 1fr 1fr 1fr 1fr;gap:8px;display:grid}.seat-card__stepper{align-items:center;gap:4px;display:flex}.seat-card__stepper-btn{padding:4px 10px;line-height:1}.seat-card__stepper-val{text-align:center;min-width:20px}.seat-card__toggle-btn{border-radius:6px;width:100%;padding:4px 8px}.seat-card__toggle-btn--on{background:var(--green);color:oklch(15% .02 145);border:1px solid var(--green)}.seat-card__toggle-btn--off{background:var(--surface2);color:var(--text-muted);border:1px solid var(--border)}.game-form__add-seat-btn{width:100%;padding:6px 16px;font-size:.85rem}.game-form__win-con-label{margin-top:12px;display:block}.game-form__notes{resize:vertical;width:100%}.game-form__footer{gap:8px;display:flex}.game-form__submit-btn{flex:1}.game-form__clear-btn{background:var(--red);color:var(--text-on-accent);border-color:var(--red)}.edit-game-modal-card{flex-direction:column;gap:16px;width:100%;max-width:560px;max-height:90vh;display:flex;overflow-y:auto}.edit-game-modal-header{justify-content:space-between;align-items:center;display:flex}.edit-game-modal-close{margin:0}.edit-game-label{flex-direction:column;gap:4px;font-size:.85rem;display:flex}.edit-game-turn-row{align-items:center;gap:8px;display:flex}.edit-game-turn-val{text-align:center;min-width:24px;font-weight:700}.edit-game-player-card{padding:10px 12px}.edit-game-player-header{justify-content:space-between;align-items:center;width:100%;margin-bottom:8px;display:flex}.edit-game-player-name{font-size:.9rem}.edit-game-player-deck{color:var(--text-muted);font-size:.75rem}.edit-game-label .bracket-control{margin-top:2px}.edit-game-player-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.edit-game-stat-row{gap:32px}.edit-game-pills{justify-content:center;margin-top:8px}.edit-game-footer{justify-content:flex-end;gap:8px;display:flex}.card-tooltip-trigger{cursor:pointer}.card-tooltip-container{z-index:10000;pointer-events:none;gap:6px;display:flex;position:fixed}.card-tooltip-image{border-radius:10px;width:244px;height:340px;transition:opacity .15s;box-shadow:0 8px 32px oklch(4% .02 245/.6)}.champions-list{flex-direction:column;flex:1;display:flex}.champions-row{cursor:pointer;align-items:center;gap:12px;padding:6px 0;display:flex}.champions-row--bordered{border-bottom:1px solid var(--border)}.champions-player-info{flex:1}.champions-player-name{font-weight:700}.champions-season{color:var(--text-muted);font-size:.8rem}.champions-stats{text-align:right}.champions-winrate{font-weight:600}.champions-record{color:var(--text-muted);margin-left:6px;font-size:.8rem}.recent-games-players-cell{color:var(--text-muted);font-size:.8rem}.commander-search__row{align-items:stretch;gap:6px;display:flex}.commander-search__partner-row{align-items:flex-end;gap:6px;margin-top:6px;display:flex}.commander-search__add-partner-btn{white-space:nowrap;flex-shrink:0;font-size:.75rem}.commander-search__remove-btn{white-space:nowrap;background:var(--red);color:var(--text-on-accent);border:none;border-radius:4px;flex-shrink:0;padding:6px 8px;font-size:.75rem}.single-search{flex:1;position:relative}.single-search__dropdown{background:var(--surface);border:1px solid var(--border);z-index:300;border-top:none;border-radius:0 0 6px 6px;max-height:200px;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.single-search__option{cursor:pointer;color:var(--text);padding:6px 10px;font-size:.85rem}.single-search__option--active{background:var(--surface2)}.single-search__loading{color:var(--text-muted);font-size:.7rem;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.achievement-icon-wrap{display:inline-flex}.achievement-icon-wrap--positioned{position:relative}.ach-circle{cursor:default;background:var(--surface2);border:2px solid var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.ach-circle--common{border-color:#9d9d9d}.ach-circle--locked{background:var(--bg);border-color:var(--border)}.ach-tier-badge{letter-spacing:-.05em;pointer-events:none;z-index:2;-webkit-text-stroke:4px var(--surface2);paint-order:stroke fill;font-size:.6em;font-weight:700;line-height:1;position:absolute;top:0;right:0}.ach-icon--zindex{z-index:1;position:relative}.ach-tooltip{max-width:calc(100vw - 20px);display:flex;position:fixed;transform:translate(-50%,-100%)}.ach-rarity-label{text-transform:uppercase;letter-spacing:.05em;font-size:.6rem;font-weight:600}.ach-earned-date{color:var(--text-muted);font-size:.6rem}.ach-name-wrap{position:relative}.ach-name-tooltip{background:var(--surface);border:1px solid var(--border);color:var(--text-muted);white-space:nowrap;z-index:9999;pointer-events:none;border-radius:4px;padding:4px 8px;font-size:.7rem;font-weight:400;display:none;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%)}.ach-name-wrap:hover .ach-name-tooltip,.ach-name-wrap:active .ach-name-tooltip{display:block}.achievement-tooltip{background:var(--surface);border:1px solid var(--border);white-space:normal;z-index:9999;pointer-events:none;border-radius:6px;flex-direction:column;gap:2px;max-width:min(280px,100vw - 20px);padding:6px 10px}.achievement-tooltip strong{color:var(--text);font-size:.75rem}.achievement-tooltip span{color:var(--text-muted);font-size:.7rem}.achievement-badges-grid{grid-template-columns:repeat(auto-fill,56px);justify-content:center;gap:10px;display:grid}.achievement-badges-item{flex-direction:column;align-items:center;gap:4px;display:flex}.achievement-badges-label{color:var(--text-muted);text-align:center;font-size:.6rem;line-height:1.2}.achievement-badges-expand-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;margin:8px auto 0;padding:4px 8px;font-size:.75rem;display:block}.install-banner{top:calc(52px + env(safe-area-inset-top,0px));z-index:49;background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:10px 16px;font-size:.8rem;display:flex;position:fixed;left:0;right:0}.install-banner__icon{color:var(--accent);flex-shrink:0;font-size:1rem}.install-banner__text{flex:1}.install-banner__sub{margin-left:4px}.install-banner__arrow-icon{font-size:.7rem}.install-banner__dismiss{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:1rem}.color-picker{flex-wrap:wrap;gap:.25rem;display:flex}.color-picker__btn{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;border-radius:4px;padding:.25rem .5rem;font-size:.85rem;font-weight:400}.color-picker__btn--selected{background:var(--accent);color:var(--text-on-accent);font-weight:600}.color-picker__img{width:16px;height:16px;display:block}.form-strip{flex-direction:column;gap:8px;display:flex}.form-strip__row{align-items:center;gap:12px;display:flex}.form-strip__name{width:72px;color:var(--text-muted);text-align:right;flex-shrink:0;font-size:.8rem}.form-strip__dots{gap:4px;display:flex}.form-strip__dot{border-radius:50%;flex-shrink:0;width:12px;height:12px}.form-strip__dot--win{background:var(--green);opacity:.9}.form-strip__dot--loss{background:var(--red);opacity:.45}.form-strip__rate{font-size:.75rem;font-weight:600}.form-strip__rate--positive{color:var(--green)}.form-strip__rate--negative{color:var(--red)}.mana-symbols{align-items:center;gap:2px;display:inline-flex}.stat-card--centered{text-align:center}.stat-card__value{color:var(--accent);font-size:1.8rem;font-weight:700}.stat-card__label{color:var(--text-muted);margin-top:4px;font-size:.75rem}.entry-skeleton{gap:12px}.entry-skeleton__grid{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.pill-badge{border-radius:12px;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-block}.pill-badge--win{color:var(--green);border:1px solid var(--green);background:oklch(74% .2 145/.15)}.pill-badge--loss{color:var(--red);border:1px solid var(--red);background:oklch(65% .22 25/.15)}.pill-badge--draw{background:var(--role-owner-bg);color:var(--accent);border:1px solid var(--accent)}.pill-badge--b1{color:oklch(74% .2 145);background:oklch(74% .2 145/.15);border:1px solid oklch(74% .2 145)}.pill-badge--b2{color:oklch(65% .15 230);background:oklch(65% .15 230/.15);border:1px solid oklch(65% .15 230)}.pill-badge--b3{color:oklch(80% .15 75);background:oklch(80% .15 75/.15);border:1px solid oklch(80% .15 75)}.pill-badge--b4{color:oklch(72% .18 50);background:oklch(72% .18 50/.15);border:1px solid oklch(72% .18 50)}.pill-badge--b5{color:oklch(65% .22 25);background:oklch(65% .22 25/.15);border:1px solid oklch(65% .22 25)}.achievements-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.achievements-header__title{font-size:1.1rem;font-weight:700}.achievements-header__sub{color:var(--text-muted);font-size:.85rem}.achievements-header__controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.achievements-header__select{width:auto}.achievements-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:16px;display:grid}.achievement-cell{flex-direction:column;align-items:center;gap:6px;padding:8px 4px;display:flex}.achievement-cell__label{text-align:center}.achievement-cell__name{font-size:.75rem;font-weight:600}.achievement-cell__name--earned{color:var(--text)}.achievement-cell__name--locked{color:var(--text-muted);opacity:.5}.achievement-cell__desc{color:var(--text-muted);margin-top:2px;font-size:.65rem;line-height:1.3}.achievement-cell__desc--earned{opacity:.8}.achievement-cell__desc--locked{opacity:.3}.manage-tabs{border-bottom:2px solid var(--border);gap:0;display:flex}.manage-tab-btn{color:var(--text-muted);cursor:pointer;text-transform:capitalize;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:8px 20px;font-size:.9rem;font-weight:600}.manage-tab-btn--active{border-bottom-color:var(--accent);color:var(--accent)}.manage-add-form{gap:8px;display:flex}.manage-add-form__input{flex:1}.manage-add-form__btn{flex-shrink:0}.manage-player-row{align-items:center;gap:10px;padding:8px 0;display:flex}.manage-player-row--bordered{border-bottom:1px solid var(--border)}.manage-player-name{flex:1;font-weight:600}.manage-decks-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.manage-decks-filter{width:auto;font-size:.8rem}.manage-deck-name{font-weight:600}.manage-add-deck-submit{align-items:flex-end;display:flex}.manage-add-deck-submit-btn{width:100%}.manage-invite-box{background:var(--surface2);border-radius:6px;align-items:center;gap:10px;padding:10px 14px;font-size:.85rem;display:flex}.manage-invite-box__link{flex:1}.manage-invite-box__label{text-transform:uppercase;margin-bottom:4px;font-size:.7rem}.manage-invite-box__code{color:var(--accent);word-break:break-all}.manage-invite-copy-btn{flex-shrink:0;padding:6px 10px;font-size:.8rem}.manage-danger-zone{border-top:1px solid var(--border);margin-top:8px;padding-top:16px}.manage-delete-group-btn{background:var(--red);color:#fff;cursor:pointer;border:none;border-radius:6px;width:100%;padding:10px 18px;font-weight:600}.manage-modal-card{width:100%;max-width:400px;margin:16px}.manage-modal-card--wide{max-width:480px}.manage-modal-overlay--safe{padding:calc(env(safe-area-inset-top,0px) + 16px) calc(env(safe-area-inset-right,0px) + 16px) calc(env(safe-area-inset-bottom,0px) + 16px) calc(env(safe-area-inset-left,0px) + 16px)}.deck-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.deck-header__title-row{align-items:center;gap:10px;display:flex;position:relative}.deck-header__title{margin:0}.deck-header__sub{color:var(--text-muted);margin-top:2px;font-size:.85rem}.deck-header__decklist-icon{margin-right:3px;font-size:.7rem}.hot-badge-icon{margin-right:2px}.create-group-signin-btn{background:var(--surface2);border:1px solid var(--border);cursor:pointer;color:var(--text);border-radius:6px;align-items:center;gap:.5rem;padding:10px 16px;font-weight:600;display:inline-flex}.create-group-loading{text-align:center;padding-top:80px}.group-limit-box{background:var(--surface);border:1px solid var(--border);color:var(--text-muted);border-radius:6px;padding:12px 16px;font-size:.85rem}.create-group-email{color:var(--text-muted);font-size:.85rem}.create-group-hint{text-align:center;font-size:.8rem}.matchup-win{color:var(--green)}.matchup-loss{color:var(--red)}.matchup-neutral{color:var(--text-muted)}.player-header,.highlight-card{align-items:center;gap:12px;display:flex}.highlight-card__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.7rem;font-weight:700}.highlight-card__name{font-weight:700}.highlight-card__win-rate{color:var(--green);font-size:.85rem}.highlight-card__sub{color:var(--text-muted);font-size:.85rem}.icon-no-shrink{flex-shrink:0}.decks-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.decks-header-btn{padding:.25rem .75rem;font-size:.8rem}.add-deck-form-wrap{margin-bottom:1rem}.add-deck-form{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.input-sm{width:140px}.input-md{width:160px}.input-bracket{width:120px}.form-error{color:var(--red);font-size:.85rem}.deck-actions-cell{white-space:nowrap;text-align:right}.btn-action--mr{margin-right:4px}.archived-section{margin-top:.5rem}.archived-toggle-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:.85rem}.archived-table-wrap{margin-top:.5rem}.archived-row{color:var(--text-muted)}.archived-actions-cell{text-align:right;white-space:nowrap}.edit-deck-form{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.history-date-cell{color:var(--text-muted)}.history-format-cell{color:var(--text-muted);font-size:.8rem}.notes-icon-wrap{cursor:help;margin-left:4px}.notes-icon-wrap__icon{color:var(--accent);margin-left:4px;font-size:.85rem}.notes-tooltip{background:var(--surface-tooltip);border:1px solid var(--accent);white-space:normal;z-index:9999;max-width:250px;color:var(--text);pointer-events:none;border-radius:6px;padding:6px 10px;font-size:.7rem;font-style:italic;line-height:1.4;position:fixed;transform:translate(-50%,-100%)}.icon-ring{color:silver;filter:drop-shadow(0 0 4px #82b4ffcc)drop-shadow(0 0 8px #64a0ff66);margin-right:6px}.icon-gem{color:#60a5fa}.icon-blood{color:var(--red)}.cell-icon{font-size:.75rem}.row{align-items:center;gap:8px;display:flex}.row--spread{justify-content:space-between}.row--center{justify-content:center}.row--end{justify-content:flex-end}.pagination-row{justify-content:center;align-items:center;gap:1rem;margin-top:.75rem;font-size:.85rem;display:flex}.pagination-page-input{text-align:center;width:36px;padding:1px 4px}.btn-action{cursor:pointer;vertical-align:middle;border:none;border-radius:4px;padding:2px 8px;font-family:inherit;font-size:.8rem;font-weight:500;line-height:1.5;text-decoration:none;display:inline-block}.btn-action-primary{background:var(--accent);color:#fff}.btn-action-danger{background:var(--red);color:#fff}@media (hover:hover){button:hover,.btn-action-primary:hover,.btn-action-danger:hover{opacity:.85}tbody tr:hover{background:var(--surface2)}.stat-card:hover,.ribbon-wrap:hover{transform:translateY(-2px);box-shadow:0 6px 24px #0006}tr:hover .leaderboard-name,.clickable-row:hover .leaderboard-name{text-decoration:underline}.clickable-row:hover{background:var(--surface2)}tr:hover .deck-link-cell{text-decoration:underline}.clickable-card:hover{border-color:var(--accent)}}@media (width<=640px){.grid-4{grid-template-columns:1fr 1fr}.grid-2{grid-template-columns:1fr}input,select,textarea{font-size:16px}input[type=date]{-webkit-appearance:none;max-width:100%;min-height:0}}@media (hover:hover){.topnav__hamburger:hover span{background:var(--text)}.topnav__badge--clickable:hover{border-color:var(--accent);color:var(--accent);background:oklch(62% .22 245/.12)}}@media (prefers-reduced-motion:reduce){.topnav__badge--clickable{animation:none}}@media (hover:hover){.nav-drawer__link:hover{color:var(--text);background:var(--surface2);text-decoration:none}.nav-drawer__signout-icon:hover{color:var(--text)}.nav-drawer__signin-btn:hover{color:var(--text);border-color:var(--text-muted)}.nav-drawer__share-btn:hover{color:var(--text);border-color:var(--accent)}.nav-drawer__recent-link:hover{background:var(--surface2);color:var(--text)}.fab:hover{transform:translateY(-2px);box-shadow:0 0 0 1px oklch(62% .22 245/.4),0 6px 16px oklch(4% .03 245/.9),0 12px 40px oklch(4% .03 245/.8),0 24px 72px oklch(4% .03 245/.6)}}@media (width<=640px){.fab{text-align:center;width:calc(100% - 48px);right:50%;transform:translate(50%)}}@media (width<=640px) and (hover:hover){.fab:hover{transform:translate(50%)translateY(-1px)}}@media (width<=640px){.fab:active{transform:translate(50%)translateY(0)}}@media (prefers-reduced-motion:reduce){.nav-drawer,.drawer-overlay{transition-duration:.01ms}.fab{transition:none}}