:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #f7f8fc;--muted: #a8acbb;--night: #080a12;--panel: #10131e;--line: rgb(255 255 255 / 14%);--red: #ed273d;--red-deep: #950c20;--blue: #2377ff;--blue-deep: #093eaa;--focus: #fff38a}*{box-sizing:border-box}html{min-width:320px;background:var(--night)}body{min-width:320px;min-height:100vh;margin:0;color:var(--ink);background:radial-gradient(circle at 15% 18%,rgb(237 39 61 / 10%),transparent 28rem),radial-gradient(circle at 85% 82%,rgb(35 119 255 / 10%),transparent 30rem),var(--night)}button,input,textarea,select{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible,[tabindex="0"]:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:100;top:.75rem;left:.75rem;padding:.75rem 1rem;color:var(--night);font-weight:800;text-decoration:none;background:var(--focus);border-radius:.5rem;transform:translateY(-180%);transition:transform .16s ease}.skip-link:focus{transform:translateY(0)}.app-shell{display:grid;grid-template-rows:auto 1fr auto;min-height:100vh;min-height:100svh}.site-header,.site-footer{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;width:min(100% - 2rem,1280px);margin-inline:auto}.site-header{min-height:78px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;gap:.72rem;align-items:center}.brand__mark{display:grid;width:2.4rem;height:2.65rem;place-items:center;color:#fff;font-family:Impact,Arial Narrow,sans-serif;font-size:.9rem;letter-spacing:.06em;background:linear-gradient(135deg,var(--red) 0 48%,var(--blue) 52% 100%);clip-path:polygon(50% 0,94% 18%,84% 76%,50% 100%,16% 76%,6% 18%)}.brand__wordmark{font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(1.3rem,2vw,1.7rem);letter-spacing:.065em}.brand__wordmark span{color:#9298aa}.session-status{display:flex;gap:.55rem;align-items:center;margin:0;color:var(--muted);font-size:.75rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.session-status span{width:.48rem;height:.48rem;background:#54de92;border-radius:50%;box-shadow:0 0 .7rem #54de92b3}.main-content{display:grid;width:100%;padding:clamp(1rem,2.5vw,2rem);place-items:center}.arena{width:min(100%,1180px)}.view-tabs{position:relative;z-index:7;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(100%,500px);padding:.32rem;margin:0 auto 1rem;background:#131622e0;border:1px solid var(--line);border-radius:999px;box-shadow:0 .8rem 2rem #0000003d}.view-tab{display:flex;gap:.45rem;align-items:center;justify-content:center;min-height:45px;padding:.5rem 1rem;color:#abb0bf;cursor:pointer;background:transparent;border:0;border-radius:999px;transition:color .18s ease,background .18s ease,box-shadow .18s ease}.view-tab:hover{color:#fff;background:#ffffff12}.view-tab[aria-selected=true]{color:#fff;background:#262a39;box-shadow:0 .25rem 1rem #00000040}.view-tab--t[aria-selected=true]{background:linear-gradient(135deg,#b41429,var(--red))}.view-tab--b[aria-selected=true]{background:linear-gradient(135deg,var(--blue),var(--blue-deep))}.view-tab__short{font-weight:950}.view-tab__name{font-size:.78rem;font-weight:750;letter-spacing:.05em}.arena-stage{position:relative;min-height:min(650px,calc(100svh - 220px));overflow:hidden;isolation:isolate;background:var(--panel);border:1px solid var(--line);border-radius:clamp(1rem,2vw,1.75rem);box-shadow:0 2.2rem 6rem #00000061,inset 0 1px #ffffff0a;touch-action:pan-y}.arena-stage:after{position:absolute;z-index:5;right:0;bottom:0;left:0;height:1px;content:"";background:linear-gradient(90deg,var(--red),transparent 45% 55%,var(--blue));opacity:.8}.arena-panel{min-height:inherit}.stage-arrow{position:absolute;z-index:8;top:50%;display:grid;width:3.3rem;height:3.3rem;padding:0;place-items:center;color:#fff;cursor:pointer;background:#07090f94;border:1px solid rgb(255 255 255 / 24%);border-radius:50%;box-shadow:0 .5rem 1.4rem #00000047;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform:translateY(-50%);transition:transform .16s ease,opacity .16s ease,background .16s ease}.stage-arrow:hover:not(:disabled){background:#ffffff2b;transform:translateY(-50%) scale(1.06)}.stage-arrow:disabled{cursor:default;opacity:.22}.stage-arrow--left{left:1.15rem}.stage-arrow--right{right:1.15rem}.middle-view{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.72fr) minmax(0,1fr);min-height:inherit;background:#0b0d15}.middle-view__side{position:relative;display:flex;flex-direction:column;gap:2rem;align-items:center;justify-content:center;min-width:0;overflow:hidden}.middle-view__side:before{position:absolute;width:24rem;height:24rem;content:"";border:1px solid rgb(255 255 255 / 13%);border-radius:50%;opacity:.7}.middle-view__side--t{background:linear-gradient(110deg,#ee1f39d9,#8b071ecc),var(--red-deep)}.middle-view__side--b{background:linear-gradient(250deg,#267affe5,#073395d9),var(--blue-deep)}.side-monogram{position:relative;z-index:1;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(8rem,18vw,15rem);line-height:.8;color:#ffffff2b;text-shadow:0 1rem 3rem rgb(0 0 0 / 18%)}.middle-view__message{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.25rem;text-align:center;background:linear-gradient(90deg,#0b0d15e0,#0b0d15 18% 82%,#0b0d15e0)}.middle-view__message:before,.middle-view__message:after{position:absolute;top:0;bottom:0;width:1px;content:"";background:linear-gradient(transparent,rgb(255 255 255 / 30%),transparent)}.middle-view__message:before{left:0}.middle-view__message:after{right:0}.eyebrow,.state-kicker{margin:0 0 .85rem;color:#d4d7e0;font-size:.72rem;font-weight:850;letter-spacing:.22em}.middle-view__message h1,.side-view h1,.state-card h1{margin:0;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-weight:400;letter-spacing:.02em;text-transform:uppercase}.middle-view__message h1{font-size:clamp(2.6rem,5vw,4.8rem);line-height:.92}.middle-view__message>p:not(.eyebrow){max-width:18rem;margin:1.35rem 0 0;color:var(--muted);font-size:.92rem;line-height:1.55}.swipe-hint{display:flex;gap:.75rem;align-items:center;margin-top:2rem;color:#777d8d;font-size:.64rem;font-weight:800;letter-spacing:.2em}.swipe-hint span:first-child{color:var(--red)}.swipe-hint span:last-child{color:#5b97ff}.score-tile{position:relative;display:flex;flex-direction:column;min-width:0;padding:clamp(1rem,2vw,1.55rem);overflow:hidden;background:#04070e6b;border:1px solid rgb(255 255 255 / 18%);border-radius:1rem;box-shadow:0 .8rem 2rem #0000002b;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.score-tile:before{position:absolute;top:0;bottom:0;left:0;width:3px;content:"";background:var(--red)}.score-tile--b:before{background:#58a0ff}.score-tile__label{color:#ffffffb3;font-size:.72rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.score-tile__value{margin-top:.35rem;overflow:hidden;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(2.2rem,5vw,4.5rem);font-weight:400;line-height:1;text-overflow:ellipsis;white-space:nowrap}.score-tile--compact{z-index:2;width:min(76%,13rem);padding:.9rem 1.1rem}.score-tile--compact .score-tile__value{font-size:clamp(1.7rem,3.3vw,2.7rem)}.side-view{position:relative;display:grid;min-height:inherit;overflow:hidden;place-items:center}.side-view--t{background:linear-gradient(120deg,#580314eb,#e11834b8),#9b0d25}.side-view--b{background:linear-gradient(240deg,#042169f0,#1b6fffb8),#083b9f}.side-view:before{position:absolute;inset:0;content:"";background-image:linear-gradient(rgb(255 255 255 / 4%) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / 4%) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 85%);mask-image:linear-gradient(to bottom,black,transparent 85%)}.side-view__glow{position:absolute;width:min(70vw,48rem);aspect-ratio:1;background:#ffffff1a;border:1px solid rgb(255 255 255 / 12%);border-radius:50%;box-shadow:0 0 0 4rem #ffffff08,0 0 0 9rem #ffffff05}.side-view__content{position:relative;z-index:2;width:min(100% - 8rem,730px);padding-block:2.5rem;text-align:center}.side-title-row{display:flex;gap:.95rem;align-items:center;justify-content:center}.side-emblem{display:grid;width:3.25rem;aspect-ratio:1;place-items:center;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:1.75rem;background:#05070e61;border:1px solid rgb(255 255 255 / 32%);border-radius:.8rem;box-shadow:inset 0 1px #ffffff26}.side-view h1{font-size:clamp(3.5rem,7vw,6.5rem);line-height:.9}.score-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:2rem;text-align:left}.like-button{display:inline-flex;gap:.85rem;align-items:center;justify-content:center;min-width:min(100%,20rem);min-height:4.35rem;padding:.7rem 1.5rem;margin-top:1.35rem;color:#12141c;font-size:1rem;font-weight:950;letter-spacing:.12em;cursor:pointer;background:#fff;border:0;border-radius:1rem;box-shadow:0 1rem 2.5rem #0000003d,inset 0 -3px #0000001f;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.like-button:hover:not(:disabled){box-shadow:0 1.3rem 3rem #00000052,inset 0 -3px #0000001f;transform:translateY(-2px)}.like-button:active:not(:disabled){transform:translateY(1px)}.like-button:disabled{cursor:progress;opacity:.74}.like-button__icon{display:grid;width:2.25rem;height:2.25rem;place-items:center;color:#fff;font-size:.82rem;background:var(--red);border-radius:50%}.like-button--b .like-button__icon{background:var(--blue)}.button-loader{width:1rem;height:1rem;border:2px solid rgb(255 255 255 / 40%);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.like-note,.mutation-error{min-height:1.2rem;margin:.8rem 0 0;color:#ffffffb8;font-size:.76rem}.mutation-error{color:#fff6bd;font-weight:750}.view-dots{display:flex;gap:.38rem;justify-content:center;margin-top:.8rem}.view-dots span{width:.35rem;height:.35rem;background:#4b4f5d;border-radius:999px;transition:width .18s ease,background .18s ease}.view-dots span.is-active{width:1.35rem;background:#fff}.state-card{display:flex;flex-direction:column;align-items:center;width:min(100%,560px);padding:clamp(2rem,5vw,4rem);text-align:center;background:linear-gradient(145deg,#151927,#0e111a);border:1px solid var(--line);border-radius:1.5rem;box-shadow:0 2rem 5rem #00000052}.state-card h1{font-size:clamp(2rem,5vw,3.7rem);line-height:1}.state-card p:last-of-type{margin:1rem 0 0;color:var(--muted);line-height:1.6}.loader,.error-mark{display:grid;width:3.5rem;height:3.5rem;margin-bottom:1.4rem;place-items:center;border-radius:50%}.loader{border:3px solid rgb(255 255 255 / 12%);border-top-color:var(--red);border-right-color:var(--blue);animation:spin .9s linear infinite}.error-mark{color:#fff;font-size:1.5rem;font-weight:900;background:var(--red-deep);border:1px solid #ff6c7c}.retry-button{min-height:3rem;padding:.7rem 1.4rem;margin-top:1.5rem;color:#10121a;font-weight:850;cursor:pointer;background:#fff;border:0;border-radius:.7rem}.site-footer{min-height:52px;color:#777c8c;font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border-top:1px solid var(--line)}@keyframes spin{to{transform:rotate(1turn)}}@media(max-width:760px){.site-header,.site-footer{width:min(100% - 1.25rem,1280px)}.site-header{min-height:66px}.session-status{max-width:7rem;font-size:.58rem;letter-spacing:.08em}.main-content{padding:.75rem}.view-tabs{margin-bottom:.65rem}.view-tab{min-height:42px;padding-inline:.6rem}.view-tab__name{font-size:.68rem}.arena-stage{min-height:min(620px,calc(100svh - 185px));border-radius:1.1rem}.stage-arrow{top:auto;bottom:.9rem;width:2.8rem;height:2.8rem;transform:none}.stage-arrow:hover:not(:disabled){transform:scale(1.05)}.stage-arrow--left{left:.9rem}.stage-arrow--right{right:.9rem}.middle-view{position:relative;display:grid;grid-template-columns:1fr 1fr}.middle-view__side{min-height:inherit}.middle-view__message{position:absolute;z-index:4;top:50%;left:50%;width:min(86%,21rem);min-height:21rem;padding:2rem 1rem;background:#0a0c13e5;border:1px solid rgb(255 255 255 / 18%);border-radius:50%;box-shadow:0 1.2rem 4rem #00000061;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);transform:translate(-50%,-50%)}.middle-view__message:before,.middle-view__message:after{display:none}.middle-view__message h1{font-size:clamp(2.25rem,12vw,3.25rem)}.middle-view__message>p:not(.eyebrow){max-width:14rem;margin-top:.9rem;font-size:.78rem}.swipe-hint{margin-top:1.2rem}.middle-view__side .score-tile{position:absolute;top:1.1rem;width:calc(100% - 1rem);padding:.65rem .7rem}.middle-view__side--t .score-tile{left:.5rem}.middle-view__side--b .score-tile{right:.5rem}.score-tile--compact .score-tile__label{font-size:.57rem}.score-tile--compact .score-tile__value{font-size:1.55rem}.side-monogram{font-size:34vw}.side-view__content{width:min(100% - 3rem,730px);padding-block:2rem 5rem}.side-view h1{font-size:clamp(3.25rem,18vw,5rem)}.side-emblem{width:2.7rem;font-size:1.45rem}.score-grid{gap:.7rem;margin-top:1.5rem}.score-tile{padding:1rem}.score-tile__label{font-size:.61rem;letter-spacing:.09em}.score-tile__value{font-size:clamp(2.3rem,12vw,3.5rem)}.like-button{min-height:4rem}.site-footer span:last-child{max-width:12rem;text-align:right}}@media(max-width:430px){.brand__mark{width:2rem;height:2.2rem}.view-tab__name{display:none}.view-tab__short{font-size:.8rem}.site-footer{gap:1rem;font-size:.55rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}