:root{font-family:Arial,sans-serif;color:#e6e9da;background:#101c1c;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer;border:1px solid #455348;background:#24392f;color:#eef2dd;border-radius:9px;padding:11px 15px;font-weight:700}button:hover{background:#37513c}button:disabled{opacity:.5;cursor:default}button[aria-pressed=false]{color:#9eaa9d;background:#172824}header{min-height:86px;display:flex;align-items:center;justify-content:space-between;padding:16px 28px;gap:20px;border-bottom:1px solid #304038}.brand{display:flex;gap:13px;align-items:center}.mark{background:#dfe6ab;color:#254232;border-radius:12px;font-size:30px;padding:6px 13px}small,.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#b3c4a8}h1{font-size:21px;margin:6px 0}.tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.tools button{font-size:11px}.tools label{font-size:10px;display:grid;gap:5px}.tools input{width:80px;accent-color:#dbe891}main{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px;padding:22px 28px}.scene-heading{display:flex;justify-content:space-between;align-items:center;padding:6px 0 20px}.scene-heading h2{font-size:30px;margin:6px 0 0}.scene-heading p{font-size:12px;color:#9db09d}#scene{position:relative;aspect-ratio:16/9;min-height:320px;overflow:hidden;border:1px solid #47614f;border-radius:16px;background:#102b2b}canvas{width:100%;height:100%;display:block}.scene-badge{position:absolute;left:18px;top:18px;background:#192e2bc9;border:1px solid #6d7c4c;color:#e4e9a3;padding:9px 12px;border-radius:20px;font-size:10px;letter-spacing:1px}#dog-speech{position:absolute;right:11%;top:13%;background:#f2edce;color:#263d30;border-radius:14px 14px 3px;padding:10px 16px;font-weight:700;font-size:clamp(10px,1.2vw,18px);box-shadow:0 8px 25px #0005}.transport{display:flex;gap:10px;align-items:center;padding:18px 0}.transport span{font-size:12px;color:#bdc9b4;margin-right:auto}.primary{background:#e0e99d;color:#233d2a;border-color:#e0e99d}.primary:hover{background:#eef6b7}.history{display:flex;align-items:center;gap:18px;border-top:1px solid #31483b;padding-top:20px;flex-wrap:wrap}.history ol{display:flex;gap:8px;list-style:none;padding:0;margin:0;flex-wrap:wrap;counter-reset:picks}.history li{background:#294438;border-radius:20px;padding:8px 12px;font-size:12px;counter-increment:picks}.history li:before{content:counter(picks)". ";color:#d0df9e}#empty{font-size:12px;color:#8da48e}aside{background:#e9eddc;color:#294030;border-radius:16px;padding:22px;align-self:start}aside .eyebrow{color:#6e805f}aside h2{font-size:24px;margin:8px 0}.intro{font-size:12px;line-height:1.6;color:#697d62}.student{display:flex;gap:10px;align-items:center;margin:14px 0}.avatar{width:44px;height:66px;flex-shrink:0;background:#c9d4bc;border-radius:8px;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.student label{display:block;font-size:10px;color:#6a7b62;margin-bottom:5px}.student input{width:100%;min-width:0;background:#fffef4;border:1px solid #9dab8c;border-radius:7px;padding:10px;color:#243b2c;font-weight:700}.student input:focus{outline:3px solid #a8bb64;outline-offset:1px}.student .info{flex:1;min-width:0}.student.chosen .avatar{opacity:.4}.student.chosen label:after{content:" · CHOSEN";color:#526e28}.hint{font-size:11px;line-height:1.7;color:#6d7b65;border-top:1px solid #cbd4be;padding-top:16px}details{border-top:1px solid #cbd4be;padding-top:16px;font-size:12px}summary{cursor:pointer;font-weight:700}details label{display:block;margin-top:12px}textarea{width:100%;margin:8px 0;border:1px solid #9dab8c;border-radius:8px;padding:10px;resize:vertical}details button{width:100%}details p{font-size:10px;color:#6e7e64}#loading{position:absolute;inset:0;display:grid;place-items:center;background:#17322d;z-index:4}#result{position:absolute;inset:0;background:#0c1e1ba8;backdrop-filter:blur(5px);display:grid;place-items:center;z-index:5}#result[hidden]{display:none}.result-card{width:min(390px,90%);background:#f0efd9;color:#263f30;border-radius:20px;text-align:center;padding:30px}.result-card .eyebrow{color:#798959}.result-card h2{font-size:38px;margin:15px 0}.result-card h3{font-size:18px}.result-card p{font-size:12px;color:#768166}.result-card button{width:100%;margin-top:15px;background:#34553a;color:#f3f6de}#red-alert{display:none;position:fixed;inset:0;z-index:9999;background:#f00b;pointer-events:none;place-items:center;color:#fff;font:700 12vw Arial}#red-alert.active{display:grid;animation:alarm .5s linear 2}@keyframes alarm{50%{background:#a000007a}}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:1100px){header{flex-wrap:wrap}main{grid-template-columns:1fr}.scene-heading p{font-size:11px}aside{width:100%}#roster{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:0 20px}}@media(max-width:600px){header{padding:15px}.tools{gap:6px}.tools button{padding:9px;font-size:10px}main{padding:14px;gap:18px}.scene-heading{display:block}.scene-heading h2{font-size:24px}#scene{min-height:0;aspect-ratio:16/10}.transport{flex-wrap:wrap}.transport span{width:100%;font-size:11px}.scene-badge{font-size:7px;top:8px;left:8px;padding:6px}.result-card{padding:14px}.result-card h2{font-size:25px;margin:5px}.result-card h3{font-size:14px;margin:6px}.result-card p{font-size:10px;margin:6px}.result-card button{padding:8px;margin:7px 0}.result-card .eyebrow{font-size:8px}#dog-speech{padding:6px;top:14%;right:6%;font-size:9px}.history{gap:10px}#roster{display:block}}@media(prefers-reduced-motion:reduce){#red-alert.active{animation:none}}.player-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:15px 0}.player-controls button{padding:9px 12px}.player-controls output{font-weight:700;margin-right:auto}.student{position:relative;border-bottom:1px solid #c6d0b9;padding-bottom:12px}.student select{width:100%;border:1px solid #a4b190;border-radius:6px;padding:7px;background:#fffef2;color:#28402f;margin-top:5px;font-size:11px}.remove-player{align-self:start;padding:3px 7px;background:transparent;color:#875846;border-color:#c7b8a7;font-size:15px}.outfit{display:grid;grid-template-columns:1fr 1fr;gap:5px}.dog-controls{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:10px 0 16px}.dog-controls span{font-size:11px;color:#b9cba6;margin-right:8px}.dog-controls button{font-size:11px;padding:8px 11px}.dog-controls button[aria-pressed=true]{background:#dbe598;color:#263b27}.joint-controls{font-size:12px;margin-bottom:15px;color:#bdd0ae}.joint-controls label{display:flex;gap:10px;align-items:center;margin:8px 0}.joint-controls input{accent-color:#dfe790}.joint-controls summary{margin-bottom:8px}.avatar{height:78px;width:49px}.scene-badge{font-weight:700;background:#f1d34e;color:#263b20}#roster{max-height:640px;overflow-y:auto}@media(max-width:1100px){#roster{max-height:none}}select{font-family:inherit}.outfit{grid-template-columns:1fr}.student select{font-size:12px}.player-controls button[hidden]{display:none}.student .remove-player{flex-shrink:0}.dog-controls button{min-height:36px}#dog-speech{max-width:38%;font-size:clamp(10px,1.1vw,17px);line-height:1.35;top:7%;right:6%}#voice-status{font-size:12px;max-width:280px;color:#dfe99d}.avatar{-o-object-fit:contain;object-fit:contain}.host-picker{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:16px 0}.host-picker label{font-weight:700}.host-picker select{padding:10px;border-radius:8px;background:#f0efd9;color:#243b2b;font-size:16px}.host-picker small{font-size:11px;letter-spacing:0;font-weight:400;max-width:340px}:root{font-family:Arial,Helvetica,sans-serif;background:#0b1716;color:#e8efda;color-scheme:dark}body{background:radial-gradient(ellipse at 20% 0%,#20382c 0,transparent 55%),#0b1716;min-height:100vh}button,select,input{transition:background .15s,border-color .15s,box-shadow .15s}button:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #f7d978;outline-offset:4px}header{max-width:1800px;margin:auto;padding:20px 32px;border-bottom:1px solid #ffffff14;align-items:center}.brand{flex-wrap:wrap}.brand .mark{font-size:28px;border-radius:50%;width:48px;height:48px;display:grid;place-items:center;padding:0;box-shadow:0 0 35px #def49915}.back-link{width:100%;font-size:12px;color:#bfceb4;text-decoration:none;margin-bottom:5px}.back-link:hover{color:#fff}h1{font-size:23px;letter-spacing:-.6px}.tools{max-width:620px;justify-content:flex-end}.tools button{min-height:38px;font-size:12px;padding:9px 12px;background:#1b3026}.tools label{font-size:11px}#voice-status{width:100%;max-width:none;text-align:right;min-height:15px;font-size:11px;color:#9db79e}#hear-dog{color:#e8edba;border-color:#617a4d}main{max-width:1800px;margin:auto;grid-template-columns:minmax(0,1fr) 330px;padding:26px 32px;gap:28px}.quick-guide{display:flex;gap:24px;align-items:center;margin:0 0 20px;color:#aebea5;font-size:12px}.quick-guide span{display:flex;align-items:center;gap:7px}.quick-guide b{display:grid;place-items:center;width:22px;height:22px;border:1px solid #587349;border-radius:50%;color:#dfeaab;font-size:10px}.scene-heading h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(30px,3.1vw,47px);letter-spacing:-1px}.scene-heading{align-items:end;padding-bottom:22px}.scene-heading p{max-width:235px;text-align:right;line-height:1.7;color:#a1b299}#scene{min-height:0;aspect-ratio:16/9;border-radius:18px;border-color:#526848;box-shadow:0 22px 70px #0004}#dog-speech{box-shadow:0 4px 16px #0003;font-size:clamp(10px,1.05vw,17px);max-width:37%;right:4%;top:5%;padding:10px 13px;line-height:1.35}.scene-badge{font-size:10px;letter-spacing:.6px;box-shadow:0 3px 20px #0002}.transport{gap:8px;flex-wrap:wrap;padding:18px 0 24px}.transport span{font-size:13px;line-height:1.5;flex:1;min-width:150px}.transport button{min-height:44px}#start{background:#e0eb9b;box-shadow:0 3px 16px #c5f05b12;padding-inline:22px}#pause{background:transparent}#reset{background:transparent;color:#b2c3a9;border-color:#3e5447}.host-picker{padding:20px 0 12px;border-top:1px solid #ffffff14}.host-picker label{font-size:13px;color:#d4dfc3}.host-picker select{min-width:220px;background:#f1f1db;color:#263c2c;border:1px solid #9aae7d;font-weight:700}.host-picker small{display:block;flex-basis:100%;max-width:none;font-size:10px;color:#93a78e}.dog-controls{gap:6px}.dog-controls button{padding:8px 12px;min-height:38px}.dog-controls>span{display:none}.motion-label{margin-right:auto;font-size:11px;color:#b8c8a9;display:flex;align-items:center;gap:7px}.motion-label select{border:1px solid #516647;color:#dae8c3;background:#1c3025;padding:8px;border-radius:8px;font-size:12px}.joint-controls{border-top:0;padding-top:6px}.joint-controls summary{color:#90aa87;font-size:11px}#joint-sliders{display:grid;grid-template-columns:1fr 1fr;gap:5px 20px;padding:8px 0}#joint-sliders label{display:grid;gap:6px}.history{gap:12px;padding:20px 0 30px}.history .eyebrow{font-size:10px}#round-count{font-size:12px;color:#cbe59a;background:#203827;padding:6px 10px;border-radius:8px}#empty{font-size:12px}aside{background:linear-gradient(145deg,#f3f3df,#e2e9cf);padding:24px;border:1px solid #b3c499;box-shadow:0 12px 30px #0002;color-scheme:light}.intro{line-height:1.7;margin-bottom:18px}aside h2{font-family:Georgia,serif;font-size:29px;font-weight:400}.player-controls{gap:6px}.player-controls button{font-size:11px;min-height:34px;padding:7px 9px}.player-controls output{font-size:14px}.student{gap:10px;margin:16px 0;padding-bottom:16px}.avatar{width:51px;height:66px;border-radius:12px;background:#c7d3b8}.student input{font-size:15px;background:#fffef5;padding:10px}.student select{font-size:11px;padding:7px 5px;margin-top:3px;min-height:31px}.outfit{grid-template-columns:1fr 1fr;gap:4px}.outfit select:first-child{grid-column:1/-1}.remove-player{min-width:25px;min-height:27px}#roster{max-height:640px;padding-right:4px;scrollbar-color:#a0b18a transparent;scrollbar-width:thin}.hint{font-size:10px}.result-card{background:#f2f3dd;border:1px solid #d5e3b1;box-shadow:0 20px 70px #0006;animation:reveal .28s ease-out}.result-card h2{font-family:Georgia,serif;font-size:46px;overflow-wrap:anywhere}.result-card h3{font-size:16px;font-weight:400}.result-card .eyebrow{color:#6c8159}#loading{display:flex;flex-direction:column;gap:20px;justify-content:center;align-items:center;font-size:14px;background:#183328}.loading-orbit{font-size:42px;color:#dcea9f;animation:orbit 3s linear infinite}.no-script{position:fixed;inset:20px;z-index:999;background:#f0efd9;color:#263c2c;padding:35px}.no-script a{color:inherit}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes reveal{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}@media(min-width:1350px){aside{position:sticky;top:20px}}@media(max-width:1100px){header{padding:18px 24px}.tools{max-width:none}.brand .back-link{width:auto;margin-right:16px}main{grid-template-columns:1fr;padding:24px}.quick-guide{margin-top:0}aside{margin-top:10px}#roster{max-height:none;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:0 24px}.scene-heading h2{font-size:38px}.scene-heading p{max-width:300px}.tools{justify-content:flex-start}#voice-status{text-align:left}.host-picker small{max-width:500px;flex-basis:auto}}@media(max-width:600px){header{padding:16px;gap:14px}.brand{gap:9px}.brand .back-link{width:100%;margin-bottom:3px}.brand .mark{width:37px;height:37px;font-size:22px}h1{font-size:21px}.brand small{font-size:8px}.tools{gap:6px}.tools button{font-size:10px;padding:8px;min-height:34px}.tools label{font-size:10px}.tools input{width:63px}main{padding:16px;gap:10px}.quick-guide{gap:12px;justify-content:space-between;font-size:9px;margin-bottom:18px}.quick-guide b{width:18px;height:18px;flex-shrink:0}.quick-guide span{gap:4px}.scene-heading{padding-bottom:16px}.scene-heading h2{font-size:31px;letter-spacing:-.7px}.scene-heading p{text-align:left;margin:10px 0 0;font-size:11px;max-width:none}.eyebrow{font-size:9px}#scene{aspect-ratio:16/10;border-radius:12px}.scene-badge{font-size:7px;left:7px;top:7px;padding:6px 7px}#dog-speech{font-size:8px;padding:6px 7px;max-width:39%;right:3%;top:4%}.transport{padding:14px 0 20px;gap:7px}.transport span{flex-basis:100%;font-size:12px;margin-bottom:2px}.transport button{padding:10px 12px;min-height:42px;font-size:12px}#start{flex:1}.host-picker{gap:9px;padding-top:17px}.host-picker label{font-size:12px}.host-picker select{font-size:13px;min-width:0;flex:1}.host-picker small{font-size:9px;line-height:1.5}.motion-label{width:100%;margin-bottom:5px}.dog-controls button{padding:7px 10px;min-height:35px;font-size:10px}aside{padding:20px}#roster{display:block}.result-card{padding:22px}.result-card h2{font-size:32px;margin:10px 0}.result-card h3{font-size:14px}.result-card p{font-size:12px}.result-card button{padding:12px}.history{gap:10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.result-card,.loading-orbit{animation:none}button,input,select{transition:none}}header .tools{row-gap:7px}.scene-heading h2{margin:4px 0 0}.scene-heading p{margin:0}.quick-guide{margin-bottom:14px}.scene-heading{padding-top:0}.back-link{color:#c9d8be}.tools button:hover{background:#344e39}*{letter-spacing:0!important}header{padding:12px 20px;min-height:64px}.brand small,.mark{display:none}main{padding:16px 20px;gap:20px}#scene{border-radius:8px;min-height:0;aspect-ratio:16/9}aside{background:#edf3ee;border-radius:8px;padding:16px}aside h2{font-size:20px}.student input{background:#fff}.transport{padding:12px 0}.character-options{margin:10px 0 16px;padding:12px 0;border-color:#455348}.character-options .dog-controls button{width:auto}.host-picker{flex-wrap:wrap}.host-picker small{font-size:10px;line-height:1.5}#voice-status{font-size:11px}.result-card{border-radius:8px;max-height:100%;overflow:auto}.result-card h2,#history li{overflow-wrap:anywhere}@media(max-width:600px){header{padding:12px}.brand h1{font-size:19px}.tools{gap:6px}.tools button{min-height:36px}main{padding:12px}.transport button{flex:1;padding:10px 6px}.transport span{width:100%}#scene{aspect-ratio:16/9}.result-card h2{font-size:22px}}#dog-speech{top:5%;left:3%;right:auto;max-width:43%}