.playroom{--night:#14132c;--violet:#685bd4;--pink:#ee85b9;--cream:#fff9ed;background:radial-gradient(circle at 8% 0%,#47378c 0%,transparent 25%),radial-gradient(circle at 96% 16%,#412a74 0%,transparent 28%),var(--night);color:#fff;min-height:100vh;padding:0 20px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.playroom *{box-sizing:border-box}.playroom button,.playroom a{font:inherit}.playroom button{cursor:pointer}.playroom button:focus-visible,.playroom a:focus-visible{outline-offset:3px;outline:3px solid #ffe69b}.playroom-header{color:#e3dff9;letter-spacing:.08em;justify-content:space-between;align-items:center;gap:20px;max-width:1150px;margin:auto;padding:24px 0;font-size:13px;font-weight:800;display:flex}.playroom-header a{color:#fff;letter-spacing:0;border:1px solid #8e87bc;border-radius:999px;padding:12px 18px;text-decoration:none}.playroom-hero{background:radial-gradient(circle at 80% 35%,#8156bd,#0000 34%),linear-gradient(130deg,#272050,#48317d 62%,#693f82);border:1px solid #9a7bd3;border-radius:34px;max-width:1150px;margin:14px auto 20px;padding:60px 7% 65px;position:relative;overflow:hidden;box-shadow:0 30px 70px #08071655}.playroom-kicker{z-index:1;color:#ffe2a6;letter-spacing:.16em;text-transform:uppercase;font-size:12px;font-weight:900;position:relative}.playroom-hero h1{z-index:1;letter-spacing:-.065em;max-width:670px;margin:16px 0;font-size:clamp(48px,7vw,94px);line-height:.98;position:relative}.playroom-hero h1 em{color:#ffbddd;font-style:normal;display:block}.playroom-hero>p:last-child{z-index:1;color:#f5eafa;max-width:510px;margin:0;font-size:18px;line-height:1.55;position:relative}.playroom-orbit{border:1px solid #fff4;border-radius:50%;width:290px;height:250px;position:absolute;top:15%;right:5%;transform:rotate(-13deg)}.playroom-orbit:after{content:"";border:1px dashed #fff5;border-radius:50%;position:absolute;inset:25px}.playroom-orbit span{z-index:1;font-size:48px;position:absolute}.playroom-orbit span:first-child{color:#ffdc91;top:-15px;left:22px}.playroom-orbit span:nth-child(2){top:45px;right:25px}.playroom-orbit span:nth-child(3){bottom:15px;left:60px}.playroom-orbit span:nth-child(4){color:#bce7ff;bottom:0;right:-10px}.playroom-tabs{grid-template-columns:repeat(4,1fr);gap:10px;max-width:1150px;margin:0 auto 20px;display:grid}.playroom-tabs button{color:#f6f2ff;text-align:left;background:#252246;border:1px solid #746da2;border-radius:21px;align-items:center;gap:12px;min-height:98px;padding:14px;font-weight:850;display:flex}.playroom-tabs button span{background:#ffffff19;border-radius:16px;flex:none;place-items:center;width:53px;height:53px;font-size:27px;display:grid}.playroom-tabs button.active,.playroom-tabs button:hover{color:#272040;background:#f8b8d8;border-color:#ffd8ea}.playroom-tabs button.active span{background:#fff6f7}.playroom-panel{color:#241f3d;background:#faf6f0;border:1px solid #8d82b6;border-radius:30px;max-width:1150px;min-height:410px;margin:auto;padding:30px}.playroom-panel-head>p{color:#8b4e98;letter-spacing:.17em;margin:0;font-size:12px;font-weight:900}.playroom-panel-head h2{letter-spacing:-.045em;margin:8px 0;font-size:clamp(30px,4vw,46px);line-height:1.05}.playroom-panel-head small{color:#5c5769;font-size:15px}.book-picker{gap:10px;padding:24px 2px 18px;display:flex;overflow-x:auto}.book-picker button{color:#292340;text-align:left;background:#fff;border:1px solid #d5cbe4;border-radius:16px;flex:1 0 190px;min-height:68px;padding:10px 14px;font-weight:800}.book-picker button span{vertical-align:middle;margin-right:10px;font-size:26px}.book-picker button.active{background:#eee5ff;border:2px solid #8060bb}.storybook{background:#efe6fb;border-radius:24px;grid-template-columns:.9fr 1.1fr;min-height:390px;display:grid;overflow:hidden}.storybook.bleu{background:#e2f2ff}.storybook.ruby{background:#ffe6ef}.storybook-picture{background:radial-gradient(circle,#fffa 0%,#0000 40%),linear-gradient(145deg,#b399ed,#735ed8);place-items:center;min-height:390px;display:grid;position:relative}.storybook.bleu .storybook-picture{background:radial-gradient(circle,#fffa 0%,#0000 40%),linear-gradient(145deg,#7ac3fa,#7175d9)}.storybook.ruby .storybook-picture{background:radial-gradient(circle,#fffa 0%,#0000 40%),linear-gradient(145deg,#f4aac9,#c563b0)}.storybook-picture span{filter:drop-shadow(0 14px 20px #3221495c);font-size:140px}.storybook-picture i,.storybook-picture b,.storybook-picture strong{color:#fff2b8;font-size:38px;font-style:normal;position:absolute}.storybook-picture i{top:13%;left:16%}.storybook-picture b{top:14%;right:18%}.storybook-picture strong{bottom:13%;right:18%}.storybook-copy{flex-direction:column;justify-content:center;padding:clamp(24px,5vw,65px);display:flex}.storybook-copy small{color:#72549f;letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:900}.storybook-copy h3{letter-spacing:-.04em;margin:25px 0 10px;font-size:clamp(32px,4vw,54px);line-height:1.05}.storybook-copy p{color:#514967;font-size:19px;line-height:1.5}.storybook-controls{justify-content:space-between;align-items:center;gap:12px;margin-top:25px;display:flex}.storybook-controls button,.garden-tools button,.pattern-actions button,.worm-start{color:#31274a;background:#fff;border:1px solid #9b83c2;border-radius:12px;min-height:48px;padding:10px 17px;font-weight:850}.storybook-controls button:disabled{opacity:.45;cursor:default}.storybook-controls>div{gap:6px;display:flex}.storybook-controls>div span{background:#cbbdda;border-radius:50%;width:9px;height:9px}.storybook-controls>div span.active{background:#6c55a5}.garden-tools{flex-wrap:wrap;gap:10px;margin:24px 0;display:flex}.garden-tools button[aria-pressed=true]{color:#fff;background:#382d60}.glow-garden{background:#e7def1;border-radius:30px;grid-template-columns:repeat(3,1fr);gap:12px;max-width:660px;margin:auto;padding:16px;display:grid}.glow-garden button{aspect-ratio:1.3;background:var(--tile);color:#413463;border:3px solid #fff;border-radius:26px;min-height:94px;font-size:clamp(32px,7vw,62px);transition:transform .15s,box-shadow .15s;box-shadow:inset 0 -12px 18px #33205522}.glow-garden button.lit{box-shadow:0 0 0 4px #8064ce,0 0 30px var(--tile),inset 0 0 22px #fff;transform:scale(.94)}.glow-garden button span{pointer-events:none}.playroom-hint{text-align:center;color:#5a4d71;font-weight:800}.pattern-game{text-align:center;background:#eee8fc;border-radius:23px;max-width:760px;margin:24px auto 0;padding:26px}.pattern-row{justify-content:center;gap:11px;display:flex}.pattern-row span{background:#fff;border:2px solid #d6c8ee;border-radius:19px;place-items:center;width:clamp(58px,12vw,92px);height:clamp(62px,12vw,92px);font-size:clamp(30px,7vw,50px);display:grid}.pattern-row.answer span{background:#faf7ff;border-style:dashed}.pattern-arrow{color:#7c66b2;margin:8px;font-size:29px;display:block}.pattern-choices{flex-wrap:wrap;justify-content:center;gap:12px;margin:23px 0;display:flex}.pattern-choices button{background:#fff;border:2px solid #9a84c5;border-radius:18px;width:76px;height:76px;font-size:40px}.pattern-choices button:disabled{opacity:.45}.pattern-game>p{color:#55447d;min-height:28px;font-weight:800}.pattern-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.pattern-actions button:last-child{color:#fff;background:#7454ad}.worm-layout{grid-template-columns:minmax(0,500px) minmax(200px,1fr);align-items:center;gap:28px;margin-top:26px;display:grid}.worm-board{aspect-ratio:1;background:#241d43;border-radius:21px;grid-template-columns:repeat(10,1fr);gap:3px;width:100%;padding:10px;display:grid}.worm-board span{color:#0000;background:#393056;border-radius:5px;place-items:center;font-size:22px;display:grid}.worm-board span.worm{background:#a5e6d5}.worm-board span.head{color:#1b4c48;background:#61c8b4}.worm-board span.food{color:#ba447e;background:#ffbdd6}.worm-controls>p{color:#504271;min-height:50px;font-size:18px;font-weight:800}.worm-start{color:#fff;background:#7155b2}.direction-pad{grid-template-columns:repeat(3,70px);grid-template-areas:".up.""left down right";gap:8px;margin-top:24px;display:grid}.direction-pad button{color:#4b3479;background:#e9ddff;border:1px solid #a08acd;border-radius:18px;height:70px;font-size:36px;font-weight:800}.direction-pad .up{grid-area:up}.direction-pad .left{grid-area:left}.direction-pad .down{grid-area:down}.direction-pad .right{grid-area:right}.playroom-footer{color:#d7d0f1;justify-content:space-between;gap:20px;max-width:1150px;margin:24px auto 0;padding:18px 0 28px;font-size:13px;display:flex}.playroom-footer a{color:#ffe1a0;font-weight:850;text-decoration:none}@media (width<=850px){.playroom-tabs{grid-template-columns:repeat(2,1fr)}.playroom-orbit{opacity:.55;right:-100px}.storybook{grid-template-columns:1fr}.storybook-picture{min-height:220px}.storybook-picture span{font-size:95px}.worm-layout{grid-template-columns:1fr}.worm-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.worm-controls>p{flex-basis:100%}}@media (width<=520px){.playroom{padding:0 13px}.playroom-header{padding:15px 0;font-size:10px}.playroom-header a{padding:10px}.playroom-hero{border-radius:22px;margin-top:7px;padding:45px 22px}.playroom-hero>p:last-child{font-size:16px}.playroom-orbit{opacity:.32;width:160px;height:160px;top:20px;right:-75px}.playroom-tabs{gap:7px}.playroom-tabs button{border-radius:14px;gap:7px;min-height:77px;padding:9px;font-size:13px}.playroom-tabs button span{width:37px;height:37px;font-size:20px}.playroom-panel{border-radius:20px;padding:17px}.book-picker button{flex-basis:160px}.storybook-picture{min-height:170px}.storybook-copy{padding:22px}.storybook-copy h3{margin:16px 0 4px}.storybook-copy p{font-size:17px}.glow-garden{gap:7px;padding:9px}.glow-garden button{border-radius:16px;min-height:74px}.pattern-game{padding:17px}.pattern-row{gap:5px}.pattern-choices{gap:7px}.pattern-choices button{width:60px;height:60px;font-size:32px}.worm-layout{gap:10px}.worm-board{gap:2px}.worm-board span{font-size:13px}.direction-pad{grid-template-columns:repeat(3,58px)}.direction-pad button{height:58px}.playroom-footer{flex-direction:column;gap:7px}}@media (prefers-reduced-motion:reduce){.playroom *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.playroom-farm{color:#fff;background:linear-gradient(110deg,#23483c,#537856);border:1px solid #a6caa6;border-radius:18px;align-items:center;gap:16px;max-width:1150px;margin:0 auto 20px;padding:15px 22px;text-decoration:none;display:flex}.playroom-farm>span:first-child{font-size:38px}.playroom-farm strong,.playroom-farm small{display:block}.playroom-farm strong{font-size:17px}.playroom-farm small{color:#daefda;margin-top:3px}.playroom-farm>b{color:#ffdfa5;white-space:nowrap;margin-left:auto;font-size:13px}@media (width<=520px){.playroom-farm{gap:9px;padding:12px}.playroom-farm>span:first-child{font-size:29px}.playroom-farm strong{font-size:14px}.playroom-farm small{font-size:11px}.playroom-farm>b{font-size:10px}}.worm-settings{flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0 17px;display:flex}.worm-settings button{color:#392b53;cursor:pointer;background:#fff;border:1px solid #8d78ad;border-radius:9px;min-height:44px;padding:8px 14px;font-weight:800}.worm-settings button[aria-pressed=true]{color:#fff;background:#493775}.worm-settings strong{color:#48356d;margin-left:auto}.playroom-footer{flex-wrap:wrap}