:root{--color-ground-top:#000;--color-ground-bottom:#323232;--color-surface:#27272a;--color-surface-raised:#3f3f46;--color-text-faint:#52525b;--color-text-muted:#71717a;--color-text:#d4d4d8;--color-text-strong:#fff;--color-accent:#27d17f;--color-brand-aws:#f90}body{background:linear-gradient(var(--color-ground-top), var(--color-ground-bottom)) fixed;min-height:100vh;color:var(--color-text);margin:0;font-family:JetBrains Mono,ui-monospace,Menlo,monospace}button{font:inherit}.match{box-sizing:border-box;text-align:left;flex-direction:column;align-items:center;min-height:100vh;padding:24px 24px 40px;font-size:14px;line-height:1.5;display:flex}.match__inner{flex-direction:column;gap:20px;width:100%;max-width:1216px;display:flex}.match__bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.match__brand{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.wordmark{letter-spacing:.04em;color:var(--color-text-strong);font-family:Silkscreen,JetBrains Mono,monospace;font-size:24px;font-weight:700;line-height:1}.chip{letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--color-text-muted);border-radius:3px;padding:3px 8px;font-size:12px}.btn{box-sizing:border-box;min-height:44px;color:var(--color-text-strong);border:1px solid var(--color-text-muted);cursor:pointer;font:inherit;background:0 0;border-radius:4px;align-items:center;padding:0 16px;text-decoration:none;display:flex}.btn:hover{border-color:var(--color-text-strong)}.btn--primary{border-color:var(--color-accent);color:var(--color-accent)}.row{flex-wrap:wrap;gap:16px;display:flex}.card{box-sizing:border-box;background:var(--color-surface);border:1px solid var(--color-surface-raised);border-radius:6px;flex:280px;min-width:0;padding:16px 20px}.card--side{justify-content:space-between;align-items:center;gap:16px;display:flex}.card--turn{border-color:var(--color-accent);flex-direction:column;flex-basis:300px;gap:8px;min-height:132px;display:flex}.card--turn p{margin:0;font-size:13px}.stack{flex-direction:column;gap:12px;display:flex}.stack--end{align-items:flex-end}.who{align-items:center;gap:10px;display:flex}.who__name{color:var(--color-text-strong);font-size:16px;font-weight:500}.tag{letter-spacing:.12em;color:#000;background:var(--color-accent);border-radius:3px;padding:2px 6px;font-size:11px;font-weight:700}.tag--b{background:var(--color-brand-aws)}.dots{gap:5px;display:flex}.dot{box-sizing:border-box;background:var(--color-text);border-radius:50%;width:10px;height:10px}.dot--gone{border:1px solid var(--color-text-muted);background:0 0}.dot--hit{background:var(--color-accent)}.count{align-items:baseline;gap:8px;display:flex}.count__n{color:var(--color-text-strong);font-family:Silkscreen,JetBrains Mono,monospace;font-size:44px;line-height:1}.count__l{font-size:12px}.turn__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.turn__title{letter-spacing:.06em;color:var(--color-accent);font-family:Silkscreen,JetBrains Mono,monospace;font-size:22px;line-height:1}.turn__balls{align-items:center;gap:14px;font-size:12px;display:flex}.turn__ball{align-items:center;gap:6px;display:flex}.turn__ball i{border:1px solid var(--color-text-muted);box-sizing:border-box;border-radius:50%;width:12px;height:12px}.turn__ball--hit i{background:var(--color-accent);border-color:var(--color-accent)}.turn__ball--miss i{background:var(--color-text-muted)}.turn__ball--now{color:var(--color-text-strong)}.turn__ball--now i{background:var(--color-text-strong);box-shadow:0 0 0 2px var(--color-surface), 0 0 0 4px var(--color-accent)}.arena{aspect-ratio:300/70;width:100%;box-shadow:inset 0 0 0 1px var(--color-surface-raised);border-radius:6px;position:relative;overflow:hidden}.arena canvas{cursor:crosshair;display:block}.card--panel{flex-direction:column;flex-basis:420px;gap:16px;display:flex}.shots{flex-wrap:wrap;gap:8px;display:flex}.shot{box-sizing:border-box;text-align:left;min-height:56px;color:var(--color-text-strong);border:1px solid var(--color-text-muted);cursor:pointer;font:inherit;background:0 0;border-radius:4px;flex-direction:column;flex:180px;justify-content:center;align-items:flex-start;gap:2px;padding:8px 14px;display:flex}.shot[aria-pressed=true]{background:var(--color-surface-raised);border-color:var(--color-accent)}.shot__name{letter-spacing:.1em;font-weight:700}.shot__desc{color:var(--color-text);font-size:12px}.power{flex-direction:column;gap:8px;display:flex}.power__head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.power__value{color:var(--color-text-strong);font-family:Silkscreen,JetBrains Mono,monospace;font-size:18px;line-height:1}.bar{height:8px;margin:5px 0;position:relative}.bar__track{background:var(--color-surface-raised);border-radius:4px;height:100%;overflow:hidden}.bar__fill{background:var(--color-accent);border-radius:4px;width:0;height:100%}.bar__window{box-sizing:border-box;border:2px solid var(--color-text-strong);border-radius:4px;height:18px;display:none;position:absolute;top:-5px}.power p{margin:0;font-size:13px}.log h2{letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:400}.log ol{flex-direction:column;gap:6px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.log li{gap:12px;display:flex}.log li:first-child{color:var(--color-text-strong)}.log li span:first-child{flex:0 0 28px}.log li span:nth-child(2){flex:0 0 72px}.log li span:nth-child(3){flex:0 0 64px}.card--log{flex-basis:420px}.shot:disabled{opacity:.5;cursor:default}.match__nav{flex-wrap:wrap;gap:8px;display:flex}.page{box-sizing:border-box;flex-direction:column;gap:20px;max-width:960px;margin:0 auto;padding:48px 24px 56px;font-size:14px;line-height:1.5;display:flex}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.inline{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.grid{gap:16px;display:grid}.grid--2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid--rps{grid-template-columns:3fr 1.3fr}@media (width<=720px){.grid--rps{grid-template-columns:1fr}}.display{letter-spacing:.06em;color:var(--color-text-strong);margin:0;font-family:Silkscreen,JetBrains Mono,monospace;font-size:24px;font-weight:400;line-height:1}.display--hero{letter-spacing:.12em;font-size:clamp(40px,9vw,72px);font-weight:700}.display--small{font-size:22px}.display--accent{color:var(--color-accent)}.page>h1.display:not(.display--hero){font-size:clamp(28px,6vw,48px)}.lead,.muted{margin:0;font-size:13px}.label{letter-spacing:.12em;text-transform:uppercase;font-size:12px}.card--mode{flex-direction:column;gap:14px;padding:24px;display:flex}.card--soon{opacity:.6}.hero__table{width:100%;height:auto;display:block}.hero__felt{fill:var(--color-ground-top);stroke:var(--color-text);stroke-width:.6px}.hero__line{stroke:var(--color-surface-raised);stroke-width:.4px}.hero__circle{fill:none;stroke:var(--color-text-muted);stroke-width:.4px}.hero__dot{fill:var(--color-accent)}.hero__rack{fill:none;stroke:var(--color-text-muted);stroke-width:.4px;stroke-linejoin:round}.hero__cup{fill:var(--color-surface);stroke:var(--color-text-strong);stroke-width:.8px}.segmented{gap:8px;display:flex}.segmented__item{min-height:44px;color:var(--color-text);border:1px solid var(--color-text-muted);cursor:pointer;font:inherit;background:0 0;border-radius:4px;flex:1}.segmented__item[aria-pressed=true]{background:var(--color-surface-raised);color:var(--color-text-strong);border-color:var(--color-accent);font-weight:700}.btn--primary{background:var(--color-accent);color:#000;border-color:var(--color-accent);letter-spacing:.1em;justify-content:center;font-weight:700}.btn--primary:hover{background:var(--color-accent);border-color:var(--color-text-strong)}.btn--block{width:100%;min-height:48px}.btn:disabled{opacity:.5;cursor:default}.field{box-sizing:border-box;min-height:44px;color:var(--color-text-strong);border:1px solid var(--color-text-muted);font:inherit;background:#000;border-radius:4px;flex:1;min-width:0;padding:0 12px}.card--mode .inline .field{flex:1}.tag--guest{background:var(--color-text)}.picks{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.pick{min-height:72px;color:var(--color-text);border:1px solid var(--color-text-muted);cursor:pointer;font:inherit;letter-spacing:.1em;box-sizing:border-box;background:0 0;border-radius:4px;justify-content:center;align-items:center;display:flex}.pick[aria-pressed=true]{background:var(--color-surface-raised);color:var(--color-text-strong);border-color:var(--color-accent);font-weight:700}.pick--cpu{cursor:default;color:var(--color-text-muted);margin-top:12px}.pick--shown{color:var(--color-text-strong);border-color:var(--color-brand-aws);font-weight:700}.card--cpu{flex-direction:column;gap:12px;display:flex}.card--cpu .who+.pick{margin-top:0}.card--verdict{border-color:var(--color-accent);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}.card--verdict[hidden]{display:none}.grid--rps .card{flex-direction:column;gap:12px;display:flex}.grid--rps .pick--cpu{margin-top:0}.page>.card{flex:none}.page>.topbar{margin-bottom:8px}.grid>.card{flex:none}.headline{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.display--big{font-size:clamp(36px,8vw,64px)}.page>.arena{flex:none}.table{border-collapse:collapse;background:var(--color-surface);border:1px solid var(--color-surface-raised);border-radius:6px;width:100%;overflow:hidden}.table th,.table td{text-align:left;border-bottom:1px solid var(--color-surface-raised);padding:12px}.table th{letter-spacing:.12em;text-transform:uppercase;color:var(--color-text);font-size:12px;font-weight:400}.table th.num,.table td.num{text-align:right}.table--result th:not(:first-child){color:var(--color-text-strong);letter-spacing:0;text-transform:none;font-size:14px;font-weight:700}.table tbody tr:last-child td{border-bottom:0}.table .win{color:var(--color-accent);font-weight:700}.table .loss{color:var(--color-brand-aws);font-weight:700}.page--wide{max-width:1100px}.topbar--top{align-items:flex-start}.segmented__item--tab{flex:none;padding:0 16px}.segmented__item:disabled{opacity:.5;cursor:default}.tiles{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;display:grid}.tile{flex-direction:column;flex:none;gap:12px;padding:16px;display:flex}.grid--stats{grid-template-columns:minmax(280px,1fr) 2fr;align-items:start}@media (width<=800px){.grid--stats{grid-template-columns:1fr}}.card--panel-wide{flex-direction:column;flex:none;gap:12px;padding:24px;display:flex}.rackheat{width:240px;height:270px;margin:12px auto 0;position:relative}.rackheat__cup{box-sizing:border-box;border:2px solid var(--color-text-strong);background:color-mix(in srgb, var(--color-accent) var(--heat,0%), var(--color-surface));width:54px;height:54px;color:var(--color-text-strong);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute;transform:translate(-50%,-50%)}.rackheat__cup--hot{color:#000}.tile .display--big{font-size:32px}.topbar--top .display--big{font-size:clamp(32px,6vw,48px)}.btn{white-space:nowrap}.notice{border:1px solid var(--color-brand-aws);background:var(--color-surface);color:var(--color-text-strong);border-radius:6px;margin:0;padding:12px 16px}.field--code{text-transform:uppercase;letter-spacing:.3em;font-weight:700}.card--code{flex:none;grid-template-columns:auto 1fr;align-items:center;gap:24px;padding:24px;display:grid}@media (width<=720px){.card--code{grid-template-columns:1fr}}.display--code{letter-spacing:.2em;font-size:clamp(48px,10vw,88px)}.link{word-break:break-all}.seat{flex:none;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.seat__state{letter-spacing:.12em;color:var(--color-text-strong);font-size:12px;font-weight:700}.rules{grid-template-columns:max-content 1fr;gap:6px 20px;margin:0;font-size:13px;display:grid}.rules dt{color:var(--color-text)}.rules dd{color:var(--color-text-strong);margin:0}.pick:disabled{opacity:.5;cursor:default}.page>.btn--block{flex:none}.card--profile{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.card--needed{border-color:var(--color-accent)}.stack--grow{flex:320px;min-width:0}.field--name{flex:none;width:100%;max-width:320px;font-size:16px;font-weight:700}.hint{color:var(--color-text);margin:0;font-size:13px}.hint--error{color:var(--color-brand-aws)}.card--locked .display{color:var(--color-text)}.field--invalid{border-color:var(--color-brand-aws)}.card--locked{opacity:.6}.card--locked button,.card--locked input{cursor:not-allowed}.card--shake{animation:.35s shake}@keyframes shake{20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@media (prefers-reduced-motion:reduce){.card--shake{animation:none}}.field--invalid:focus-visible{outline-color:var(--color-brand-aws)}.stats-section{flex-direction:column;gap:20px;display:flex}.stats-section[hidden]{display:none}.card.stats-section{gap:12px}.rate{align-items:center;gap:10px;display:flex}.rate span:first-child{min-width:3ch}.meter{background:var(--color-surface-raised);border-radius:3px;width:72px;height:6px;display:block;overflow:hidden}.meter i{background:var(--color-accent);height:100%;display:block}