.starter-name{position:absolute;bottom:2%;left:15%;right:15%;display:flex;align-items:center;justify-content:center;gap:7px;border-radius:12px;background:#fff9e8ed;padding:5px 9px;font-size:14px;color:#34513e}
.starter-name button{border:1px solid #b9cbb8;border-radius:9px;background:#fffef8;color:#34513e;min-height:36px;padding:4px 12px;cursor:pointer;font:inherit}.starter-name button[aria-pressed="true"]{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}
.starter-moon{position:absolute;top:12%;right:10%;color:#fff3b6;font-size:clamp(22px,4vw,44px);pointer-events:none}
.starter-class-actor{position:absolute;left:67%;top:24%;width:31%;height:73%;background-image:url('assets/story-classroom/actor.png');background-size:200% 200%;background-repeat:no-repeat;pointer-events:none;filter:drop-shadow(0 3px 2px #3f472426)}
.starter-class-actor[data-pose="0"]{background-position:0 0}.starter-class-actor[data-pose="1"]{background-position:100% 0}.starter-class-actor[data-pose="2"]{background-position:0 100%}.starter-class-actor[data-pose="3"]{background-position:100% 100%}
.starter-class-controls{position:absolute;bottom:1%;right:1%;display:flex;gap:3px;padding:3px;background:#fff9e8f2;border-radius:10px}.starter-class-controls button{font:inherit;min-width:32px;min-height:34px;padding:2px 5px;border:1px solid #c4d2bd;border-radius:7px;background:#fffdf2;color:#375541;cursor:pointer}
[data-adventure="story-classroom"] .adventure-destination{left:40%;top:82%;width:23%;height:17%}
.starter-snake{position:absolute;left:28%;top:23%;width:44%;height:34%;pointer-events:none}.starter-snake-thumb{position:static}
.starter-pot{position:absolute;pointer-events:none;border-radius:20% 20% 30% 30%;background:linear-gradient(90deg,#ffffff70,transparent 25%,#00000012 85%,#ffffff90),var(--paint);border:2px solid #b2ae8c;box-shadow:inset 0 -5px 0 #ffffff40,0 3px 4px #47371b33;transform:scale(.8)}
.starter-pot::before{content:'';position:absolute;top:-9%;left:-3%;right:-3%;height:27%;border-radius:50%;background:var(--paint);border:3px solid #ece6ca;box-shadow:inset 1px 2px 3px #00000035}
.starter-palette{position:absolute;left:2%;top:34%;width:16%;height:18%;font-size:clamp(26px,4vw,60px);display:grid;place-items:center;pointer-events:none}.starter-heart{position:absolute;left:82%;top:34%;width:16%;height:18%;font-size:clamp(28px,5vw,64px);display:grid;place-items:center;-webkit-text-stroke:1px #696953;pointer-events:none}
.starter-favourite{position:absolute;left:29%;right:29%;top:57%;min-height:30px;border:1px solid #c9b985;border-radius:9px;background:#fff9d9;color:#544c31;padding:3px 5px;font-size:clamp(10px,1.1vw,14px);cursor:pointer}
[data-adventure="story-colour-studio"] .adventure-destination{left:73%;top:20%;width:24%;height:17%}
.starter-eye-shade{position:absolute;inset:0;z-index:3;background:linear-gradient(#152b48,#254c63);opacity:0;pointer-events:none;display:grid;place-items:center;color:#fffbe5;border-radius:inherit;transition:opacity .4s}.starter-eye-shade.is-closed{opacity:1;pointer-events:auto}.starter-eye-shade span{font-size:clamp(15px,2vw,26px)}
.starter-eye-controls{position:absolute;top:16%;right:2%;width:27%;display:flex;flex-direction:column;justify-content:center;gap:5px;z-index:4}.starter-eye-controls button{font:inherit;font-size:clamp(10px,1.1vw,14px);border:1px solid #c7d0b3;border-radius:10px;padding:5px 8px;background:#fffbed;color:#34533e;min-height:32px;cursor:pointer}
.starter-surprise{position:absolute;left:80%;top:78%;font-size:clamp(24px,4vw,44px);pointer-events:none}.starter-surprise[hidden]{display:none}
@media(prefers-reduced-motion:reduce){.starter-eye-shade{transition:none}}
.starter-birthday-cake{position:absolute;left:24%;top:68%;width:52%;aspect-ratio:2024/752;pointer-events:none;container-type:inline-size}
.starter-cake-cutout{position:absolute;inset:0;background-image:url('assets/story-birthday/cake.png');background-size:contain;background-repeat:no-repeat;background-position:center}
.starter-candle-row{position:absolute;bottom:68.45%;height:60%;display:grid;align-items:end;justify-items:center}
.starter-mini-candle{position:relative;display:block;width:78%;aspect-ratio:136/323}.starter-mini-candle img{display:block;width:100%;height:100%;object-fit:contain}
.starter-candle-flame{position:absolute;left:50%;bottom:97.8%;width:16%;height:11%;min-width:1px;min-height:3px;transform:translateX(-50%);background:linear-gradient(#ffe67d,#ffab27 70%,#f36c29);border-radius:70% 60% 50% 50%;filter:drop-shadow(0 0 2px #ffe38c)}
.starter-number-eleven,.starter-number-twelve{position:absolute;top:88%;width:20%;height:11%;display:grid;place-items:center;border-radius:12px;background:#fff8e8e8;border:1px solid #c1b47e;color:#36573d;font-size:clamp(18px,3vw,32px);font-weight:800;pointer-events:none}.starter-number-eleven{left:25%}.starter-number-twelve{left:55%}
.starter-birthday-calendar{position:absolute;left:4%;top:59.5%;width:16%;height:19%;border:2px solid #d4b783;border-top:7px solid #cf777b;border-radius:8px;background:#fff8e8;display:grid;place-items:center;font-size:clamp(22px,4vw,42px);pointer-events:none}
.starter-age-card{position:absolute;left:15%;top:52%;width:20%;height:12%;display:flex;justify-content:center;align-items:center;gap:4px;border:1px solid #dabd87;border-radius:10px;background:#fffbedeb;color:#38573d;font-size:clamp(14px,2vw,24px);pointer-events:none}.starter-age-card strong{font-size:1.3em}
.starter-single-candle{position:absolute;left:87.5%;top:62%;width:5%;height:17%;pointer-events:none}.starter-single-candle img{width:100%;height:100%;object-fit:contain}.starter-single-candle .starter-candle-flame{width:20%;height:12%;bottom:96%}
.starter-count-thumb{display:grid;place-items:center;background:#f7e6bb;color:#355d43;font-size:32px;font-weight:800}
.starter-paint-thumbnail{display:grid;place-items:center;background:#fff8e8}.starter-paint-thumbnail>span{width:65%;height:75%;background:var(--paint);border:2px solid #b2ae8c;border-radius:20% 20% 30% 30%;box-shadow:inset 5px 0 5px #ffffff55}.starter-paint-thumbnail>span::before{content:'';display:block;height:18%;border:2px solid #eee6cf;border-radius:50%;background:var(--paint)}
.starter-single-candle-body{position:absolute;inset:0;background:url('assets/numbers/candles/candle-01.png') center/contain no-repeat}
[data-adventure="story-birthday"] .adventure-destination{left:39%;top:33%;width:22%;height:18%}
@media(max-height:560px)and(orientation:landscape){.starter-class-controls button{min-width:22px;min-height:25px;padding:0 3px;font-size:12px}.starter-class-controls{gap:2px;padding:2px}}
@media(max-width:760px){.starter-name{left:4%;right:4%;gap:5px;font-size:12px;padding:3px 5px}.starter-name button{min-height:34px;padding:3px 10px}}
@media(max-height:560px)and(orientation:landscape){.starter-name{left:3%;right:3%;font-size:10px;gap:3px;padding:2px}.starter-name button{min-height:26px;padding:2px 6px}}

[data-adventure="story-classroom"] .adventure-art{width:min(100cqw,calc(100cqh - 42px));height:min(100cqw,calc(100cqh - 42px));margin-top:42px}