/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}::backdrop{--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.hidden{display:none}.table{display:table}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--navy-950:#08111d;--navy-900:#0d1827;--navy-800:#152438;--navy-700:#21364d;--ink:#182334;--ink-soft:#526174;--muted:#7d8997;--canvas:#eef1f3;--panel:#fff;--panel-soft:#f7f8f9;--line:#dfe4e8;--line-strong:#c9d0d7;--coral:#f46c59;--coral-dark:#d95543;--coral-soft:#fff0ed;--cyan:#35b8bf;--cyan-soft:#e5f8f8;--gold:#e8a742;--gold-soft:#fff6e4;--green:#38a675;--green-soft:#e8f7f0;--red:#cf5b62;--red-soft:#fdecee;--shadow:0 18px 50px #18233414}.privacy-page{min-height:100vh;padding:28px}.privacy-page>header{justify-content:space-between;align-items:center;max-width:820px;margin:0 auto 18px;display:flex}.privacy-page>header a{color:var(--coral-dark);font-weight:750}.privacy-page>header span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:13px;font-weight:750}.privacy-page>article{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;max-width:820px;margin:0 auto;padding:clamp(28px,6vw,64px)}.privacy-page h1{letter-spacing:-.04em;margin:10px 0 22px;font-family:Georgia,Times New Roman,serif;font-size:clamp(38px,7vw,62px);font-weight:400;line-height:1}.privacy-lede{color:var(--ink-soft);margin:0 0 38px;font-size:18px;line-height:1.65}.privacy-page section{border-top:1px solid var(--line);padding:24px 0}.privacy-page section h2{margin:0 0 8px;font-family:Georgia,Times New Roman,serif;font-size:24px;font-weight:400}.privacy-page section p,.privacy-signin,.privacy-delete p{color:var(--ink-soft);margin:0;font-size:16px;line-height:1.7}.privacy-signin{background:var(--cyan-soft);border-radius:8px;margin-top:20px;padding:16px}.privacy-signin a{color:var(--ink);font-weight:800}.privacy-delete{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:14px;margin-top:24px;padding-top:24px;display:flex}.privacy-delete button{background:var(--red-soft);color:var(--red);cursor:pointer;border:1px solid #cf5b6259;border-radius:6px;padding:11px 14px;font-weight:800}.privacy-delete small{color:var(--muted);line-height:1.45}.auth-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#05111dbd;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.auth-dialog{background:#fffefa;border:1px solid #dbe1e6;border-radius:18px;width:min(440px,100%);padding:34px;position:relative;box-shadow:0 28px 80px #030f1c4d}.auth-dialog h2{color:#07182b;margin:4px 0 10px;font:700 34px/1.05 Georgia,serif}.auth-dialog>p:not(.workspace-kicker){color:#566273;margin:0 0 22px;line-height:1.55}.auth-dialog form{gap:14px;display:grid}.auth-dialog form label{color:#26384b;letter-spacing:.04em;text-transform:uppercase;gap:7px;font-size:12px;font-weight:800;display:grid}.auth-dialog form input{color:#07182b;text-transform:none;background:#fff;border:1px solid #cfd7de;border-radius:8px;width:100%;min-height:44px;padding:0 12px;font-size:15px;font-weight:500;line-height:1.2}.auth-dialog form input:focus{border-color:#ff6558;outline:2px solid #ff65583d}.auth-dialog form .button{justify-content:center;margin-top:4px}.auth-close{color:#677383;cursor:pointer;background:0 0;border:0;border-radius:50%;width:34px;height:34px;font-size:24px;position:absolute;top:12px;right:14px}.auth-close:hover{color:#07182b;background:#eef2f4}.auth-notice{background:#f5f1e8;border-radius:8px;padding:11px 12px;font-size:13px;color:#4b5969!important;margin:14px 0 0!important}.auth-links{justify-content:space-between;gap:12px;margin-top:14px;display:flex}.auth-links button{color:#c84338;cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;font-weight:800}.auth-divider{color:#83909c;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:10px;margin:22px 0 14px;font-size:11px;font-weight:800;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#dfe4e8;flex:1;height:1px}.social-auth{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.social-auth:empty{display:none}.social-auth button{color:#12263b;cursor:pointer;background:#fff;border:1px solid #cfd7de;border-radius:8px;min-height:42px;font-weight:800}.social-auth button:hover{background:#f8fafb;border-color:#8f9cab}.auth-dialog>small{color:#788390;margin-top:18px;line-height:1.45;display:block}.privacy-page footer{color:var(--muted);margin-top:34px;font-size:13px;line-height:1.6}@media (max-width:640px){.privacy-page{padding:14px}.privacy-page>article{padding:26px 20px}}*{box-sizing:border-box}html{background:var(--canvas)}body{background:var(--canvas);min-width:320px;color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.45}button,input,select,textarea{color:inherit;font:inherit}button,a,.file-button{-webkit-tap-highlight-color:transparent}:is(button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible){outline-offset:2px;outline:3px solid #35b8bf59}button,a{text-decoration:none}button{border:0}.app-shell{grid-template-columns:238px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:radial-gradient(circle at 16% 6%, #35b8bf1f, transparent 26%), var(--navy-950);color:#f5f8fb;flex-direction:column;height:100vh;min-height:100vh;padding:28px 18px 22px;display:flex;position:sticky;top:0}.sidebar-brand{align-items:center;gap:12px;padding:0 8px 28px;display:flex}.brand-mark{background:linear-gradient(135deg, var(--coral), #ff9a6b);color:#fff;letter-spacing:.08em;border-radius:11px;justify-content:center;align-items:center;width:40px;height:40px;font-size:11px;font-weight:900;display:inline-flex;box-shadow:0 8px 22px #f46c593d}.sidebar-brand div{flex-direction:column;display:flex}.sidebar-brand strong{letter-spacing:-.02em;font-size:16px}.sidebar-brand small{color:#8795a8;letter-spacing:.07em;text-transform:uppercase;margin-top:2px;font-size:10px}.side-nav{gap:6px;display:grid}.side-nav button{color:#9dabbc;cursor:pointer;text-align:left;background:0 0;border-radius:8px;align-items:center;gap:13px;width:100%;padding:11px 12px;font-size:13px;font-weight:650;transition:all .15s;display:flex}.side-nav button span{color:#52647a;letter-spacing:.08em;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px}.side-nav button:hover{color:#eef5fa;background:#ffffff0d}.side-nav button.active{background:var(--navy-800);box-shadow:inset 3px 0 var(--coral);color:#fff}.side-nav button.active span{color:var(--coral)}.sidebar-foot{margin-top:auto}.connection-card{background:#ffffff0b;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:10px;padding:12px;display:flex}.connection-light{background:#8390a0;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #8390a01c}.connection-card.connected .connection-light{background:#53d99a;box-shadow:0 0 0 4px #53d99a1f}.connection-card div{flex-direction:column;display:flex}.connection-card strong{font-size:11px}.connection-card small{color:#7e8da0;margin-top:2px;font-size:9px}.sidebar-foot>p{color:#66768b;margin:14px 4px 8px;font-size:10px;line-height:1.55}.sidebar-foot>span{color:#44566c;text-transform:uppercase;margin-left:4px;font-size:9px}.workspace{min-width:0;padding:26px 30px 34px}.workspace-header{justify-content:space-between;align-items:center;max-width:1540px;margin:0 auto 18px;display:flex}.workspace-kicker,.panel-heading p,.view-toolbar p,.subpanel-title p,.deck-header p,.export-intro>p{color:var(--coral-dark);letter-spacing:.15em;margin:0 0 6px;font-size:9px;font-weight:800}.workspace-header h1{letter-spacing:-.045em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:34px;font-weight:400;line-height:1}.header-actions,.welcome-actions,.replay-controls,.save-bar{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.button{cursor:pointer;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;min-height:39px;padding:9px 15px;font-size:12px;font-weight:750;transition:all .14s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--coral);color:#fff;box-shadow:0 6px 15px #f46c592e}.button.primary:hover{background:var(--coral-dark)}.button.quiet{background:var(--panel);border-color:var(--line-strong);color:var(--ink)}.button.danger{background:var(--red);color:#fff}.button.small{min-height:33px;padding:7px 11px}.file-button{cursor:pointer}.file-button input{display:none}.status-banner{background:var(--navy-900);color:#dbe6ef;border-radius:8px;align-items:center;max-width:1540px;min-height:38px;margin:0 auto 14px;padding:8px 13px;font-size:11px;display:flex}.status-banner .pulse{background:var(--cyan);border-radius:50%;flex:none;width:6px;height:6px;margin-right:10px;box-shadow:0 0 0 4px #35b8bf1f}.status-banner p{margin:0}.status-banner time{color:#7f92a7;margin-left:auto;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.metric-strip{border:1px solid var(--line);background:var(--line);border-radius:10px;grid-template-columns:repeat(4,1fr);gap:1px;max-width:1540px;margin:0 auto 14px;display:grid;overflow:hidden}.metric-strip article{background:var(--panel);grid-template-columns:1fr auto;min-width:0;padding:14px 17px;display:grid}.metric-strip span{color:var(--ink-soft);letter-spacing:.04em;text-transform:uppercase;font-size:10px;font-weight:700}.metric-strip strong{letter-spacing:-.04em;grid-row:span 2;align-self:center;font-family:Georgia,Times New Roman,serif;font-size:28px;font-weight:400}.metric-strip small{color:var(--muted);margin-top:3px;font-size:9px}.workbench{grid-template-columns:310px minmax(0,1fr);gap:14px;max-width:1540px;min-height:calc(100vh - 220px);margin:0 auto;display:grid}.archive-panel,.detail-panel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:11px;min-width:0;overflow:hidden}.archive-panel{flex-direction:column;display:flex}.panel-heading{justify-content:space-between;align-items:center;display:flex}.panel-heading.compact{padding:17px 17px 12px}.panel-heading h2{letter-spacing:-.035em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:24px;font-weight:400}.icon-button,.more-button{background:var(--panel-soft);border:1px solid var(--line);color:var(--ink-soft);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;width:32px;height:32px;font-size:19px;display:inline-flex}.search-field{background:var(--panel-soft);border:1px solid var(--line);border-radius:7px;align-items:center;gap:7px;margin:0 14px 10px;padding:0 10px;display:flex}.search-field span{color:var(--muted);font-size:18px}.search-field input{background:0 0;border:0;outline:0;width:100%;min-width:0;height:36px;font-size:12px}.match-filters{border-bottom:1px solid var(--line);gap:15px;padding:0 16px 10px;display:flex}.match-filters span{color:var(--muted);text-transform:uppercase;font-size:9px;font-weight:750}.match-filters span.active{color:var(--coral-dark)}.match-list{scrollbar-color:var(--line-strong) transparent;scrollbar-width:thin;flex:1;min-height:360px;max-height:calc(100vh - 352px);padding:8px;overflow-y:auto}.match-group{border-radius:8px;margin-bottom:3px;overflow:hidden}.match-group>summary{list-style:none}.match-group>summary::-webkit-details-marker{display:none}.match-group>summary:after{color:var(--muted);content:"›";font-size:16px;line-height:1;transition:transform .12s;position:absolute;top:28px;right:11px;transform:rotate(0)}.match-group[open]>summary:after{transform:rotate(90deg)}.match-card{color:var(--ink);cursor:pointer;text-align:left;background:0 0;border-radius:8px;gap:7px;width:100%;margin-bottom:0;padding:12px 12px 12px 16px;display:grid;position:relative;overflow:hidden}.match-card:hover{background:var(--panel-soft)}.match-group.selected>.match-card{background:#f1f5f6}.result-rail{background:var(--muted);width:3px;position:absolute;top:9px;bottom:9px;left:3px}.result-rail.win{background:var(--green)}.result-rail.loss{background:var(--red)}.result-rail.draw{background:var(--gold)}.match-card-date{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;justify-content:space-between;font-size:9px;display:flex}.match-card-date b{color:var(--ink-soft)}.match-card>strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.match-card>strong i{color:var(--muted);margin:0 3px;font-size:9px;font-style:normal;font-weight:500}.match-card-meta{color:var(--muted);align-items:center;gap:8px;font-size:9px;display:flex}.match-card-meta b{color:var(--green);text-transform:uppercase;font-size:9px}.match-card-meta b.loss,.match-games b.loss{color:var(--red)}.match-card-meta b.draw,.match-games b.draw{color:var(--gold)}.match-card-meta b.unknown,.match-games b.unknown{color:var(--muted)}.match-card small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.match-games{border-left:1px solid var(--line-strong);margin:0 10px 9px 16px;padding-left:7px;display:grid}.match-games button{color:var(--ink-soft);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:5px;grid-template-columns:1fr auto auto auto;align-items:center;gap:5px;padding:8px;font-size:9px;display:grid}.match-games button:hover,.match-games button.active{background:var(--panel-soft)}.match-games button span{text-transform:uppercase;font-weight:750}.match-games button b{color:var(--green);text-transform:uppercase;font-size:8px}.match-games button strong,.match-games button time{white-space:nowrap;font-size:9px}.match-games button time{color:var(--muted)}.empty-list,.panel-empty{color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:250px;padding:30px 22px;display:flex}.empty-list .empty-rune{border:1px solid var(--line-strong);color:var(--coral);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:13px;font-size:25px;display:inline-flex}.empty-list strong,.panel-empty strong{color:var(--ink);font-size:12px}.empty-list p,.panel-empty p{margin:7px 0 12px;font-size:10px;line-height:1.55}.empty-list a{color:var(--coral-dark);font-size:10px;font-weight:750}.detail-panel{flex-direction:column;display:flex}.welcome-state{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:590px;padding:46px;display:flex}.welcome-orbit{border:1px solid var(--line);border-radius:50%;justify-content:center;align-items:center;width:88px;height:88px;margin-bottom:24px;display:flex;position:relative}.welcome-orbit:after{content:"";border:1px dashed #35b8bf73;border-radius:50%;width:118px;height:118px;position:absolute}.welcome-orbit span{background:var(--navy-900);color:var(--cyan);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:11px;font-weight:900;display:flex}.welcome-state h2{letter-spacing:-.055em;margin:7px 0 18px;font-family:Georgia,Times New Roman,serif;font-size:clamp(34px,4vw,54px);font-weight:400;line-height:.98}.welcome-state>p:not(.workspace-kicker){color:var(--ink-soft);max-width:650px;margin:0 0 22px;font-size:13px;line-height:1.65}.setup-steps{border-top:1px solid var(--line);text-align:left;grid-template-columns:repeat(3,1fr);gap:24px;max-width:720px;margin:34px 0 0;padding:25px 0 0;list-style:none;display:grid}.setup-steps li{gap:9px;display:flex}.setup-steps li>span{background:var(--coral-soft);color:var(--coral-dark);border-radius:50%;flex:none;justify-content:center;align-items:center;width:22px;height:22px;font-size:9px;font-weight:800;display:flex}.setup-steps li div{flex-direction:column;display:flex}.setup-steps strong{font-size:10px}.setup-steps small{color:var(--muted);margin-top:3px;font-size:9px;line-height:1.45}.detail-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;padding:20px 22px 16px;display:flex}.detail-heading>div>p{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin:0 0 6px;font-size:9px}.detail-heading h2{letter-spacing:-.04em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:27px;font-weight:400}.match-summary-line{align-items:center;gap:11px;margin-top:10px;display:flex}.match-summary-line strong{font-size:13px}.match-summary-line strong i{color:var(--muted);margin:0 5px;font-style:normal}.match-summary-line>span:not(.result-badge){color:var(--muted);font-size:9px}.result-badge{color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase;background:#eef1f3;border-radius:99px;padding:4px 7px;font-size:8px;font-weight:850}.result-badge.win,.game-switcher span.win{background:var(--green-soft);color:var(--green)}.result-badge.loss,.game-switcher span.loss{background:var(--red-soft);color:var(--red)}.result-badge.draw,.game-switcher span.draw{background:var(--gold-soft);color:#a86b10}.detail-actions{gap:7px;display:flex}.game-switcher{background:var(--panel-soft);border-bottom:1px solid var(--line);align-items:center;gap:6px;padding:8px 22px;display:flex}.game-switcher button{color:var(--ink-soft);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;padding:6px 8px;font-size:9px;font-weight:750}.game-switcher button.active{border-color:var(--line);color:var(--ink);background:#fff}.game-switcher span{text-transform:uppercase;border-radius:99px;margin-left:6px;padding:2px 4px;font-size:7px}.detail-tabs{border-bottom:1px solid var(--line);gap:22px;min-height:45px;padding:0 22px;display:flex}.detail-tabs button{color:var(--muted);cursor:pointer;background:0 0;padding:14px 1px 11px;font-size:10px;font-weight:750;position:relative}.detail-tabs button.active{color:var(--ink)}.detail-tabs button.active:after{background:var(--coral);content:"";height:2px;position:absolute;bottom:-1px;left:0;right:0}.detail-tabs button span{background:var(--panel-soft);border-radius:99px;margin-left:5px;padding:2px 5px;font-size:7px}.detail-content{flex:1;min-height:0}.view-panel{padding:22px}.summary-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.summary-grid article{background:var(--panel-soft);border:1px solid var(--line);border-radius:8px;flex-direction:column;padding:14px;display:flex}.summary-grid span{color:var(--muted);text-transform:uppercase;font-size:9px}.summary-grid strong{margin-top:4px;font-family:Georgia,Times New Roman,serif;font-size:22px;font-weight:400}.recording-card{background:var(--panel-soft);border:1px solid var(--line);border-radius:8px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:12px;padding:12px 14px;display:grid}.recording-card.saved{background:var(--green-soft);border-color:#38a67540}.recording-card.failed{background:var(--red-soft);border-color:#cf5b6240}.recording-icon{background:var(--navy-900);color:var(--coral);letter-spacing:.06em;border-radius:7px;justify-content:center;align-items:center;width:38px;height:38px;font-size:8px;font-weight:900;display:flex}.recording-card.saved .recording-icon{background:var(--green);color:#fff}.recording-card.failed .recording-icon{background:var(--red);color:#fff;font-size:16px}.recording-card>div{flex-direction:column;min-width:0;display:flex}.recording-card p{color:var(--muted);letter-spacing:.1em;margin:0 0 2px;font-size:8px;font-weight:800}.recording-card strong{font-size:11px}.recording-card small{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:9px;overflow:hidden}.retention-toggle{cursor:pointer;border-top:1px solid #38a67533;grid-column:2/-1;align-items:flex-start;gap:9px;padding-top:10px;display:flex}.retention-toggle input{accent-color:var(--green);width:16px;height:16px;margin:1px 0 0}.retention-toggle span{flex-direction:column;min-width:0;display:flex}.retention-toggle small{white-space:normal}.sidebar-foot>span a{color:inherit;text-underline-offset:2px;text-decoration:underline}.account-card{margin-bottom:8px}.account-button{white-space:nowrap}.upload-progress,.upload-error{background:var(--panel-soft);border:1px solid var(--line);border-radius:8px;margin-top:8px;padding:10px 12px;position:relative;overflow:hidden}.upload-progress span{background:linear-gradient(90deg, var(--cyan), var(--green));opacity:.16;transition:width .18s;position:absolute;top:0;bottom:0;left:0}.upload-progress p,.upload-error p{margin:0;font-size:11px;position:relative}.upload-error{background:var(--red-soft);border-color:#cf5b6240;justify-content:space-between;align-items:center;gap:12px;display:flex}.split-panels{grid-template-columns:1.15fr .85fr;gap:12px;margin-top:12px;display:grid}.subpanel,.form-section{border:1px solid var(--line);border-radius:8px;padding:17px}.subpanel-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;margin-bottom:10px;padding-bottom:11px;display:flex}.subpanel-title h3,.view-toolbar h3,.deck-header h3,.export-intro h3{letter-spacing:-.025em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:19px;font-weight:400}.subpanel-title>span{color:var(--muted);text-transform:uppercase;font-size:8px}.subpanel-title button{color:var(--coral-dark);cursor:pointer;background:0 0;font-size:9px;font-weight:750}.matchup-row{grid-template-columns:minmax(90px,1fr) 55px minmax(70px,1fr) 32px;align-items:center;gap:10px;min-height:37px;display:grid}.matchup-row strong,.matchup-row span,.matchup-row b{font-size:9px}.matchup-row span{color:var(--muted)}.matchup-row>div{background:var(--line);border-radius:99px;height:4px;overflow:hidden}.matchup-row i{background:var(--cyan);height:100%;display:block}.matchup-row b{text-align:right}.note-summary{margin:0}.note-summary>div{grid-template-columns:72px 1fr;gap:10px;padding:7px 0;display:grid}.note-summary dt{color:var(--muted);text-transform:uppercase;font-size:9px}.note-summary dd{margin:0;font-size:10px}.view-toolbar{justify-content:space-between;align-items:flex-start;margin-bottom:17px;display:flex}.manual-event{position:relative}.manual-event summary,.fallback-recorder summary{color:var(--coral-dark);cursor:pointer;font-size:10px;font-weight:750;list-style:none}.manual-event summary::-webkit-details-marker{display:none}.fallback-recorder summary::-webkit-details-marker{display:none}.manual-event form{border:1px solid var(--line);z-index:10;background:#fff;border-radius:8px;grid-template-columns:repeat(3,1fr);gap:8px;width:520px;padding:14px;display:grid;position:absolute;top:27px;right:0;box-shadow:0 16px 42px #18233429}.manual-event label,.form-grid label,.notes-grid label{color:var(--ink-soft);letter-spacing:.04em;text-transform:uppercase;flex-direction:column;gap:4px;font-size:8px;font-weight:750;display:flex}.manual-event label.wide{grid-column:span 2}.manual-event input,.manual-event select,.form-grid input,.form-grid select,.notes-grid input,.notes-grid textarea{background:var(--panel-soft);border:1px solid var(--line);color:var(--ink);text-transform:none;border-radius:6px;min-height:34px;padding:7px 9px;font-size:11px}.turn-view{scrollbar-color:var(--line-strong) transparent;scrollbar-width:thin;min-height:470px;max-height:calc(100vh - 400px);overflow-y:auto}.turn-group{margin-bottom:20px}.turn-group>header{align-items:center;gap:11px;margin-bottom:5px;display:flex}.turn-group>header span{color:var(--ink-soft);letter-spacing:.09em;text-transform:uppercase;font-size:9px;font-weight:850}.turn-group>header i{background:var(--line);width:100%;height:1px}.turn-events{border-left:1px solid var(--line);margin-left:17px}.event-row{grid-template-columns:60px 68px minmax(150px,1fr) auto 22px;align-items:center;gap:10px;min-height:48px;padding:6px 0 6px 13px;display:grid;position:relative}.event-row:before{border:2px solid var(--line-strong);content:"";background:#fff;border-radius:50%;width:7px;height:7px;position:absolute;left:-4px}.event-time{color:var(--cyan);cursor:pointer;text-align:left;background:0 0;padding:0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:8px}.actor-chip{text-align:center;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;border-radius:4px;padding:4px 6px;font-size:8px;font-weight:800;overflow:hidden}.actor-chip.me{background:var(--cyan-soft);color:#14838a}.actor-chip.opponent{background:var(--gold-soft);color:#9d6715}.actor-chip.system{color:var(--ink-soft);background:#eef1f4}.event-copy{min-width:0}.event-copy strong{font-size:10px;display:block}.event-copy p{color:var(--ink-soft);margin:2px 0 0;font-size:10px;line-height:1.4}.event-metrics{gap:4px;display:flex}.event-metrics span{border-radius:4px;padding:3px 5px;font-size:8px;font-weight:800}.event-metrics .energy{background:var(--gold-soft);color:#966115}.event-metrics .power{background:var(--cyan-soft);color:#177d83}.event-metrics .points{background:var(--green-soft);color:var(--green)}.remove-event{color:var(--line-strong);cursor:pointer;background:0 0;font-size:15px}.panel-empty.large{min-height:360px}.panel-empty.large>span{color:var(--coral);margin-bottom:8px;font-size:28px}.decks-view{grid-template-columns:1fr .8fr;gap:12px;display:grid}.deck-column{border:1px solid var(--line);border-radius:8px;min-width:0;overflow:hidden}.deck-header{background:var(--panel-soft);border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;padding:16px;display:flex}.deck-header>div>span{color:var(--muted);margin-top:3px;font-size:9px;display:block}.deck-header>strong{text-align:right;font-family:Georgia,Times New Roman,serif;font-size:25px;font-weight:400}.deck-header>strong small{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-family:inherit;font-size:8px;display:block}.deck-section{padding:12px 16px 5px}.deck-section h4{color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase;align-items:center;margin:0 0 5px;font-size:9px;display:flex}.deck-section h4 span{background:var(--panel-soft);border-radius:99px;margin-left:6px;padding:2px 5px}.card-row,.observed-card{border-bottom:1px solid #edf0f2;align-items:center;gap:8px;min-height:31px;font-size:10px;display:grid}.card-row{grid-template-columns:24px minmax(0,1fr) auto}.card-row b,.observed-card>b{color:var(--coral-dark);text-align:center;font-size:9px}.card-row small{color:var(--muted);font-size:8px}.observed-card{grid-template-columns:30px minmax(0,1fr);margin:0 16px;padding:6px 0}.observed-card div{flex-direction:column;display:flex}.observed-card strong{font-size:10px}.observed-card small{color:var(--muted);margin-top:2px;font-size:8px}.raw-decklist{color:var(--ink-soft);white-space:pre-wrap;max-height:460px;margin:0;padding:16px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px;line-height:1.7;overflow:auto}.privacy-callout{background:var(--cyan-soft);border-radius:7px;align-items:flex-start;gap:9px;margin:16px;padding:11px;display:flex}.privacy-callout>span{color:#18878d}.privacy-callout p{color:#438086;margin:0;font-size:9px}.privacy-callout strong{color:#176f74;display:block}.replay-stage{aspect-ratio:16/9;background:#060d16;border-radius:9px;width:100%;max-height:480px;position:relative;overflow:hidden}.replay-stage video{object-fit:contain;width:100%;height:100%}.replay-stage>time{color:#9eb0c2;background:#050b12cc;padding:5px 7px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:8px;position:absolute;bottom:10px;right:10px}.replay-empty{color:#75869a;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:30px;display:flex}.replay-empty>span{color:var(--cyan);border:1px solid #2a3c50;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:13px;padding-left:3px;display:flex}.replay-empty strong{color:#e4ecf3;font-size:12px}.replay-empty p{max-width:430px;font-size:10px;line-height:1.55}.replay-controls{margin:11px 0 18px}.replay-index{border:1px solid var(--line);border-radius:8px;padding:14px}.replay-turn{border-top:1px solid var(--line)}.replay-turn:first-of-type{margin-top:10px}.replay-turn>summary{cursor:pointer;grid-template-columns:12px minmax(80px,1fr) 70px 130px;align-items:center;gap:10px;padding:11px 4px;list-style:none;display:grid}.replay-turn>summary::-webkit-details-marker{display:none}.replay-turn>summary:before{color:var(--cyan);content:"+";font-weight:800}.replay-turn[open]>summary:before{content:"−"}.replay-turn>summary strong{font-size:10px}.replay-turn>summary span{color:var(--muted);text-transform:uppercase;font-size:8px}.replay-turn>summary time{color:var(--muted);text-align:right;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:8px}.replay-turn-events{border-top:1px solid var(--line)}.replay-turn-events>button{border-bottom:1px solid var(--line);cursor:pointer;text-align:left;background:0 0;grid-template-columns:60px 50px minmax(0,1fr);align-items:center;gap:10px;width:100%;padding:8px 4px;display:grid}.replay-turn-events>button:hover{background:var(--panel-soft)}.replay-index time{color:var(--cyan);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px}.replay-turn-events button span{color:var(--muted);text-transform:uppercase;font-size:8px}.replay-turn-events button strong{font-size:9px}.fallback-recorder{background:var(--panel-soft);border:1px solid var(--line);border-radius:8px;margin-top:14px;padding:12px 14px}.fallback-recorder p{color:var(--muted);font-size:9px}.form-section{padding:16px}.form-grid{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.notes-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:12px;display:grid}.notes-grid label:last-child{grid-column:span 2}.notes-grid textarea{resize:vertical;min-height:125px}.save-bar{border-top:1px solid var(--line);margin-top:16px;padding-top:15px}.export-intro{border-bottom:1px solid var(--line);padding-bottom:17px}.export-intro h3{font-size:26px}.export-intro>span{color:var(--muted);margin-top:5px;font-size:10px;display:block}.export-grid{grid-template-columns:repeat(2,1fr);gap:9px;margin-top:16px;display:grid}.export-grid button{background:var(--panel-soft);border:1px solid var(--line);cursor:pointer;text-align:left;border-radius:8px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:72px;padding:11px;display:grid}.export-grid button:hover{border-color:var(--cyan);transform:translateY(-1px)}.export-grid button>span{background:var(--navy-900);color:var(--cyan);letter-spacing:.05em;border-radius:7px;justify-content:center;align-items:center;height:42px;font-size:8px;font-weight:850;display:flex}.export-grid button div{flex-direction:column;display:flex}.export-grid strong{font-size:11px}.export-grid small{color:var(--muted);margin-top:3px;font-size:9px}.export-grid button>b{color:var(--coral);font-size:18px}.export-note{background:var(--cyan-soft);border-radius:8px;align-items:center;gap:12px;margin-top:16px;padding:12px 14px;display:flex}.export-note span{color:#167b81;letter-spacing:.1em;font-size:8px;font-weight:850}.export-note p{color:#37797d;margin:0;font-size:9px}@media (max-width:1100px){.app-shell{grid-template-columns:78px minmax(0,1fr)}.sidebar{padding-left:12px;padding-right:12px}.sidebar-brand{justify-content:center;padding-left:0;padding-right:0}.sidebar-brand div,.side-nav button span,.sidebar-foot{display:none}.side-nav button{justify-content:center;padding:11px 4px;font-size:0}.side-nav button:after{content:attr(aria-label);font-size:9px}.workbench{grid-template-columns:260px minmax(0,1fr)}.form-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:820px){.app-shell{display:block}.sidebar{flex-direction:row;align-items:center;height:auto;min-height:0;padding:10px 14px;position:static}.sidebar-brand{padding:0}.brand-mark{width:34px;height:34px}.side-nav{margin-left:auto;display:flex}.side-nav button{box-shadow:none;width:auto;height:34px;padding:6px 10px}.workspace{padding:18px 14px 25px}.metric-strip{grid-template-columns:repeat(2,1fr)}.workbench{display:block}.archive-panel{margin-bottom:12px}.match-list{min-height:0;max-height:none;display:flex;overflow-x:auto}.match-card{min-width:230px}.match-group{flex:0 0 250px}.welcome-state{min-height:500px}.split-panels,.decks-view{grid-template-columns:1fr}.turn-view{max-height:none}}@media (max-width:600px){.workspace-header{align-items:flex-start;gap:14px}.workspace-header h1{font-size:28px}.header-actions .quiet{display:none}.metric-strip{grid-template-columns:1fr 1fr}.metric-strip article{padding:11px}.metric-strip strong{font-size:22px}.detail-heading{gap:12px;padding:16px}.detail-heading h2{font-size:22px}.detail-actions .button{display:none}.detail-tabs{gap:14px;padding:0 16px;overflow-x:auto}.view-panel{padding:16px}.summary-grid{grid-template-columns:repeat(2,1fr)}.recording-card{grid-template-columns:38px minmax(0,1fr)}.recording-card>.button{grid-column:1/-1}.setup-steps{grid-template-columns:1fr}.event-row{grid-template-columns:58px 64px minmax(0,1fr) 18px;align-items:flex-start}.event-metrics{grid-column:3}.manual-event form{grid-template-columns:1fr 1fr;width:min(88vw,420px);right:-5px}.form-grid,.notes-grid,.export-grid{grid-template-columns:1fr}.notes-grid label:last-child{grid-column:auto}.replay-turn>summary{grid-template-columns:12px minmax(0,1fr) auto}.replay-turn>summary time{text-align:left;grid-column:2/-1}.replay-turn-events>button{grid-template-columns:52px minmax(0,1fr)}.replay-turn-events button strong{grid-column:2}}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}