:root{--frame-fill: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20474%20329'%20preserveAspectRatio%3D'none'%3E%3Cdefs%3E%3ClinearGradient%20id%3D'g'%20x1%3D'0'%20y1%3D'0'%20x2%3D'0'%20y2%3D'1'%3E%3Cstop%20offset%3D'0'%20stop-color%3D'rgb(255%2C174%2C51)'%20stop-opacity%3D'0.16'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'rgb(255%2C94%2C58)'%20stop-opacity%3D'0.06'%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill-rule%3D'evenodd'%20d%3D'M%2077.484816%2C21.569251%20H%20105.32498%20L%20117.80174%2C9.0935273%20h%20347.5581%20V%20146.188%20l%20-12.47777%2C12.47779%20v%2093.39481%20l%20-56.60845%2C56.60741%20H%20368.43244%20L%20355.9567%2C321.14579%20H%208.3985972%20V%20184.04927%20L%2020.875357%2C171.57456%20V%2078.178714%20L%2077.484816%2C21.569251'%20fill%3D'url(%23g)'%2F%3E%3C%2Fsvg%3E");--frame-line: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20474%20329'%20preserveAspectRatio%3D'none'%3E%3Cpath%20fill-rule%3D'evenodd'%20d%3D'm%2070.54467%2C0.53487593%20h%20399.09296%20c%202.36265%2C0%204.27881%2C1.91822907%204.27881%2C4.28087607%20V%20259.00075%20c%200%2C1.18028%20-0.47956%2C2.25205%20-1.25161%2C3.02411%20l%20-66.42695%2C66.42385%20c%20-0.83614%2C0.83611%20-1.93064%2C1.25368%20-3.02411%2C1.25368%20H%204.1197872%20c%20-2.36265%2C0%20-4.27880996%2C-1.91513%20-4.27880996%2C-4.27778%20V%2071.239603%20c%200%2C-1.18029%200.47956%2C-2.252059%201.25366996%2C-3.024105%20L%2067.519533%2C1.788546%20C%2068.354624%2C0.95552393%2069.449131%2C0.53694493%2070.54467%2C0.53694493%20Z%20M%2077.484816%2C21.569251%20H%20105.32498%20L%20117.80174%2C9.0935273%20h%20347.5581%20V%20146.188%20l%20-12.47777%2C12.47779%20v%2093.39481%20l%20-56.60845%2C56.60741%20H%20368.43244%20L%20355.9567%2C321.14579%20H%208.3985972%20V%20184.04927%20L%2020.875357%2C171.57456%20V%2078.178714%20L%2077.484816%2C21.569251'%20fill%3D'rgb(255%2C174%2C51)'%2F%3E%3C%2Fsvg%3E");--frame-fill-hover: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20474%20329'%20preserveAspectRatio%3D'none'%3E%3Cdefs%3E%3ClinearGradient%20id%3D'g'%20x1%3D'0'%20y1%3D'0'%20x2%3D'0'%20y2%3D'1'%3E%3Cstop%20offset%3D'0'%20stop-color%3D'rgb(255%2C190%2C90)'%20stop-opacity%3D'0.34'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'rgb(255%2C110%2C60)'%20stop-opacity%3D'0.16'%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill-rule%3D'evenodd'%20d%3D'M%2077.484816%2C21.569251%20H%20105.32498%20L%20117.80174%2C9.0935273%20h%20347.5581%20V%20146.188%20l%20-12.47777%2C12.47779%20v%2093.39481%20l%20-56.60845%2C56.60741%20H%20368.43244%20L%20355.9567%2C321.14579%20H%208.3985972%20V%20184.04927%20L%2020.875357%2C171.57456%20V%2078.178714%20L%2077.484816%2C21.569251'%20fill%3D'url(%23g)'%2F%3E%3C%2Fsvg%3E");--frame-line-hover: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20474%20329'%20preserveAspectRatio%3D'none'%3E%3Cpath%20fill-rule%3D'evenodd'%20d%3D'm%2070.54467%2C0.53487593%20h%20399.09296%20c%202.36265%2C0%204.27881%2C1.91822907%204.27881%2C4.28087607%20V%20259.00075%20c%200%2C1.18028%20-0.47956%2C2.25205%20-1.25161%2C3.02411%20l%20-66.42695%2C66.42385%20c%20-0.83614%2C0.83611%20-1.93064%2C1.25368%20-3.02411%2C1.25368%20H%204.1197872%20c%20-2.36265%2C0%20-4.27880996%2C-1.91513%20-4.27880996%2C-4.27778%20V%2071.239603%20c%200%2C-1.18029%200.47956%2C-2.252059%201.25366996%2C-3.024105%20L%2067.519533%2C1.788546%20C%2068.354624%2C0.95552393%2069.449131%2C0.53694493%2070.54467%2C0.53694493%20Z%20M%2077.484816%2C21.569251%20H%20105.32498%20L%20117.80174%2C9.0935273%20h%20347.5581%20V%20146.188%20l%20-12.47777%2C12.47779%20v%2093.39481%20l%20-56.60845%2C56.60741%20H%20368.43244%20L%20355.9567%2C321.14579%20H%208.3985972%20V%20184.04927%20L%2020.875357%2C171.57456%20V%2078.178714%20L%2077.484816%2C21.569251'%20fill%3D'rgb(255%2C214%2C140)'%2F%3E%3C%2Fsvg%3E");--frame-gold: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20474%20329'%20preserveAspectRatio%3D'none'%3E%3Cdefs%3E%3ClinearGradient%20id%3D'g'%20x1%3D'0'%20y1%3D'0'%20x2%3D'0'%20y2%3D'1'%3E%3Cstop%20offset%3D'0'%20stop-color%3D'rgb(255%2C214%2C102)'%20stop-opacity%3D'1'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'rgb(255%2C150%2C40)'%20stop-opacity%3D'1'%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill-rule%3D'evenodd'%20d%3D'M%2077.484816%2C21.569251%20H%20105.32498%20L%20117.80174%2C9.0935273%20h%20347.5581%20V%20146.188%20l%20-12.47777%2C12.47779%20v%2093.39481%20l%20-56.60845%2C56.60741%20H%20368.43244%20L%20355.9567%2C321.14579%20H%208.3985972%20V%20184.04927%20L%2020.875357%2C171.57456%20V%2078.178714%20L%2077.484816%2C21.569251'%20fill%3D'url(%23g)'%2F%3E%3C%2Fsvg%3E");--frame-gold-hover: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20474%20329'%20preserveAspectRatio%3D'none'%3E%3Cdefs%3E%3ClinearGradient%20id%3D'g'%20x1%3D'0'%20y1%3D'0'%20x2%3D'0'%20y2%3D'1'%3E%3Cstop%20offset%3D'0'%20stop-color%3D'rgb(255%2C232%2C150)'%20stop-opacity%3D'1'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'rgb(255%2C172%2C62)'%20stop-opacity%3D'1'%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill-rule%3D'evenodd'%20d%3D'M%2077.484816%2C21.569251%20H%20105.32498%20L%20117.80174%2C9.0935273%20h%20347.5581%20V%20146.188%20l%20-12.47777%2C12.47779%20v%2093.39481%20l%20-56.60845%2C56.60741%20H%20368.43244%20L%20355.9567%2C321.14579%20H%208.3985972%20V%20184.04927%20L%2020.875357%2C171.57456%20V%2078.178714%20L%2077.484816%2C21.569251'%20fill%3D'url(%23g)'%2F%3E%3C%2Fsvg%3E");--panel-face: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'474'%20height%3D'332'%20viewBox%3D'0%200%20474%20332'%20preserveAspectRatio%3D'none'%3E%3Cpath%20fill-rule%3D'evenodd'%20d%3D'M%20265.95318%2C319.32816%20H%20448.53221%20V%2083.2702%20L%20388.18033%2C22.91834%20H%2012.563998%20v%20232.299%20H%20199.28437%20c%201.70635%2C0%203.25149%2C0.6935%204.36769%2C1.81279%20z'%20fill%3D'%23fff'%2F%3E%3C%2Fsvg%3E");--panel-line: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'474'%20height%3D'332'%20viewBox%3D'0%200%20474%20332'%20preserveAspectRatio%3D'none'%3E%3Cpath%20fill-rule%3D'evenodd'%20d%3D'M%20265.95318%2C319.32816%20H%20448.53221%20V%2083.2702%20L%20388.18033%2C22.91834%20H%2012.563998%20v%20232.299%20H%20199.28437%20c%201.70635%2C0%203.25149%2C0.6935%204.36769%2C1.81279%20z%20M%2087.602309%2C318.31528%20H%2057.655818%20L%2020.263785%2C280.55635%20h%2029.946494%20z%20m%2046.857081%2C0%20H%20104.5129%20L%2067.119839%2C280.55635%20h%2029.947526%20z%20m%2046.86226%2C0%20h%20-29.94856%20l%20-37.38997%2C-37.75893%20h%2029.94753%20z%20m%2046.86226%2C0%20h%20-29.94753%20l%20-37.39099%2C-37.75893%20h%2029.94546%20z%20M%20442.30106%2C46.18823%20395.70235%2C-0.40943956%20H%20342.34643%20L%20331.48613%2C10.55733%20H%206.3824633%20c%20-3.413744%2C0%20-6.18153394%2C2.7678%20-6.18153394%2C6.1805%20v%20244.65999%20c%200%2C3.41583%202.76778994%2C6.18361%206.18153394%2C6.18361%20H%20196.72225%20l%2061.4557%2C61.45154%20c%201.11619%2C1.60612%202.97344%2C2.65721%205.07669%2C2.65721%20h%20191.45805%20c%203.41273%2C0%206.18051%2C-2.76778%206.18051%2C-6.18154%20V%20147.25906%20l%2013.61054%2C-13.47722%20V%2078.39091%20L%20442.30106%2C46.18823'%20fill%3D'%23fff'%2F%3E%3C%2Fsvg%3E")}@font-face{font-family:Metal Mania;src:url(/fonts/metalmania.woff2) format("woff2");font-display:swap}@font-face{font-family:Pirata One;src:url(/fonts/pirataone.woff2) format("woff2");font-display:swap}@font-face{font-family:Orbitron;src:url(/fonts/orbitron-var.woff2) format("woff2");font-weight:400 900;font-display:swap}@font-face{font-family:Rajdhani;src:url(/fonts/rajdhani-600.woff2) format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Rajdhani;src:url(/fonts/rajdhani-700.woff2) format("woff2");font-weight:700 800;font-display:swap}@font-face{font-family:Share Tech Mono;src:url(/fonts/share-tech-mono-400.woff2) format("woff2");font-display:swap}:root{--amber: #ffae33;--amber-hi: #ffd08a;--mag: #ff5e3a;--fire: #ff6a18;--bone: #efe3cc;--gem: #15cc3c;--f-display: "Orbitron", "Segoe UI", system-ui, sans-serif;--f-ui: "Rajdhani", "Segoe UI", system-ui, sans-serif;--f-mono: "Share Tech Mono", ui-monospace, Menlo, Consolas, monospace;--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px);--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:#000;color:#dffaff;font-family:var(--f-ui);font-weight:600;user-select:none;-webkit-user-select:none;touch-action:none}canvas#gl{position:fixed;inset:0;width:100%;height:100%;display:block}canvas#warp{position:fixed;inset:0;width:100%;height:100%;display:block;pointer-events:none;z-index:1}a{color:var(--amber-hi)}.hidden{display:none!important}.screen{position:fixed;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;padding:calc(16px + var(--safe-t)) calc(16px + var(--safe-r)) calc(16px + var(--safe-b)) calc(16px + var(--safe-l));z-index:10}.screen.show{display:flex}.screen:has(>.panel){justify-content:flex-start;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--amber) rgba(255,255,255,.06)}.screen>.panel{margin-block:auto;flex-shrink:0}#title{justify-content:space-between}#title.show{animation:rise .8s ease-out}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.brand{text-align:center;margin-top:4vh}.logo{margin:0;font:400 clamp(72px,17vw,190px)/.9 "Metal Mania",serif;letter-spacing:.04em;background:linear-gradient(180deg,#fff3c4,#ffb347 30%,#ff6a18 58%,#b31307);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 18px rgba(255,90,20,.55)) drop-shadow(0 4px 0 #2a0703)}.sub{font:400 clamp(26px,5.2vw,52px)/1 "Pirata One",serif;color:var(--bone);letter-spacing:.08em;margin-top:.15em;text-shadow:0 0 14px rgba(255,110,40,.6)}.menu{display:flex;flex-direction:column;align-items:center;gap:14px;width:min(440px,92vw)}.row{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.btn{position:relative;isolation:isolate;display:inline-block;min-width:0;padding:13px 34px;border:0;background:transparent;font:700 17px/1.15 var(--f-ui);letter-spacing:.22em;text-indent:.22em;text-transform:uppercase;color:#eafdff;cursor:pointer;text-decoration:none;text-align:center;transition:transform .16s ease,filter .16s ease,opacity .16s ease}.btn:before,.btn:after{content:"";position:absolute;inset:0;z-index:-1;background-repeat:no-repeat;background-size:100% 100%;transition:opacity .16s ease}.btn:before{background-image:var(--frame-fill)}.btn:after{background-image:var(--frame-line);filter:drop-shadow(0 0 7px rgba(255,174,51,.34))}.btn:hover,.btn:focus-visible{transform:translateY(-2px);filter:drop-shadow(0 4px 14px rgba(255,150,50,.34))}.btn:hover:before,.btn:focus-visible:before,.btn.on:before{background-image:var(--frame-fill-hover)}.btn:hover:after,.btn:focus-visible:after,.btn.on:after{background-image:var(--frame-line-hover);filter:drop-shadow(0 0 12px rgba(255,190,90,.6))}.btn:active{transform:translateY(0)}.btn:focus-visible{outline:none}.btn:disabled{opacity:.5;cursor:progress;transform:none}.btn.big{width:100%;padding:19px 42px;font-size:21px;letter-spacing:.17em;text-indent:.17em}.btn.gold{color:#1d0f02;font-weight:800;text-shadow:0 1px 0 rgba(255,238,196,.55)}.btn.gold:before{background-image:var(--frame-gold)}.btn.gold:hover:before,.btn.gold:focus-visible:before{background-image:var(--frame-gold-hover)}.btn.gold:after{animation:fxPulse 2.6s ease-in-out infinite alternate}@keyframes fxPulse{0%{filter:drop-shadow(0 0 6px rgba(255,174,51,.3))}to{filter:drop-shadow(0 0 16px rgba(255,190,90,.75))}}.btn.ghost{padding:9px 22px;font-size:12px;letter-spacing:.24em;text-indent:.24em;opacity:.72}.btn.ghost:hover,.btn.ghost:focus-visible,.btn.ghost.on{opacity:1}.row.social{gap:6px 26px}.row.social .btn{padding:6px 2px}.row.social .btn:before,.row.social .btn:after{display:none}.row.social .btn:hover,.row.social .btn:focus-visible{color:var(--amber);filter:none;transform:none}.load{width:92%;height:7px;border:1px solid rgba(255,174,51,.4);transform:skew(-20deg);overflow:hidden}.load i{display:block;height:100%;width:0;background:linear-gradient(90deg,#ff9d4d,#ffd08a);box-shadow:0 0 10px #ffae33b3;transition:width .25s}.load.done{visibility:hidden}.panel{--k: .6;--gap: 16px;position:relative;isolation:isolate;width:min(720px,94vw);text-align:center;padding:30px 44px 96px 24px;display:flex;flex-direction:column;gap:12px}@supports (-webkit-mask-box-image-source: none){.panel{padding:calc(22.9px * var(--k) + var(--gap)) calc(25.5px * var(--k) + var(--gap) + 2px) calc(76.8px * var(--k) + var(--gap)) calc(12.6px * var(--k) + var(--gap) + 2px)}.panel:before,.panel:after{-webkit-mask-image:none!important;mask-image:none!important;-webkit-mask-box-image-slice:150 145 82 270 fill;-webkit-mask-box-image-width:calc(150px * var(--k)) calc(145px * var(--k)) calc(82px * var(--k)) calc(270px * var(--k));-webkit-mask-box-image-repeat:stretch}.panel:before{-webkit-mask-box-image-source:var(--panel-face)}.panel:after{-webkit-mask-box-image-source:var(--panel-line)}}.panel:before,.panel:after{content:"";position:absolute;inset:0;z-index:-1;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.panel:before{-webkit-mask-image:var(--panel-face);mask-image:var(--panel-face);background:linear-gradient(160deg,#090e16eb,#070b12cc 55%,#0c0910e6);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.panel:after{-webkit-mask-image:var(--panel-line);mask-image:var(--panel-line);background:var(--amber);filter:drop-shadow(0 0 8px rgba(255,174,51,.55));animation:fxPanelPulse 4.2s ease-in-out infinite alternate}@keyframes fxPanelPulse{0%{opacity:.72}to{opacity:1}}.panel.small{width:min(400px,92vw)}.eyebrow{font:700 11px/1 var(--f-ui);letter-spacing:.32em;color:var(--amber);opacity:.75}.fx-title{margin:0;font:800 clamp(22px,3.2vw,32px)/1 var(--f-ui);letter-spacing:.3em;text-indent:.3em;background:linear-gradient(100deg,#fff3e2,#ffd08a 34%,#ff9d4d,#ffd08a 66%,#fff3e2);background-size:280% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:fxSheen 7s linear infinite;filter:drop-shadow(0 0 14px rgba(255,174,51,.35))}@keyframes fxSheen{0%{background-position:140% 0}to{background-position:-140% 0}}.fx-cap{font:700 10.5px/1 var(--f-ui);letter-spacing:.28em;color:var(--amber);opacity:.85;text-align:left;padding-bottom:9px;margin:6px 0 2px;border-bottom:1px solid rgba(255,174,51,.22)}.fx-cap:before{content:"‹ "}.fx-cap:after{content:" ›"}.fx-row{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:baseline;padding:6px 0;text-align:left;border-bottom:1px solid rgba(255,255,255,.07)}.fx-row:last-child{border-bottom:0}.fx-row b{font:700 11px/1.4 var(--f-ui);letter-spacing:.16em;color:#8ea2b4}.fx-row span{font:400 14px/1.4 var(--f-mono);color:#fff1dc;text-align:right}.rules{text-align:left;margin:0;padding:0;list-style:none;display:flex;flex-direction:column}.rules li{font:600 16px/1.4 var(--f-ui);letter-spacing:.02em;color:#e6eef6;padding:8px 0 8px 26px;position:relative;border-bottom:1px solid rgba(255,255,255,.06)}.rules li:before{content:"";position:absolute;left:6px;top:15px;width:11px;height:8px;transform:skew(-20deg);background:var(--amber);box-shadow:0 0 8px #ffae33b3}.rules li b{color:#ffd24a;font-weight:800;letter-spacing:.1em}.keys{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:4px 18px;text-align:left}.keys p{margin:0;font:400 13px/1.5 var(--f-mono);color:#c9d6e2}.tabs{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.list{list-style:none;margin:0;padding:0;text-align:left;display:flex;flex-direction:column;min-height:60px}.list li{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:baseline;padding:7px 4px;border-bottom:1px solid rgba(255,255,255,.07);animation:fxRowIn .38s ease both}.list li:nth-child(2){animation-delay:.04s}.list li:nth-child(3){animation-delay:.08s}.list li:nth-child(4){animation-delay:.12s}.list li:nth-child(5){animation-delay:.16s}.list li:nth-child(n+6){animation-delay:.2s}@keyframes fxRowIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:none}}.list li .r{font:400 13px var(--f-mono);color:var(--amber)}.list li .n{font:700 15px var(--f-ui);letter-spacing:.14em;color:#e6eef6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list li .n a{font:400 12px var(--f-mono);letter-spacing:0;margin-left:8px;color:#9fb3c6;text-decoration:none}.list li .s{font:400 15px var(--f-mono);color:#fff1dc}.list li.me{background:linear-gradient(90deg,#ffae3329,#ffae3300)}.list li.me .n{color:#ffd24a}.list li.empty{display:block;text-align:center;color:#7d8fa0;font:700 11px/1.9 var(--f-ui);letter-spacing:.2em;border:0}.list.mini li{padding:5px 4px}.note{margin:0;font:400 12px/1.6 var(--f-mono);color:#9fb3c6}.credits{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.credits .ms{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff3e2;font:700 12px var(--f-ui);letter-spacing:.32em}.credits .ms.btn{display:inline-flex;padding:6px 18px 6px 12px;font-size:12px;letter-spacing:.22em;text-indent:.22em}.credits .ms img{height:26px;animation:msFlash 2.2s ease-in-out infinite}@keyframes msFlash{0%,68%,to{filter:brightness(1) drop-shadow(0 0 0 rgba(255,170,60,0))}76%{filter:brightness(2.1) drop-shadow(0 0 9px rgba(255,196,96,.95))}86%{filter:brightness(1.2) drop-shadow(0 0 4px rgba(255,170,60,.45))}}.credits .links{display:flex;gap:18px;flex-wrap:wrap;justify-content:center}.credits .links a{font:700 13px var(--f-ui);letter-spacing:.16em;color:var(--amber-hi);text-decoration:none;border-bottom:1px solid rgba(255,174,51,.35);padding-bottom:2px}.credits .fine{font:400 10.5px/1.5 var(--f-mono);color:#7d8fa0;max-width:920px;margin:2px 0 0}.gpu-tip{--gt-cut: 14px;position:absolute;right:calc(24px + var(--safe-r));top:50%;transform:translateY(-50%);width:min(330px,27vw);z-index:4;isolation:isolate;pointer-events:auto;max-height:min(70vh,520px);overflow:hidden;display:flex;flex-direction:column;text-align:left;font:500 13px/1.42 var(--f-ui);color:#c4d0dc;animation:gpuIn .55s cubic-bezier(.2,.9,.25,1) .46s both}@keyframes gpuIn{0%{opacity:0;transform:translateY(calc(-50% + 14px))}to{opacity:1;transform:translateY(-50%)}}.gpu-tip:before,.gpu-tip:after{content:"";position:absolute;inset:0;z-index:-1;clip-path:polygon(var(--gt-cut) 0,100% 0,100% calc(100% - var(--gt-cut)),calc(100% - var(--gt-cut)) 100%,0 100%,0 var(--gt-cut))}.gpu-tip:before{background:#ffae336b}.gpu-tip:after{inset:1px;background:linear-gradient(158deg,#090d16f5,#050910f0)}.gpu-head{display:flex;align-items:center;gap:8px;padding:8px 10px 7px 16px;border-bottom:1px solid rgba(255,179,71,.2);flex:0 0 auto}.gpu-cap{flex:1;font:700 11px/1 var(--f-mono);letter-spacing:.34em;color:#ffb347}.gpu-close{all:unset;cursor:pointer;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;font:400 18px/1 var(--f-ui);color:#8fa0b0;border:1px solid rgba(255,255,255,.12)}.gpu-close:hover,.gpu-close:focus-visible{color:#fff;border-color:#ffae33}.gpu-body{overflow-y:auto;padding:9px 14px 11px 16px;scrollbar-width:thin;scrollbar-color:#5a4520 transparent}.gpu-now{padding:6px 10px;margin-bottom:8px;border:1px solid rgba(255,120,40,.45);background:#ff78281a;color:#ffb98a;font:600 12.5px/1.3 var(--f-ui);letter-spacing:.04em}.gpu-now.soft{border-color:#ff4d578c;background:#ff4d571a;color:#ff9aa0}.gpu-now .gpu-name{display:block;margin-top:2px;font:400 11px/1.3 var(--f-mono);color:#9fb0be;word-break:break-word;user-select:text;-webkit-user-select:text}.gpu-now:empty{display:none}.gpu-intro{margin:0 0 8px}.gpu-intro b,.gpu-pane b{color:#ffe2b8;font-weight:600}.gpu-tabs{display:flex;gap:5px}.gpu-tab{all:unset;flex:1;cursor:pointer;text-align:center;padding:6px 0 5px;font:700 9.5px/1 var(--f-mono);letter-spacing:.2em;text-indent:.2em;color:#ffd9a8;border:1px solid rgba(255,179,71,.28);background:#ffb3470d}.gpu-tab:hover,.gpu-tab:focus-visible{color:#fff;border-color:#ffae33}.gpu-tab[aria-selected=true]{color:#120a02;background:#ffae33;border-color:#ffae33}.gpu-pane{padding-top:7px}.gpu-pane[hidden]{display:none}.gpu-pane ol,.gpu-pane ul{margin:0 0 3px;padding-left:18px}.gpu-pane li{margin:3px 0}.gpu-pane code{font:400 11px/1.4 var(--f-mono);color:#ffd27a;background:#ffc85014;padding:0 3px;user-select:text;-webkit-user-select:text;word-break:break-word}.gpu-dim{margin:4px 0 0;color:#8a98a6;font-size:11.5px}.gpu-chip{all:unset;position:absolute;z-index:4;pointer-events:auto;cursor:pointer;right:calc(24px + var(--safe-r));bottom:calc(24px + var(--safe-b));padding:7px 12px 6px;font:700 10px/1 var(--f-mono);letter-spacing:.26em;color:#ffb98a;border:1px solid rgba(255,120,40,.5);background:#140a04c7}.gpu-chip:hover,.gpu-chip:focus-visible{color:#fff;border-color:#ffae33}.gpu-hide{display:none!important}@media(max-width:1100px){.gpu-tip,.gpu-chip{display:none}}@media(hover:none){.gpu-tip,.gpu-chip{display:none}}.final{font:800 clamp(46px,10vw,86px)/.92 var(--f-ui);letter-spacing:.06em;color:#fff6ea;text-shadow:0 0 26px rgba(255,174,51,.45)}.stats{display:flex;flex-direction:column}.submit{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;align-items:center}.submit input{font:400 15px var(--f-mono);letter-spacing:.08em;color:#fff1dc;background:#060a11b3;border:1px solid rgba(255,174,51,.35);padding:12px;width:min(220px,42vw);border-radius:3px;text-transform:uppercase}.submit input#handleIn{text-transform:none}.submit input:focus{outline:none;border-color:var(--amber);box-shadow:0 0 12px #ffae3359}.msg{min-height:18px;font:400 13px var(--f-mono);color:#ffd984;letter-spacing:.06em}.cta{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cta .btn.big{font-size:18px;padding:17px 20px}.screen.intro{padding:0;background:#000;z-index:20}.intro video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.introBar{position:absolute;right:calc(16px + var(--safe-r));bottom:calc(16px + var(--safe-b));display:flex;gap:10px}.screen.intro.leaving{display:flex;pointer-events:none;animation:introOut .6s linear both}.screen.intro.leaving .introBar{display:none}@keyframes introOut{0%{opacity:1;clip-path:inset(0);transform:none;filter:none}12%{clip-path:inset(8% 0 64% 0);transform:translate(-2vw) scale(1.04,.9);filter:drop-shadow(6px 0 0 rgba(255,0,80,.7)) drop-shadow(-6px 0 0 rgba(0,229,255,.7))}30%{clip-path:inset(52% 0 18% 0);transform:translate(2.5vw) scale(.9,1.1);filter:hue-rotate(90deg) saturate(3)}55%{clip-path:inset(38% 0 38% 0);transform:translate(-1vw) scale(1.2,.3);filter:invert(1) brightness(1.7)}70%{opacity:.9;clip-path:inset(47% 0 47% 0);transform:translate(5vw) scale(1.3,.12);filter:invert(1) hue-rotate(140deg)}to{opacity:0;clip-path:inset(50% 0 50% 0);transform:translate(10vw) scale(1.4,.04);filter:invert(1)}}#hud{position:fixed;inset:0;pointer-events:none;z-index:5}#hud button{pointer-events:auto}.tl{position:absolute;left:calc(14px + var(--safe-l));top:calc(10px + var(--safe-t))}#score{font:800 clamp(28px,4.6vw,44px)/1 var(--f-ui);letter-spacing:.06em;color:#fff6ea;text-shadow:0 0 16px rgba(255,174,51,.55)}#chain{font:700 clamp(12px,2vw,16px)/1.3 var(--f-ui);letter-spacing:.24em;color:var(--amber);min-height:1.3em}#chain.hot{animation:pulse .3s ease-out}@keyframes pulse{0%{transform:scale(1.35);transform-origin:left}to{transform:none}}.tc{position:absolute;left:50%;top:calc(10px + var(--safe-t));transform:translate(-50%);width:min(520px,52vw);text-align:center}#sectorName{font:700 clamp(10px,1.6vw,12px)/1 var(--f-ui);letter-spacing:.32em;color:var(--amber);opacity:.85;margin-bottom:8px}.race{position:relative;height:22px}.race .track{position:absolute;left:0;right:14px;top:10px;height:2px;background:linear-gradient(90deg,#ffae331f,#ffae33b3)}.race .flag{position:absolute;right:0;top:0;width:12px;height:22px;background:repeating-conic-gradient(#fff 0 25%,#111 0 50%) 0 0/6px 6px}.race .mark{position:absolute;top:1px;width:20px;height:20px;margin-left:-10px;transition:left .1s linear;background-size:cover;background-position:center;border:2px solid;transform:skew(-12deg)}.race .ossen{border-color:var(--amber);background-color:#3a3328;background-image:url(/ui/ossen-head.webp);z-index:2}.race .rival{border-color:#ff3b6b;background-color:#222;background-image:url(/ui/rival-head.webp)}.duel span{font:700 11px var(--f-ui);letter-spacing:.28em;color:#ff8aa6}.duel .hp{height:9px;margin-top:6px;border:1px solid rgba(255,59,107,.7);transform:skew(-20deg)}.duel .hp i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#ff2a55,#ff8a3a);transition:width .15s}.tr{position:absolute;right:calc(12px + var(--safe-r));top:calc(10px + var(--safe-t));display:flex;gap:8px;align-items:flex-start;flex-wrap:wrap;justify-content:flex-end;width:50vw}.btn.icon{padding:8px 14px;font-size:13px;letter-spacing:.1em;text-indent:.1em}.btn.icon.off{opacity:.45}#feed{flex-basis:100%;display:flex;flex-direction:column;align-items:flex-end;gap:3px;margin-top:4px}#feed div{font:400 12px var(--f-mono);letter-spacing:.06em;color:#c9d6e2;padding:3px 8px;animation:feedIn .25s ease-out}#feed div:before{content:"▸ ";color:var(--amber)}#feed div em{font-style:normal;color:#ffd24a}@keyframes feedIn{0%{transform:translate(20px);opacity:0}}.bc{position:absolute;left:50%;bottom:calc(14px + var(--safe-b));transform:translate(-50%);width:min(470px,60vw);text-align:center}.pips{display:flex;gap:4px;justify-content:center}.pips i{flex:1;max-width:18px;height:11px;transform:skew(-20deg);border:1px solid rgba(21,204,60,.45);background:#060a1180}.pips i.on{background:var(--gem);border-color:#3dff6a;box-shadow:0 0 8px #15cc3cb3}.pips.full i.on{background:linear-gradient(180deg,#fff1a8,#ffae33);border-color:#ffd08a;box-shadow:0 0 10px #ffae33d9;animation:glowbar .6s ease-in-out infinite alternate}.pips.boost i.on{filter:brightness(1.45)}@keyframes glowbar{to{filter:brightness(1.35)}}.meterLabel{margin-top:6px;font:700 11px var(--f-ui);letter-spacing:.32em;color:#b7f5c4}.meterLabel.full{color:var(--amber-hi);animation:blink .8s steps(2) infinite}@keyframes blink{50%{opacity:.35}}.hull{display:flex;gap:6px;justify-content:center;align-items:center;margin-bottom:8px;font:700 10.5px var(--f-ui);letter-spacing:.28em;color:#ff8aa6}.hull i{width:16px;height:10px;transform:skew(-20deg);background:#ff3b6b;box-shadow:0 0 8px #ff3b6bb3}.hull i.lost{background:transparent;border:1px solid rgba(255,59,107,.4);box-shadow:none}#center{position:absolute;left:0;right:0;top:34%;text-align:center;pointer-events:none}#center div{font:400 clamp(40px,9vw,96px)/1 "Metal Mania",serif;color:#fff2d6;letter-spacing:.04em;text-shadow:0 0 22px rgba(255,90,20,.85),0 4px 0 #3a0a03;animation:slam .35s cubic-bezier(.2,1.6,.4,1)}#center div small{display:block;margin-top:8px;font:700 clamp(12px,2.2vw,18px)/1.3 var(--f-ui);letter-spacing:.3em;color:var(--amber-hi);text-shadow:0 0 10px #000}@keyframes slam{0%{transform:scale(1.8);opacity:0}}#pops{position:absolute;inset:0;overflow:hidden}#pops div{position:absolute;transform:translate(-50%,-50%);font:800 clamp(17px,2.8vw,26px)/1 var(--f-ui);letter-spacing:.08em;color:#fff1c9;text-shadow:0 0 10px rgba(255,120,30,.9),0 2px 0 #000;white-space:nowrap;animation:popUp .9s ease-out forwards}#pops div.big{font-size:clamp(22px,3.8vw,36px);color:#ffd24a}#pops div.cool{color:#b7f5c4;text-shadow:0 0 10px rgba(21,204,60,.9),0 2px 0 #000}@keyframes popUp{to{transform:translate(-50%,-160%);opacity:0}}.touchpad{display:none;position:absolute;right:calc(14px + var(--safe-r));bottom:calc(18px + var(--safe-b));flex-direction:column;gap:14px;align-items:flex-end}body.touch .touchpad{display:flex}body.touch .meterLabel.full{animation:none}.tbtn{width:clamp(96px,18vw,124px);padding:22px 0;font-size:clamp(13px,2.4vw,16px);touch-action:none}.tbtn.storm{opacity:.45}.tbtn.storm.ready{opacity:1}#queenCam{position:fixed;right:calc(16px + var(--safe-r));bottom:calc(16px + var(--safe-b));z-index:4;width:min(260px,24vw);aspect-ratio:1 / 1;display:none;pointer-events:none;overflow:hidden;border-radius:8px;background:#000;border:1px solid rgba(255,174,51,.5);box-shadow:0 0 5px #ffae338c,0 0 26px #ff5e3a47,inset 0 0 30px #00000080}@media(pointer:coarse),(max-width:899px){#queenCam{display:none!important}}#queenCam video{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none}#queenCam canvas{width:100%;height:100%;display:block}#queenCam.qc-raw video{opacity:1}#queenCam.qc-raw canvas{display:none}#queenCam .qc-scan{position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.22) 0 1px,transparent 1px 3px)}#queenCam:after{content:"";position:absolute;left:0;right:0;height:34%;top:-40%;background:linear-gradient(180deg,transparent,rgba(255,255,255,.07) 45%,rgba(255,255,255,.1) 50%,transparent);animation:qcRoll 4.6s linear infinite}@keyframes qcRoll{0%{top:-40%}to{top:110%}}#queenCam .qc-tag{position:absolute;left:0;right:0;bottom:0;padding:14px 9px 5px;text-align:left;font:400 10px var(--f-mono);letter-spacing:.14em;color:#ffd9a0;background:linear-gradient(0deg,#080302e0,#08030200);text-shadow:0 0 7px rgba(255,94,58,.75)}#queenCam.qc-in{animation:queenIn .62s linear both}#queenCam.qc-out{animation:queenOut .5s linear both}@keyframes queenIn{0%{opacity:0;clip-path:inset(44% 0 44% 0);transform:translate(56px) scale(1.3,.14);filter:invert(1) hue-rotate(120deg) brightness(1.7)}8%{opacity:1;clip-path:inset(38% 0 38% 0);transform:translate(-12px) scale(1.16,.34);filter:invert(1) saturate(2.6)}18%{clip-path:inset(6% 0 66% 0);transform:translate(8px) scale(.94,1.05);filter:hue-rotate(-70deg) saturate(3.4) contrast(1.7)}27%{clip-path:inset(60% 0 10% 0);transform:translate(-7px) scaleY(.96);filter:drop-shadow(3px 0 0 rgba(255,0,80,.7)) drop-shadow(-3px 0 0 rgba(0,229,255,.7))}36%{clip-path:inset(0);transform:translate(4px);filter:saturate(2) brightness(1.25)}47%{clip-path:inset(28% 0 44% 0);transform:translate(-9px) scale(1.06,.9);filter:invert(1) hue-rotate(200deg)}56%{clip-path:inset(0);transform:none;filter:none}68%{clip-path:inset(74% 0 4% 0);transform:translate(6px);filter:hue-rotate(45deg) saturate(2.6)}76%{clip-path:inset(0);transform:translate(-3px);filter:drop-shadow(2px 0 0 rgba(255,0,80,.6)) drop-shadow(-2px 0 0 rgba(0,229,255,.6))}to{opacity:1;clip-path:inset(0);transform:none;filter:none}}@keyframes queenOut{0%{opacity:1;clip-path:inset(0);transform:none;filter:none}12%{clip-path:inset(8% 0 64% 0);transform:translate(-10px) scale(1.04,.9);filter:drop-shadow(3px 0 0 rgba(255,0,80,.7)) drop-shadow(-3px 0 0 rgba(0,229,255,.7))}30%{clip-path:inset(52% 0 18% 0);transform:translate(12px) scale(.9,1.1);filter:hue-rotate(90deg) saturate(3)}55%{clip-path:inset(38% 0 38% 0);transform:translate(-6px) scale(1.2,.3);filter:invert(1) brightness(1.7)}70%{opacity:.9;clip-path:inset(47% 0 47% 0);transform:translate(30px) scale(1.3,.12);filter:invert(1) hue-rotate(140deg)}to{opacity:0;clip-path:inset(50% 0 50% 0);transform:translate(70px) scale(1.4,.04);filter:invert(1)}}#queenCam.qc-in canvas,#queenCam.qc-in video{animation:qcIdle 2.7s steps(1) infinite .8s}@keyframes qcIdle{0%{filter:none;transform:none}88%{filter:none;transform:none}89%{filter:saturate(2.4) contrast(1.5) hue-rotate(18deg);transform:translate(2px)}91%{filter:none;transform:none}94%{filter:saturate(.4) brightness(1.3);transform:translate(-2px) scaleY(1.02)}96%{filter:none;transform:none}}@media(max-width:700px){.tc{width:46vw;top:calc(56px + var(--safe-t))}.bc{width:54vw;left:calc(12px + var(--safe-l));transform:none}#feed{display:none}.cta{grid-template-columns:1fr}}@media(max-height:600px)and (orientation:portrait){.brand{margin-top:0}.menu{gap:10px}.credits .fine{font-size:9px;line-height:1.35}}@media(max-height:460px){.brand{margin-top:0}.logo{font-size:58px}.sub{font-size:20px}.menu{width:min(620px,92vw);gap:8px}.menu .btn.big{padding:12px 20px;font-size:18px}.menu .row .btn{padding:9px 16px;font-size:13px}.credits{gap:2px}.credits .ms img{height:20px}.credits .ms.btn{padding:5px 13px 5px 9px;font-size:11px}.credits .links a{font-size:11px}.credits .fine{display:none}.tc{top:calc(8px + var(--safe-t))}.panel{--k: .5;--gap: 12px;gap:8px}.fx-title{font-size:20px}.final{font-size:40px}.tbtn{padding:16px 0;width:92px}}.gk-bubble{position:fixed;left:0;top:0;z-index:15;pointer-events:none;max-width:min(300px,42vw);padding:10px 14px 11px;background:#fffdf6;color:#14100a;border:3px solid #14100a;border-radius:18px;font:800 15px/1.28 var(--f-ui);letter-spacing:.02em;box-shadow:4px 5px #0000008c;transform-origin:12px 100%;animation:gkPop .34s cubic-bezier(.2,1.6,.4,1) both}.gk-bubble:before,.gk-bubble:after{content:"";position:absolute;width:0;height:0;border-style:solid;border-color:transparent}.gk-bubble:before{left:8px;bottom:-21px;border-width:21px 20px 0 0;border-top-color:#14100a}.gk-bubble:after{left:12px;bottom:-13px;border-width:14px 13px 0 0;border-top-color:#fffdf6}@keyframes gkPop{0%{transform:scale(.35);opacity:0}to{transform:scale(1);opacity:1}}@media(max-height:460px){.gk-bubble{font-size:13px;max-width:min(250px,36vw);padding:7px 11px 8px}}@media(prefers-reduced-motion:reduce){.gk-bubble{animation:none}.panel:after,.btn.gold:after,.fx-title,.list li,.credits .ms img{animation:none}#queenCam.qc-in,#queenCam.qc-out,#queenCam.qc-in canvas,#queenCam.qc-in video,#queenCam:after{animation:none}#queenCam.qc-out{opacity:0;transition:opacity .3s}.screen.intro.leaving{animation:none;opacity:0;transition:opacity .3s}}