.play{color:#e8eef7;background:#04060f;flex-direction:column;gap:18px;min-height:100dvh;padding:16px clamp(16px,5vw,48px) 48px;font-family:ui-sans-serif,system-ui,-apple-system,sans-serif;display:flex}.play-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.play-mark{letter-spacing:.22em;color:#ffffffd1;font-size:13px;font-weight:600}.play-join{color:#8cf0ff;background:#8cf0ff14;border:1px solid #8cf0ff80;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:600;text-decoration:none}.play-join:hover{background:#8cf0ff2e}.play-stage{grid-template-columns:1fr;gap:14px;display:grid}@media (min-width:900px){.play-stage{grid-template-columns:1.6fr 1fr;align-items:start}}.play-vis{aspect-ratio:16/10;background:radial-gradient(120% 90% at 50% 40%,#0b1226 0%,#04060f 70%);border:1px solid #ffffff17;border-radius:16px;min-height:260px;position:relative;overflow:hidden}.play-vis>*{position:absolute;inset:0}.play-vis-idle{flex-direction:column;justify-content:center;gap:12px;padding:clamp(20px,5vw,44px);display:flex}.play-h1{letter-spacing:-.02em;margin:0;font-size:clamp(28px,5.5vw,52px);font-weight:600;line-height:1.05}.play-sub{color:#e8eef79e;max-width:46ch;margin:0;font-size:14px;line-height:1.6}.play-now{background:#ffffff08;border:1px solid #ffffff17;border-radius:14px;flex-direction:column;gap:10px;padding:16px;display:flex}.play-now-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.play-now-head strong{font-size:16px}.play-clock{color:#8cf0ff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.play-now-line{color:#e8eef7b8;margin:0;font-size:13px;line-height:1.6}.play-voices{flex-direction:column;gap:5px;margin:0;padding:0;list-style:none;display:flex}.play-voices li{color:#e8eef78c;gap:10px;font-size:12px;display:flex}.play-voices b{color:#8cf0ff;min-width:82px;font-family:ui-monospace,monospace;font-weight:500}.play-controls{align-items:center;gap:12px;margin-top:4px;display:flex}.play-vol{color:#e8eef780;flex:1;align-items:center;gap:8px;font-size:11px;display:flex}.play-vol input{accent-color:#8cf0ff;flex:1}.play-stop{cursor:pointer;color:#e8eef7cc;background:0 0;border:1px solid #ffffff38;border-radius:8px;padding:7px 14px;font-size:12px}.play-stop:hover{border-color:#ffffff73}.play-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;display:grid}.play-card{text-align:left;cursor:pointer;color:inherit;background:#ffffff08;border:1px solid #ffffff1a;border-radius:13px;flex-direction:column;align-items:flex-start;gap:6px;padding:14px;transition:border-color .18s,background .18s;display:flex}.play-card:hover{background:#8cf0ff0f;border-color:#8cf0ff73}.play-card.on{background:#8cf0ff1f;border-color:#8cf0ff}.play-card-name{font-size:15px;font-weight:600}.play-card-hz{color:#8cf0ff;font-family:ui-monospace,monospace;font-size:11px}.play-card-line{color:#e8eef78c;font-size:12px;line-height:1.55}.play-ended{background:#8cf0ff12;border:1px solid #8cf0ff59;border-radius:13px;flex-wrap:wrap;align-items:center;gap:12px;padding:16px;display:flex}.play-ended p{color:#e8eef7cc;flex:260px;margin:0;font-size:13px;line-height:1.6}.play-cta{color:#04060f;background:#8cf0ff;border-radius:999px;padding:10px 18px;font-size:13px;font-weight:600;text-decoration:none}.play-again{color:#e8eef799;cursor:pointer;background:0 0;border:none;font-size:12px;text-decoration:underline}.play-foot{border-top:1px solid #ffffff12;flex-direction:column;gap:10px;margin-top:auto;padding-top:20px;display:flex}.play-foot p{color:#e8eef76b;max-width:70ch;margin:0;font-size:11px;line-height:1.6}.play-foot nav{flex-wrap:wrap;gap:16px;display:flex}.play-foot a{color:#e8eef78c;font-size:11px;text-decoration:none}.play-foot a:hover{color:#8cf0ff}.play-gate{z-index:900;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#02040adb;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.play-gate-card{background:#0a0f1c;border:1px solid #ffffff1f;border-radius:16px;flex-direction:column;gap:14px;width:min(480px,100%);max-height:88vh;padding:24px;display:flex;overflow-y:auto}.play-gate-card h2{margin:0;font-size:19px;font-weight:600}.play-gate-lead{color:#e8eef7a8;margin:0;font-size:13px;line-height:1.6}.play-gate-card ul{flex-direction:column;gap:7px;margin:0;padding-left:18px;display:flex}.play-gate-card li{color:#e8eef7c7;font-size:13px;line-height:1.5}.play-gate-consent{color:#e8eef7a8;align-items:flex-start;gap:10px;font-size:12px;line-height:1.5;display:flex}.play-gate-consent input{accent-color:#8cf0ff;margin-top:2px}.play-gate-consent a{color:#8cf0ff}.play-gate-row{justify-content:flex-end;gap:10px;display:flex}.play-gate-no{color:#e8eef780;cursor:pointer;background:0 0;border:none;padding:10px 12px;font-size:12px}.play-gate-yes{color:#04060f;cursor:pointer;background:#8cf0ff;border:none;border-radius:999px;padding:10px 18px;font-size:13px;font-weight:600}.play-gate-yes:disabled{opacity:.4;cursor:default}.play-join-block{background:#8cf0ff0d;border:1px solid #8cf0ff47;border-radius:14px;flex-direction:column;gap:10px;padding:20px;display:flex}.play-join-block h2{margin:0;font-size:17px;font-weight:600}.play-join-block>p{color:#e8eef7a8;max-width:60ch;margin:0;font-size:13px;line-height:1.6}.play-wait{flex-wrap:wrap;gap:8px;display:flex}.play-wait input{min-width:0;font:inherit;color:#e8eef7;background:#04060f99;border:1px solid #ffffff2e;border-radius:999px;flex:220px;padding:10px 14px;font-size:13px}.play-wait input::placeholder{color:#e8eef761}.play-wait input:focus{border-color:#8cf0ff;outline:none}.play-wait button{cursor:pointer;color:#04060f;background:#8cf0ff;border:none;border-radius:999px;padding:10px 20px;font-size:13px;font-weight:600}.play-wait button:disabled{opacity:.45;cursor:default}.play-wait-done{color:#8cf0ff;margin:0;font-size:13px}.play-wait-error{color:#e2564f;margin:0;font-size:12px}.play>main{flex-direction:column;gap:18px;min-width:0;display:flex}.play :is(button,a):focus-visible,.play input:focus-visible{outline-offset:4px;outline:2px solid #8cf0ff}.play :is(.play-stop,.play-again,.play-join,.play-cta,.play-gate-no,.play-gate-yes){justify-content:center;align-items:center;min-height:44px;display:inline-flex}.play-vol input{min-width:0;min-height:44px}@media (prefers-reduced-motion:reduce){.play-card{transition:none}}:is(html:has(.play),body:has(.play)){height:auto;min-height:100%;overflow:hidden auto}body:has(.play) .site-footer{background:#04060f;position:static}.play-vis{aspect-ratio:auto;height:clamp(240px,40dvh,360px);min-height:240px}.play-stage:not(:has(.play-now)){grid-template-columns:minmax(0,1fr)}.play-grid{grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr))}.play-top{flex-wrap:wrap;padding:0}.play-nav{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.play-nav a{align-items:center;min-height:44px;display:inline-flex}.play-home{color:inherit;padding:8px 12px;text-decoration:none}