.story-board{position:relative;z-index:2;--story-ink:#35575b;--story-accent:#648c75;--story-paper:#eef0d9;max-width:1100px;margin:26px auto 42px;border-radius:15px;background:var(--story-paper);color:var(--story-ink);overflow:hidden;box-shadow:0 12px 45px #3d4f4821;text-align:left;border:1px solid #fff8}
.story-board[data-story-style=circuit],.story-board[data-story-style=workshop]{--story-paper:#dce7e0;--story-accent:#497d7c;--story-ink:#31565b}.story-board[data-story-style=orbit]{--story-paper:#e6e0f0;--story-accent:#8d79a1;--story-ink:#5e587f}.story-board[data-story-style=ocean]{--story-paper:#d3e8e4;--story-accent:#557e96;--story-ink:#315c72}.story-board[data-story-style=archive],.story-board[data-story-style=print]{--story-paper:#eee1c2;--story-accent:#9d785c;--story-ink:#715941}.story-board[data-story-style=architecture],.story-board[data-story-style=city]{--story-paper:#e2e6e3;--story-accent:#79968c}.story-board[data-story-style=collage]{--story-paper:#ebdbd4;--story-accent:#a77676;--story-ink:#70575c}.story-board[data-story-style=mineral],.story-board[data-story-style=strata]{--story-paper:#e8d7bb;--story-accent:#8e8464;--story-ink:#705b45}
.story-board .story-intro{padding:25px 30px 20px}.story-intro>span{font-size:11px;letter-spacing:2px;font-weight:600}.story-board .story-intro h2{font-family:Georgia,'Noto Serif SC','Songti SC',serif;font-size:30px;line-height:1.4;margin:10px 0;color:var(--story-ink);font-weight:500}.story-board .story-intro p{font-size:13px;line-height:1.8;margin:0;max-width:680px;color:var(--story-ink);opacity:.85}.story-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:0}.story-world{align-self:start;position:sticky;top:85px}.story-world svg{display:block;width:100%;height:auto}.story-world-caption{font-size:11px;padding:14px 25px;line-height:1.8;opacity:.8}.story-work{padding:0 24px 20px}.story-resource{display:flex;gap:25px;padding:9px 0 15px;border-bottom:1px solid #50685d22;font-size:11px}.story-resource span{display:flex;align-items:center;gap:13px}.story-resource b{font-size:17px;font-weight:500}.story-resource .over{color:#b9654c}.story-objectives{display:flex;gap:14px;margin:16px 0 19px}.story-objectives>div{flex:1;font-size:11px}.story-objectives span{display:flex;justify-content:space-between;gap:8px}.story-objectives b{font-weight:500}.story-objectives i{display:block;height:4px;background:#63856b22;margin-top:7px;border-radius:3px;overflow:hidden}.story-objectives em{display:block;height:100%;background:var(--story-accent);transition:width .25s ease;border-radius:3px}.story-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.story-board .story-options button{position:relative;padding:12px 9px 10px 38px;background:#fff7;color:var(--story-ink);text-align:left;border-radius:8px;border:1px solid #7c857333;cursor:pointer;min-height:78px;transition:background .18s,transform .18s,border-color .18s;box-shadow:0 2px 0 #5b6d5e12;line-height:1.4;white-space:normal;margin:0;width:auto;display:block}.story-options button:hover{transform:translateY(-2px);background:#fff9}.story-board .story-options button[aria-pressed=true]{border-color:var(--story-accent);background:color-mix(in srgb,var(--story-accent) 15%,#fff);box-shadow:inset 0 -3px 0 color-mix(in srgb,var(--story-accent) 28%,transparent)}.story-piece-symbol{position:absolute;left:12px;top:12px;font-size:18px;color:var(--story-accent)}.story-options strong{font-size:12px;display:block;font-weight:600}.story-options small{font-size:10px;display:block;opacity:.8;margin-top:4px}.story-options em{font-size:9px;font-style:normal;display:block;opacity:.75;margin-top:4px;line-height:1.5}.story-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}.story-board .story-actions button{font-size:11px;min-height:37px;border:1px solid #71837455;border-radius:6px;padding:9px 11px;cursor:pointer;color:var(--story-ink);background:#ffffff44;box-shadow:none}.story-board .story-actions button:first-child{background:var(--story-accent);border-color:var(--story-accent);color:#fffcf1}.story-actions button:disabled{opacity:.4;cursor:default}.story-feedback{font-size:11px;line-height:1.9;min-height:38px;margin:12px 0 0!important;color:var(--story-ink)!important}.story-collection{padding:14px 25px;display:flex;gap:18px;align-items:center;background:#ffffff32;border-top:1px solid #50685d22;font-size:10px;flex-wrap:wrap}.story-collection>span{opacity:.5}.story-collection>span.collected{opacity:1}.story-collection b{font-family:Georgia,serif;border:1px solid #7b8c6e55;width:30px;height:30px;display:inline-grid;place-items:center;margin-right:6px;border-radius:50%;font-size:13px}.story-collection small{margin-left:auto;font-size:9px;opacity:.7}.story-board button:focus-visible{outline:3px solid var(--story-accent);outline-offset:3px}
.story-leaf{animation:story-leaf 4.5s ease-in-out infinite}.story-float{animation:story-float 5s ease-in-out infinite}.story-swim{animation:story-swim 7s ease-in-out infinite;animation-delay:var(--delay)}.story-grow{animation:story-grow .38s ease-out backwards;animation-delay:var(--delay)}.story-signal{stroke-dasharray:350;animation:story-signal 3s ease-in-out infinite}@keyframes story-leaf{50%{transform:rotate(5deg)}}@keyframes story-float{50%{transform:translateY(-5px)}}@keyframes story-swim{50%{transform:translateX(12px)}}@keyframes story-grow{from{opacity:.4;transform:translateY(4px)}}@keyframes story-signal{50%{stroke-dashoffset:20;opacity:.7}}
.experience .wardrobe-thumb{display:inline-flex;gap:7px;align-items:center}.wardrobe-thumb i{display:inline-block;width:17px;height:24px;background:linear-gradient(var(--cloth) 55%,var(--trouser) 55%);clip-path:polygon(22% 0,78% 0,100% 14%,100% 48%,80% 48%,80% 100%,54% 100%,50% 67%,46% 100%,20% 100%,20% 48%,0 48%,0 14%)}
@media(max-width:1150px){.story-board{margin-left:22px;margin-right:22px}.story-work{padding-left:18px;padding-right:18px}.story-intro{padding-left:24px!important;padding-right:24px!important}.story-options{gap:6px}.story-board .story-options button{padding-left:31px}.story-piece-symbol{left:9px}}
@media(max-width:760px){.story-board{margin:20px 15px 30px}.story-layout{grid-template-columns:1fr}.story-world{position:static}.story-world svg{max-height:240px}.story-board .story-intro{padding:20px 20px 15px}.story-board .story-intro h2{font-size:25px}.story-intro>span{font-size:9px}.story-board .story-intro p{font-size:12px}.story-work{padding:0 17px 17px}.story-world-caption{padding:10px 20px;font-size:10px}.story-options strong{font-size:11px}.story-options small{font-size:9px}.story-options em{font-size:8px}.story-board .story-options button{min-height:85px}.story-collection{gap:9px;padding:12px 17px}.story-collection small{width:100%;margin-left:0;font-size:8px}}
@media(prefers-reduced-motion:reduce){.story-board *{animation:none!important;transition:none!important}}
.skill-campaign{max-width:1100px;margin:25px auto 30px;padding:23px 27px;display:flex;align-items:center;gap:23px;border:1px solid var(--lab-border);border-radius:13px;background:var(--lab-panel);color:var(--lab-ink);text-align:left;box-shadow:0 8px 30px #3f455d12}.campaign-medal{position:relative;flex:none;width:69px;height:90px;background:var(--lab-soft);border:1px solid var(--lab-border);border-radius:35px 35px 10px 10px;display:grid;place-items:center}.campaign-medal>span{font-family:Georgia,serif;font-size:30px;color:var(--lab-accent)}.campaign-medal i{position:absolute;bottom:9px;font-style:normal;font-size:12px;color:var(--lab-accent)}.campaign-copy{flex:1}.campaign-copy>span{font-size:10px;letter-spacing:1.5px;color:var(--lab-accent)}body .campaign-copy h2{font-family:Georgia,'Songti SC',serif;font-size:24px;line-height:1.5;margin:6px 0;color:var(--lab-ink);font-weight:500}.campaign-copy>p{font-size:12px;line-height:1.8;margin:0 0 8px;color:var(--lab-ink);opacity:.8}.campaign-message{display:block;line-height:1.8;font-size:10px;color:var(--lab-accent)}.campaign-copy label{display:block;font-size:11px;margin:12px 0}.campaign-copy select{background:var(--lab-soft);border:1px solid var(--lab-border);color:var(--lab-ink);padding:6px;border-radius:5px;margin-left:10px}.campaign-controls{display:grid;gap:8px;flex:none;min-width:145px}.skill-campaign .campaign-controls button{background:var(--lab-soft);color:var(--lab-ink);border:1px solid var(--lab-border);font-size:11px;border-radius:6px;padding:10px 13px;cursor:pointer;box-shadow:none;white-space:normal;width:auto;margin:0;min-height:37px}.skill-campaign .campaign-controls button:first-child{background:var(--lab-accent);color:#fffdf5;border-color:var(--lab-accent)}.campaign-controls button:disabled{opacity:.55;cursor:default}.campaign-controls>span{text-align:center;font-size:9px;opacity:.6}.skill-campaign[data-campaign=music-memory] .campaign-medal{border-radius:50%;height:69px;background:repeating-radial-gradient(circle,var(--lab-panel) 0 8px,var(--lab-soft) 9px 11px)}.skill-campaign[data-campaign=typing-speed] .campaign-medal{border-radius:5px;box-shadow:4px 4px 0 var(--lab-border);height:69px}.skill-campaign[data-campaign=map-challenge] .campaign-medal{clip-path:polygon(50% 0,100% 22%,100% 78%,50% 100%,0 78%,0 22%);border-radius:0;background:var(--lab-soft)}@media(max-width:1150px){.skill-campaign{margin-left:22px;margin-right:22px}}@media(max-width:700px){.skill-campaign{margin:18px 16px;padding:19px 17px;gap:14px;flex-wrap:wrap}.campaign-medal{width:51px;height:70px}.campaign-medal>span{font-size:24px}.campaign-copy{min-width:210px}.campaign-controls{width:100%;grid-template-columns:1fr 1fr;align-items:center}.campaign-controls>span{grid-column:1/-1}.campaign-copy h2{font-size:21px!important}.campaign-copy>p{font-size:11px}}
.campaign-ghost{display:grid;gap:5px;margin:10px 0;max-width:350px}.campaign-copy .campaign-ghost label{display:flex;align-items:center;gap:10px;font-size:9px;margin:0}.campaign-ghost i{display:block;flex:1;background:var(--lab-soft);height:4px;border-radius:4px;overflow:hidden}.campaign-ghost b{display:block;height:100%;width:0;background:var(--lab-accent);transition:width .25s linear}.campaign-ghost label+label b{opacity:.45}
body[data-lab-experiment=memory-test] .card-board{padding:18px;border-radius:14px;background:#8ea8b0;box-shadow:inset 0 3px 12px #4c6a6f22}body[data-lab-experiment=memory-test] .card-front{background:repeating-linear-gradient(45deg,#7794ac 0 7px,#829cb1 7px 9px);border:3px solid #dee1c6;color:#ece5b3;box-shadow:inset 0 0 0 5px #7590a6}body[data-lab-experiment=memory-test] .card-back{background:#f6e7c9!important;border:3px solid #d8c59b;box-shadow:inset 0 0 0 5px #ebdbba}body[data-lab-experiment=memory-test] .card-back .lab-pixel-sprite{width:58px;height:58px;image-rendering:pixelated}body[data-lab-experiment=memory-test] .card-cell.matched .card-back{background:#d1e0c9!important;border-color:#84ab91;box-shadow:inset 0 0 0 5px #c4d6ba;animation:none}body[data-lab-experiment=memory-test] .card-inner{transition:transform .38s cubic-bezier(.2,.65,.2,1)}body[data-lab-experiment=music-memory] .game-btn{border-radius:18px!important;border:2px solid #f4edd566!important;box-shadow:inset 0 0 0 7px #ffffff25,0 7px 0 #576f7a44!important;transition:transform .1s,filter .15s,box-shadow .15s!important}body[data-lab-experiment=music-memory] .game-btn:active,body[data-lab-experiment=music-memory] .game-btn.active{transform:translateY(4px) scale(.98)!important;filter:brightness(1.2)!important;box-shadow:inset 0 0 0 7px #ffffff55,0 2px 0 #576f7a33!important}body[data-lab-experiment=music-memory] .btn-red{background:#ba897d!important}body[data-lab-experiment=music-memory] .btn-blue{background:#709aaa!important}body[data-lab-experiment=music-memory] .btn-green{background:#8fa98a!important}body[data-lab-experiment=music-memory] .btn-yellow{background:#cbb277!important}body[data-lab-experiment=typing-speed] .char.correct{color:#547c68!important;background:#d8e3d17a}body[data-lab-experiment=typing-speed] .char.wrong{color:#ac6650!important;background:#e5c2b080}body[data-lab-experiment=typing-speed] .char.current{border-bottom:2px solid #b48b4f;background:#e5d5ad55}body[data-lab-experiment=logo-guess] canvas{background:#f0e5cf;border:8px solid #e7d8b7;box-shadow:0 0 0 1px #b8aa8c,0 10px 25px #5e64441a}body[data-lab-experiment=map-challenge] .map-container{border:8px solid #e5d4b2;box-shadow:0 10px 25px #666f5822;border-radius:6px}body[data-lab-experiment=color-challenge] .color-swatch{box-shadow:inset 0 0 0 7px #ffffff35,0 7px 0 #8f8c7044;border-radius:12px!important}body[data-lab-experiment=boss-approval] .request-card{background:repeating-linear-gradient(0deg,#f4e8c9 0 27px,#e6d6b6 27px 28px)!important;box-shadow:5px 6px 0 #c6b69a44!important;transform:rotate(-.5deg);border-radius:3px!important}.story-walk{animation:story-walk 6s ease-in-out infinite}@keyframes story-walk{50%{transform:translate(12px,-3px)}}@media(prefers-reduced-motion:reduce){.story-walk{animation:none!important}}
.story-collection>button{font-size:10px;color:var(--story-ink);background:none;border:0;cursor:pointer;padding:0;display:inline-flex;align-items:center;opacity:.5}.story-collection>button.collected{opacity:1}.story-collection>button:disabled{cursor:default}.story-options button:disabled{cursor:default}.story-gallery{max-width:min(92vw,620px);border:1px solid #c2b8a0;background:#f2ecda;color:#5d756c;border-radius:15px;padding:25px;box-shadow:0 25px 100px #22192a66}.story-gallery::backdrop{background:#28203966;backdrop-filter:blur(8px)}.story-gallery h2{font:25px Georgia,'Songti SC',serif;margin:0 0 18px}.story-gallery svg{display:block;width:100%;height:auto;border-radius:9px}.story-gallery p{font-size:12px;line-height:1.8}.story-gallery small{display:block;font-size:11px;opacity:.7}.story-gallery>button{display:block;margin:20px auto 0;padding:11px 27px;border:0;border-radius:6px;background:#668d7b;color:#fff6e7;font-size:12px;cursor:pointer}
.story-gallery{position:fixed;inset:0;margin:auto;width:min(92vw,620px);max-height:92dvh;overflow:auto}.story-gallery::backdrop{background:#28203980}
.experience .wardrobe-gallery{display:flex;gap:10px;overflow-x:auto;max-width:100%;width:100%;padding:8px 2px 15px;scrollbar-width:thin}.experience .wardrobe-gallery .wardrobe-thumb{display:flex;flex-direction:column;gap:6px;flex:none;width:91px;padding:6px;background:#fff5e1;min-height:115px;font-size:9px}.wardrobe-gallery .wardrobe-thumb img{display:block;width:72px;height:95px;image-rendering:pixelated;border-radius:3px}.wardrobe-gallery .wardrobe-thumb i{margin-top:25px;transform:scale(2)}
.gate-readout{display:flex;gap:10px;width:100%}.experience .gate-choice{flex:1;text-align:left}.gate-choice strong,.gate-choice small{display:block}.gate-choice strong{font-size:14px;font-weight:600}.gate-choice small{font-size:10px;margin-top:5px;opacity:.85}@media(max-width:700px){.experience{--hud-height:56px}.experience .stage-hud .hud-secondary{font-size:10px;line-height:1.4;max-width:58%}.gate-readout{gap:7px}.gate-choice strong{font-size:12px}.gate-choice small{font-size:10px}}
.story-gallery-switch{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.story-gallery-switch button{border:1px solid #8ca38f66;background:#e1e9d5;color:#58786b;padding:8px 12px;border-radius:5px;font-size:11px;cursor:pointer}.story-gallery-switch button[aria-pressed=true]{background:#678e7d;color:#fff7e5}@media(prefers-reduced-motion:reduce){.story-gallery *{animation:none!important;transition:none!important}}
.skill-archive{position:fixed;inset:0;margin:auto;width:min(92vw,650px);max-height:88dvh;overflow:auto;padding:28px;border:1px solid #a9aa9a;border-radius:14px;background:#eeeadb;color:#53695f;box-shadow:0 25px 100px #21182d77}.skill-archive::backdrop{background:#25203966;backdrop-filter:blur(7px)}.skill-archive h2{font:24px Georgia,serif;margin:0 0 20px}.skill-archive h3{font-size:13px;margin:20px 0 10px}.skill-archive article{border-left:2px solid #9aac95;padding:8px 15px;margin:7px 0;background:#fff4}.skill-archive p{font-size:12px;line-height:1.9;margin:5px 0}.skill-archive b{font-size:11px}.skill-archive>button{display:block;margin:20px auto 0;padding:11px 24px;border:0;border-radius:6px;background:#628977;color:#fff7df;cursor:pointer;font-size:12px}
body[data-lab-experiment=deep-sea] .story-board{z-index:60}