/* Group setup above the player; arrows lead from playback into the orb. */
.session-controls{position:absolute;left:8%;top:17%;width:35%;font:400 clamp(16px,1.7cqw,22px)/1.35 Kedebideri,Arial,sans-serif}
.session-options{display:grid;gap:1cqw;padding:1.5cqw;background:#c8c3d4;color:#211c2a;border:2px solid;border-color:#f7f3ff #686174 #686174 #f7f3ff;box-shadow:4px 5px 0 #0007}
.step-heading{margin:0;font:400 clamp(19px,2cqw,26px)/1.3 Kedebideri,Arial,sans-serif}
.session-options>.step-heading{padding-bottom:.85cqw;border-bottom:1px solid #978da9;margin-bottom:.1cqw}
.duration,.screensaver-option{position:static;width:auto;display:grid;grid-template-columns:1fr 1.7fr;gap:.9cqw;align-items:center;font:inherit;color:inherit}
.session-options select{min-width:0;width:100%;font:inherit;font-size:clamp(15px,1.55cqw,20px);padding:.7cqw .55cqw;min-height:38px;color:#221d2d;background:#f6f3fb;border:1px solid #7c728d;border-radius:3px;box-shadow:inset 0 1px 2px #2a193422}
.session-options select:hover:not(:disabled){background:#fff}.session-options select:disabled{opacity:.75}
.play-heading{display:flex;align-items:center;justify-content:center;gap:.7cqw;margin:1.3cqw 0 .9cqw;color:#eee6ff;text-shadow:0 1px 5px #000;font-size:clamp(17px,1.7cqw,22px)}
.flow-down{font:2.7cqw/1 Arial,sans-serif;color:#c1b3e6}
.player{position:relative;left:auto;top:auto;width:100%;margin:0;aspect-ratio:362/197;filter:drop-shadow(3px 4px 0 #0005)}
.player-title{font-size:clamp(16px,1.65cqw,22px);left:8%;width:55%;top:12%;height:30%;flex-direction:column;gap:.45cqw;line-height:1.2;white-space:nowrap}
#session-clock{font-size:clamp(14px,1.4cqw,18px);font-variant-numeric:tabular-nums;color:#d9d7e4}
.transport{top:55.1%;height:17.63%}
.transport button{display:grid;place-items:center}
.transport button svg{width:24%;height:44%}
.transport #help{font-size:clamp(11px,1.2cqw,16px)}
.transport #help .start-label{gap:.25cqw}
.transport #help .start-icon{width:1.35cqw;height:1.35cqw;flex-basis:1.35cqw;min-width:13px;min-height:13px}
.volume-control{display:grid;grid-template-columns:1fr 2.2fr;align-items:center;gap:1cqw;margin-top:1cqw;padding:.8cqw 1.3cqw;background:#c8c3d4;color:#211c2a;border:1px solid;border-color:#f7f3ff #686174 #686174 #f7f3ff;box-shadow:3px 4px 0 #0006}
.volume-control input{width:100%;min-width:0;accent-color:#6e588f;cursor:pointer;min-height:28px;margin:0}
.flow-to-orb{position:absolute;left:44%;top:51%;width:4%;color:#cec1f1;text-align:center;font:3.1cqw/1 Arial,sans-serif;text-shadow:0 2px 5px #000}
.collection-access{position:absolute;left:8%;top:84%;width:35%}
.archive-launch{position:static;max-width:100%;width:max-content;padding:1cqw 1.2cqw;font:400 clamp(16px,1.65cqw,22px)/1.25 Kedebideri,Arial,sans-serif;background:#d3cbdc;border-color:#fff7ff #685c73 #685c73 #fff7ff;white-space:normal;text-align:center}
.orb-workspace{position:absolute;left:49%;top:20.5%;width:44%}
.orb{position:relative;left:auto;top:auto;width:100%;box-shadow:0 0 0 1px #b5a8d033,0 0 35px #ada0ff10}
.intention-form{left:8%;width:84%}
.entry-label{display:block;font:400 clamp(18px,1.9cqw,25px)/1.3 Kedebideri,Arial,sans-serif;color:#f2ecff;margin-bottom:1.2cqw;text-shadow:0 2px 6px #000,0 0 12px #000}
.intention-entry{background:#e3dcea;color:#211c2a;border:2px solid;border-color:#fff9ff #7a6a8c #7a6a8c #fff9ff;box-shadow:3px 4px 0 #0008}
.intention-entry:focus-within{border-color:#fff #aa8ccd #aa8ccd #fff;box-shadow:0 0 0 3px #b694dd44,3px 4px 0 #0008}
#words{font:400 clamp(17px,1.85cqw,24px)/1.4 Kedebideri,Arial,sans-serif;height:5.8cqw;min-height:60px;max-height:8cqw;padding:1cqw;color:#211c2a;scrollbar-color:#82758f #e3dcea}
#words::placeholder{color:#675b74}
#send{width:auto;min-width:6.8cqw;padding:0 .65cqw;font:400 clamp(15px,1.55cqw,20px)/1.2 Kedebideri,Arial,sans-serif;white-space:nowrap;color:#fff7ff;background:#68527e;border-left:1px solid #867295}
#send:hover:not(:disabled){background:#79618e}#send:disabled{opacity:1;color:#786e80;background:#cec4d6}
#enter-hint{display:inline-block;font:400 clamp(14px,1.4cqw,18px)/1.4 Kedebideri,Arial,sans-serif;margin-top:1cqw;padding:.3cqw .6cqw;color:#ede7f5;background:#17141dcc;border-radius:3px}
#video-error{left:49%;top:85%;width:43%;font:16px/1.4 Kedebideri,Arial,sans-serif;background:#201c28;padding:8px}
@media(max-width:740px){
 html,body{height:auto;min-height:100%;overflow:auto}body{display:block}
 .station{width:100%;aspect-ratio:auto;padding:26px 20px;min-height:100svh;border:6px ridge #a4a1af;background:#0c1019}
 .frame{display:none}.session-controls,.orb-workspace{position:relative;left:auto;top:auto;width:100%}
 .session-controls{font-size:18px}.step-heading{font-size:23px}
 .session-options{padding:16px;gap:14px}.session-options>.step-heading{padding-bottom:12px}.session-options select{font-size:17px;padding:8px}
 .play-heading{margin:16px 0 12px;font-size:19px;gap:10px}.flow-down{font-size:30px}
 .player{max-width:430px;margin:0 auto}.player-title{font-size:19px;gap:5px}#session-clock{font-size:16px}
 .transport #help{font-size:14px}.transport #help .start-icon{width:16px;height:16px;flex-basis:16px}
 .volume-control{margin-top:12px;padding:10px 14px}
 .flow-to-orb{position:relative;display:block;left:auto;top:auto;width:100%;font-size:0;line-height:1;margin:22px 0 12px}.flow-to-orb:after{content:'↓';font-size:32px}
 .orb{max-width:540px;margin:auto}.entry-label{font-size:20px;margin-bottom:12px}
 #words{font-size:18px;min-height:66px;padding:10px;max-height:100px}#send{font-size:16px;min-width:67px}#enter-hint{font-size:15px;margin-top:12px;padding:4px 7px}
 .collection-access{position:static;width:100%;margin-top:26px;text-align:center}.archive-launch{padding:12px 14px;font-size:18px}
 #video-error{position:static;width:auto}
}
@media(min-width:741px) and (max-height:560px){html,body{height:auto;overflow:auto}.station{width:min(100vw,1280px)}}

@media(min-width:741px) and (max-width:900px){.session-controls{top:12%}.orb-workspace{top:18%}}