.halay-screen,.halay-stage{width:100%;position:relative}.halay-stage{aspect-ratio:9/16;overflow:hidden;border-radius:22px;container-type:inline-size;background:#b3c9a5;color:#30483e;font-family:var(--font-body),system-ui,sans-serif}.halay-stage canvas{display:block;width:100%;height:100%}.halay-banner{position:absolute;inset:3.3% 5% auto;text-align:center}.halay-eyebrow{font-size:2cqw;letter-spacing:.2em;font-weight:800}.halay-banner h1{font-size:9cqw;line-height:1.05;margin:1cqw 0;color:#30483e;text-shadow:0 2px #ffeccc;font-family:Georgia,serif;letter-spacing:-.06em}.halay-banner p{font-size:2.7cqw;margin:1.5cqw 0}.halay-chips{display:flex;justify-content:center;gap:1.5cqw;margin-top:2cqw}.halay-chips span{background:#fff6dcdb;border:1px solid #d6c29c;padding:1cqw 2cqw;border-radius:99px;font-size:1.9cqw;font-weight:700}.halay-tempo{position:absolute;inset:22% 8% auto;font-size:2.3cqw;text-align:center;font-weight:800}.halay-tempo>div{height:1cqw;background:#f7e7c4;border-radius:99px;overflow:hidden;margin:1cqw auto;max-width:36cqw;box-shadow:0 0 0 1px #9c8f6a55}.halay-tempo i{height:100%;display:block;background:linear-gradient(90deg,#619381,#d0ad49,#c64c4e);transition:width .5s}.halay-tempo small{font-size:1.7cqw}.halay-bottom{position:absolute;inset:auto 9% 2%}.halay-masters{background:#fff8e9ed;border:1px solid #c4ad8099;border-radius:2cqw;padding:1.8cqw 3cqw;color:#35483d;box-shadow:0 5px 25px #273c3020}.halay-masters>.halay-eyebrow{display:none}.halay-masters h2{font-family:Georgia,serif;font-size:3.2cqw;margin:0 0 1cqw}.halay-masters ol{list-style:none;padding:0;margin:0;display:grid;gap:.5cqw}.halay-masters li{display:flex;gap:1.6cqw;align-items:center;font-size:2cqw;min-height:2.4cqw}.halay-masters li b{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.halay-rank{width:2.8cqw;color:#a57c35;font-weight:800}.halay-masters li small{font-size:1.6cqw}.halay-masters p{font-size:2.3cqw}.halay-commands{margin:1.5cqw 0 0;text-align:center;font-size:1.8cqw;font-weight:700;line-height:1.5;color:#3e4c3d}.halay-offline{inset:45% 10% auto;background:#fff1d6f0;border-radius:12px;padding:20px;font-size:3cqw}.halay-full,.halay-offline{position:absolute;text-align:center}.halay-full{top:76%;left:20%;right:20%;font-size:1.8cqw}.halay-sound{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:12px;background:#1b2929;color:#fff;border-radius:12px}.halay-sound iframe{border:0;min-width:200px;min-height:200px}.halay-live{background:#182822;min-height:100dvh;display:flex;justify-content:center}.halay-live>.halay-screen{max-width:calc(100dvh * 9 / 16)}.halay-live .halay-stage{border-radius:0}.halay-leader-overlay{width:min(100vw,700px);container-type:inline-size;padding:16px}.halay-leader-overlay .standalone{border-radius:20px;padding:28px}.halay-leader-overlay .halay-eyebrow{display:block;font-size:12px;margin-bottom:15px}.halay-leader-overlay h2{font-size:32px}.halay-leader-overlay li{font-size:18px;padding:8px 0;gap:16px;min-height:32px;border-bottom:1px solid #dfd3b9}.halay-leader-overlay .halay-rank{width:28px}.halay-leader-overlay li small{font-size:12px}.halay-leader-overlay p{font-size:16px}body:has(.halay-leader-overlay){background:transparent}.halay-loading{padding:40px;min-height:100dvh;background:#263f36;color:#fff7dc}.halay-studio-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,380px);gap:28px;align-items:start}.halay-preview{position:sticky;top:20px}.halay-settings{display:grid;gap:18px}.halay-settings details{background:var(--surface,#172326);border:1px solid #ffffff18;border-radius:16px;padding:22px}.halay-settings summary{cursor:pointer;font-size:18px;font-weight:700;list-style:none;display:flex;justify-content:space-between}.halay-settings summary:after{content:"＋";color:#d3ed91}.halay-settings details[open] summary:after{content:"−"}.halay-settings details[open] summary{margin-bottom:20px}.halay-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.halay-fields label,.halay-settings label:not(.halay-check){display:grid;gap:8px;font-size:13px}.halay-settings input,.halay-settings select,.halay-settings textarea{min-width:0;width:100%;padding:10px;border:1px solid #ffffff25;border-radius:8px;background:#0e191c;color:#f0f1e9}.halay-settings input[type=checkbox]{width:18px;height:18px;accent-color:#c8ee7c}.halay-check{display:flex;gap:10px;align-items:center;padding:8px 0;font-size:14px}.halay-help{font-size:13px;line-height:1.6;color:#b4c3be}.halay-actions{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}.halay-actions .button{min-height:38px;padding:9px 13px;font-size:13px}.halay-gift-row,.halay-track-row{display:grid;gap:9px;padding:14px 0;border-bottom:1px solid #ffffff15}.halay-gift-row{grid-template-columns:1fr 1fr}.halay-gift-row button{align-self:end}.halay-track-row{grid-template-columns:1fr 1fr}.halay-track-row label:has(input[type=url]){grid-column:1/-1}.halay-save{position:sticky;bottom:12px;z-index:2;display:flex;align-items:center;gap:14px;background:#182b25f2;border:1px solid #839b5944;border-radius:12px;padding:12px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.halay-save p{margin:0;font-size:13px}.halay-status{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0;font-size:12px}.halay-status span{padding:6px 10px;border-radius:99px;background:#ffffff0c}.game-switcher{display:flex;gap:8px;margin-bottom:22px}.game-switcher a{padding:10px 18px;border-radius:9px;border:1px solid #ffffff20;color:inherit;text-decoration:none;font-size:14px}.game-switcher a[aria-current=page]{background:#c7ed84;color:#16241e}.halay-entry{background:linear-gradient(145deg,#28483c,#536b43)!important;overflow:hidden;position:relative}.halay-entry h2{font-family:Georgia,serif;font-size:40px}.halay-entry:after{content:"✦";position:absolute;right:15px;bottom:0;font-size:190px;color:#e8c57522;pointer-events:none}.halay-link-box{display:flex;align-items:center;gap:8px;margin:8px 0}.halay-link-box input{flex:1 1}.halay-preview>p{font-size:12px;color:#a7b7ac}.halay-demo-notice{color:#b5c3b9;font-size:12px;text-align:center;margin:8px 0}.halay-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.halay-public{padding:64px 0}.halay-public h1{font-size:clamp(40px,6vw,80px)}.halay-public .halay-feature-grid article{padding:24px;border:1px solid #ffffff20;border-radius:16px}.halay-public p{line-height:1.7}@media (max-width:1100px){.halay-studio-grid{grid-template-columns:minmax(0,1fr) 280px}}@media (max-width:800px){.halay-studio-grid{grid-template-columns:1fr}.halay-preview{position:static;grid-row:1;max-width:340px;margin:auto;width:100%}.halay-fields{grid-template-columns:1fr 1fr}.halay-feature-grid{grid-template-columns:1fr}.halay-settings details{padding:16px}.halay-save{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.halay-tempo i{transition:none}}.saas .halay-banner p{color:#3d5548;font-size:2.7cqw;line-height:1.4}.saas .halay-commands{color:#3e4c3d;font-size:1.8cqw;font-weight:700}.halay-settings fieldset{border:0;padding:0;margin:0;min-width:0}.halay-public-shot{width:min(300px,80vw);height:auto;border-radius:20px;float:inline-end;margin:0 0 28px 28px}.halay-public:after{content:"";display:block;clear:both}@media (max-width:800px){.halay-public-shot{float:none;margin:0 auto 24px;display:block}}.brand-lockup{display:inline-flex;align-items:center;gap:9px;direction:ltr;flex-shrink:0}.brand-lockup img{object-fit:contain;flex:0 0 36px}.brand-wordmark{display:flex;flex-direction:column;font:800 16px/1.06 Arial,sans-serif;letter-spacing:-.4px;color:#f3f5e9;text-align:left}.brand-wordmark>span{color:#dafd75;font-size:14px}@media (max-width:900px){.sidebar .brand-wordmark{display:none}}