.hero{min-height:900px;background:#08090b}.hero-art{transform:none!important}.hero-art .hero-shade{background:radial-gradient(ellipse at 68% 47%,#20212844,transparent 65%)}.hero-content{z-index:2;max-width:640px;padding-top:170px;pointer-events:none}.hero-content a{pointer-events:auto}.hero h1{font-size:clamp(120px,11.8vw,183px);max-width:570px}.hero-kicker{font-size:9px;letter-spacing:1.5px}.hero-intro{display:block;margin-top:30px}.hero-intro p{font-size:17px}.hero-intro p span{line-height:1.8;font-size:10px}.hero-intro .impact-button{margin-top:25px}.arena-stage{position:absolute;right:-6%;top:30px;width:85%;height:90%;z-index:1;cursor:grab;touch-action:pan-y;outline-offset:-12px;overflow:hidden}.arena-stage.dragging{cursor:grabbing;touch-action:none}.arena-stage canvas{display:block;width:100%;height:100%;outline:none}.arena-loading{position:absolute;inset:43% 15% auto auto;font:800 20px var(--display);letter-spacing:2px;color:#c0c0c0;pointer-events:none}.arena-loading span{display:block;font:11px var(--body);margin-top:12px;letter-spacing:1px;color:#777}.arena-fallback{position:absolute;inset:20% 12% 25% 30%;background:#1b1b1b}.arena-fallback p{font-size:11px;line-height:1.8;padding:15px;color:#aaa}.arena-controls{position:absolute;z-index:6;right:var(--gutter);bottom:125px;width:min(530px,44vw);background:#101114bb;backdrop-filter:blur(12px);border:1px solid #ffffff26;padding:16px 18px 11px}.arena-control-top{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px}.arena-control-top>span{font-size:8px;letter-spacing:1.3px;color:#929292}.arena-control-top>button{background:none;color:#eee;font-size:10px;padding:4px 0}.arena-face-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.arena-face-buttons button{background:#ffffff08;color:#9e9e9e;text-align:left;padding:11px 9px;border:1px solid transparent;min-width:0}.arena-face-buttons small{font:8px Arial;display:block;color:#777;margin-bottom:7px}.arena-face-buttons button>span{font:800 16px var(--display);white-space:nowrap;display:block;overflow:hidden;text-overflow:ellipsis}.arena-face-buttons button.active{border-color:var(--red);background:#ef233414;color:#f7f7f7}.arena-face-buttons button.active small{color:var(--red)}.arena-control-bottom{display:flex;gap:15px;align-items:center;border-top:1px solid #ffffff14;margin-top:13px;padding-top:9px}.arena-control-bottom>button{background:none;font-size:9px;color:#a1a1a1;padding:5px 0}.arena-control-bottom>button:first-child,.arena-control-bottom>button:nth-child(3){font-size:19px;padding:0 6px}.arena-control-bottom #arena-view{margin-left:auto;color:#fff}.hero-bottom{z-index:7;bottom:28px;gap:20px;justify-content:flex-start;letter-spacing:1px}.hero-bottom>button{background:none;color:#aaa;font-size:9px;letter-spacing:.7px;display:flex;align-items:center;gap:9px;padding:4px 0}.hero-bottom>button:hover{color:#fff}.hero-bottom>a{margin-left:auto}.sound-dot{width:6px;height:6px;background:#777;border-radius:50%}#music-toggle[aria-pressed=true] .sound-dot{background:var(--red);box-shadow:0 0 13px var(--red)}.music-volume{display:flex;align-items:center;gap:10px;color:#707070;font-size:8px;letter-spacing:.8px}.music-volume input{width:70px;height:3px;accent-color:var(--red);cursor:pointer}.arena-entry{position:fixed;inset:0;z-index:150;background:#08090be6;backdrop-filter:blur(13px);display:grid;place-items:center;text-align:center;padding:30px}.arena-entry>div{max-width:800px}.arena-entry h2{font:800 italic clamp(80px,10vw,150px)/.81 var(--display);letter-spacing:-.02em;margin:35px 0 26px}.arena-entry p{font-size:16px;letter-spacing:3px;color:#aaa;margin-bottom:34px}.arena-entry .impact-button{gap:60px;padding:22px 30px}.arena-entry #enter-arena-silent{display:block;background:none;color:#777;font-size:11px;margin:21px auto;padding:10px}.arena-entry>div>small{font-size:9px;color:#5f5f5f;letter-spacing:1px}.arena-entry .red-label{font-size:9px;letter-spacing:1.8px}.arena-editor{width:min(880px,94vw);max-height:92svh;overflow:auto;padding:32px;margin:auto;border:1px solid #363636;overscroll-behavior:contain}.arena-editor-heading{display:flex;align-items:center;justify-content:space-between;gap:25px}.arena-editor h2{font-size:28px;margin-top:12px}.arena-editor-heading>button{font-size:34px;background:none;color:#ddd;padding:8px}.editor-help{font-size:11px;line-height:1.9;color:#888;margin:17px 0 23px}.screen-editor-row{display:grid;grid-template-columns:165px 1fr;gap:22px;padding:23px 0;border-top:1px solid #333}.screen-editor-preview{background:#202020;min-width:0}.screen-editor-preview img,.screen-editor-preview video{width:100%;height:auto;aspect-ratio:16/10;object-fit:contain;display:block}.screen-editor-preview>span{display:block;padding:11px 8px;font-size:9px;color:#888;word-break:break-all}.screen-editor-fields>label,.music-editor>label{display:block;font-size:10px;color:#aaa;margin-bottom:12px}.screen-editor-fields input,.screen-editor-fields select{display:block;width:100%;background:#212121;border:1px solid #444;border-radius:0;color:white;padding:10px;font-size:12px;margin-top:7px}.screen-editor-fields input[type=file],.music-editor input[type=file]{background:transparent;border:1px dashed #444;font-size:10px;max-width:100%;padding:10px}.screen-editor-fields input[type=file]::file-selector-button,.music-editor input[type=file]::file-selector-button{background:#333;border:0;color:#eee;padding:7px 10px;margin-right:10px;cursor:pointer}.screen-row-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.screen-row-pair label{font-size:10px;color:#aaa}.editor-actions{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #333;padding-top:22px}.editor-actions>button:first-child{background:none;color:#999;font-size:11px;padding:12px 0}.editor-actions .impact-button{padding:17px 25px}.music-editor{margin-top:30px;padding:25px;background:#1c1c1c}.music-editor h3{font-size:20px}.music-editor>p{color:#999;font-size:11px;line-height:1.8;margin:13px 0 18px}.music-editor>label{margin-top:10px}.music-editor input[type=file]{display:block;width:100%;margin-top:9px;color:#aaa}.music-editor-actions{display:flex;gap:25px;margin-top:15px}.music-editor-actions>button{background:none;color:#eee;font-size:11px;padding:8px 0}.editor-backup{display:flex;justify-content:flex-end;gap:25px;margin-top:25px}.editor-backup>button,.editor-backup>label{font-size:11px;color:#aaa;background:none;cursor:pointer;padding:8px 0}#arena-editor-status{color:var(--red);font-size:12px;line-height:1.8;margin-top:14px;min-height:20px}.arena-entry-open{overflow:hidden}.arena-tooltip{position:absolute;z-index:3;pointer-events:none;background:var(--red);padding:9px 13px;font-size:10px;color:white;transform:translate(15px,15px);opacity:0;transition:opacity .15s}.arena-tooltip.visible{opacity:1}
@media(min-width:1700px){.hero-content{padding-top:195px}.hero h1{font-size:195px}.arena-stage{width:82%;right:-4%}}
@media(max-width:1100px) and (min-width:701px){.hero{min-height:850px}.hero-content{padding-top:160px}.hero h1{font-size:13vw}.arena-stage{right:-18%;width:100%}.hero-intro p{font-size:15px}.arena-controls{width:48vw}.arena-control-top>span{font-size:7px;letter-spacing:.5px}.arena-face-buttons button>span{font-size:13px}.hero-bottom{font-size:8px}}
@media(max-width:700px){.hero{height:960px;min-height:960px;max-height:none}.hero-content{padding-top:118px;max-width:100%;pointer-events:none}.hero-kicker{font-size:8px;letter-spacing:1px}.hero h1{font-size:clamp(70px,20vw,120px);line-height:.8;margin-top:25px;max-width:320px}.hero-intro{position:absolute;top:652px;left:var(--gutter);margin:0;display:flex;gap:20px;align-items:center}.hero-intro p{font-size:13px;white-space:nowrap;letter-spacing:0}.hero-intro p span{font-size:8px;margin-top:7px;letter-spacing:0;white-space:normal;max-width:175px}.hero-intro .impact-button{margin:0;padding:14px 16px;gap:20px;font-size:10px;min-height:44px}.arena-stage{top:254px;right:-9%;width:118%;height:433px;z-index:1}.arena-loading{font-size:14px;right:24%;top:45%}.arena-loading span{font-size:9px}.arena-controls{left:var(--gutter);right:var(--gutter);bottom:135px;width:auto;padding:13px 12px 9px}.arena-control-top{margin-bottom:11px}.arena-control-top>span{font-size:7px;letter-spacing:.7px}.arena-control-top>button{font-size:9px}.arena-face-buttons{gap:4px}.arena-face-buttons button{padding:9px 6px}.arena-face-buttons small{font-size:7px;margin-bottom:5px}.arena-face-buttons button>span{font-size:13px}.arena-control-bottom{gap:15px;margin-top:10px;padding-top:7px}.arena-control-bottom>button{font-size:8px}.hero-bottom{bottom:31px;display:grid;grid-template-columns:1fr auto;row-gap:16px;padding-top:16px;align-items:center}.hero-bottom>button{font-size:8px;letter-spacing:.3px}.hero-bottom>a{font-size:8px;grid-column:2;grid-row:2}.hero-bottom>#music-editor-open{grid-column:1;grid-row:2;font-size:8px}.music-volume{font-size:7px;gap:8px}.music-volume input{width:58px}.hero-bottom a span{font-size:17px}.arena-entry h2{font-size:24vw}.arena-entry p{font-size:13px;margin-bottom:28px;letter-spacing:2px}.arena-entry .red-label{font-size:7px;letter-spacing:1px}.arena-entry .impact-button{font-size:12px;gap:35px;padding:19px 23px}.arena-entry>div>small{font-size:8px}.arena-editor{padding:22px;max-height:94svh}.arena-editor h2{font-size:23px}.arena-editor .red-label{font-size:8px;letter-spacing:.8px}.arena-editor-heading>button{font-size:30px}.editor-help{font-size:10px;line-height:1.8;margin:14px 0 18px}.screen-editor-row{grid-template-columns:1fr;gap:15px;padding:20px 0}.screen-editor-preview{display:flex;align-items:center;gap:12px;background:none}.screen-editor-preview img,.screen-editor-preview video{width:100px;aspect-ratio:16/10}.screen-editor-preview>span{font-size:9px;padding:0}.screen-row-pair{grid-template-columns:1fr;gap:12px}.screen-editor-fields input,.screen-editor-fields select{font-size:11px}.editor-actions{gap:15px}.editor-actions>button:first-child{font-size:10px}.editor-actions .impact-button{font-size:11px;padding:16px 18px;gap:19px}.music-editor{padding:18px;margin-top:25px}.music-editor h3{font-size:18px}.music-editor>p{font-size:10px}.arena-fallback{inset:8% 12% 12%;background:#151515}.arena-fallback p{font-size:10px}}
@media(max-width:360px){.hero-intro{gap:9px}.hero-intro p{font-size:12px}.hero-intro .impact-button{padding:14px 12px;gap:12px}.arena-controls{padding:12px 9px 9px}.arena-control-top>span{font-size:6px}.arena-control-top>button{font-size:8px}.arena-face-buttons button>span{font-size:11px}.arena-control-bottom{gap:10px}}
.arena-stage{mask-image:linear-gradient(90deg,transparent 0%,#000 12%,#000 96%,transparent 100%)}.arena-stage:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#08090b,transparent 12%,transparent 91%,#08090b)}
@media(max-width:700px){.arena-stage{mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}.arena-stage:after{background:linear-gradient(0deg,#08090b,transparent 10%,transparent 91%,#08090b)}}
.nav-sound{background:none;color:#888;font-size:21px;padding:6px;line-height:1;display:flex;align-items:center;justify-content:center}.nav-sound[aria-pressed=true]{color:var(--red)}.arena-stage:focus-visible{outline:1px solid var(--red);outline-offset:-12px}
@media(max-width:700px){.hero-intro{top:620px}.nav-actions{gap:16px}.nav-sound{font-size:19px;padding:4px}}