html,body{color:#fff8e7;overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:#1b2440;height:100%;margin:0;font-family:ui-rounded,system-ui,sans-serif;overflow:hidden}#game{inset:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);position:fixed}#rotate{z-index:10;text-align:center;background:#2b3a67;flex-direction:column;justify-content:center;align-items:center;gap:16px;font-size:28px;font-weight:700;display:none;position:fixed;inset:0}#rotate p{margin:0}#rotate button{min-width:64px;min-height:64px;color:inherit;background:0 0;border:3px solid #fff8e7;border-radius:16px;font-size:32px}#rotate .phone{animation:2.4s ease-in-out infinite turn}@keyframes turn{0%,30%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}@media (prefers-reduced-motion:reduce){#rotate .phone{animation:none;transform:rotate(-90deg)}}@media (orientation:portrait) and (pointer:coarse) and (width<=600px){#rotate{display:flex}}#world,#touch{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}#touch{pointer-events:none}#title{pointer-events:none;flex-direction:column;justify-content:space-between;align-items:center;padding:6vh 0 8vh;transition:opacity .8s;display:flex;position:absolute;inset:0}#title.gone{opacity:0}#title h1{letter-spacing:.02em;color:#fff8e7;-webkit-text-stroke:3px #1b2440;paint-order:stroke fill;text-shadow:0 6px #1b2440,0 10px 24px #1b244059;margin:0;font-size:clamp(40px,11vh,96px)}#title p{color:#fff8e7;-webkit-text-stroke:2px #1b2440;paint-order:stroke fill;align-items:center;gap:14px;margin:0;font-size:clamp(18px,5vh,32px);font-weight:700;display:flex}#title .ripple{border:3px solid #fff8e7;border-radius:50%;width:.8em;height:.8em;animation:1.8s ease-in-out infinite ripple;box-shadow:0 0 0 2px #1b2440}@keyframes ripple{50%{opacity:.4;transform:scale(1.4)}}#speak{pointer-events:auto;background:#1b244059;border:3px solid #fff8e7;border-radius:16px;width:64px;height:64px;font-size:32px;position:absolute;top:12px;right:12px}@media (prefers-reduced-motion:reduce){#title .ripple{animation:none}}#join{pointer-events:none;flex-direction:column;justify-content:space-between;padding:12px 16px 14px;transition:opacity .4s;display:flex;position:absolute;inset:0}#join.hidden{opacity:0;visibility:hidden}#join button{pointer-events:auto;font:inherit;color:#fff8e7;background:#1b244073;border:3px solid #fff8e7;border-radius:18px;min-width:64px;min-height:64px;font-weight:700}#join .join-top{justify-content:center;align-items:center;display:flex;position:relative}#join h2{-webkit-text-stroke:3px #1b2440;paint-order:stroke fill;margin:0;font-size:clamp(26px,8vh,52px)}#join .speak{font-size:30px;position:absolute;top:0;right:0}#join .join-bottom{flex-direction:column;align-items:center;gap:8px;display:flex}#join .slots{gap:14px;display:flex}#join .slot{pointer-events:auto;cursor:pointer;background:#1b244059;border:3px dashed #fff8e7b3;border-radius:18px;flex-direction:column;align-items:center;gap:4px;width:clamp(84px,19vh,124px);padding:8px 4px;transition:transform .2s;display:flex}#join .slot button{background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;min-width:0;min-height:0;padding:0;display:flex}#join .slot .avatar{aspect-ratio:1;background:var(--slot);border:3px solid #1b2440;border-radius:50%;place-items:center;width:clamp(44px,13vh,70px);font-size:clamp(24px,8vh,42px);display:grid}#join .slot .who-name{white-space:nowrap;-webkit-text-stroke:1px #1b2440;paint-order:stroke fill;font-size:clamp(13px,3.8vh,19px);font-weight:700}#join .slot .role-pick{gap:4px;flex-direction:row!important}#join .slot .role{font-size:clamp(16px,4.5vh,24px)}#join .slot .role-name{white-space:nowrap;-webkit-text-stroke:1px #1b2440;paint-order:stroke fill;font-size:clamp(13px,3.6vh,18px);font-weight:700}#join .slot .device{white-space:nowrap;-webkit-text-stroke:1px #1b2440;paint-order:stroke fill;font-size:clamp(14px,4vh,20px);font-weight:700}#join .slot.joined{border-style:solid;border-color:var(--slot);background:#1b24408c;transform:scale(1.06)}#join .slot:not(.joined) .avatar{opacity:.5;border-style:dashed}#join .join-actions{gap:14px;display:flex}#join .touch-join,#join .play{padding:0 22px;font-size:clamp(20px,6vh,30px)}#join .play{color:#1b2440;background:#ffc857;border-color:#1b2440}#join .play:disabled{opacity:.4}#join .join-hint{-webkit-text-stroke:1px #1b2440;paint-order:stroke fill;margin:0;font-size:clamp(12px,3.4vh,16px);font-weight:700}#join [hidden]{display:none}.toast{color:#1b2440;white-space:nowrap;background:#ffc857;border:3px solid #1b2440;border-radius:22px;align-items:center;gap:12px;padding:10px 14px 10px 22px;font-size:clamp(18px,5.5vh,30px);font-weight:700;transition:opacity .4s,transform .4s;display:flex;position:absolute;top:80px;left:50%;transform:translate(-50%);box-shadow:0 6px #1b2440}.toast.hidden{opacity:0;pointer-events:none;transform:translate(-50%,-30px)}.toast button{background:#fff8e7;border:3px solid #1b2440;border-radius:14px;width:52px;height:52px;font-size:26px}#world{transition:opacity .5s}#game.fading #world{opacity:0}.rune-menu{background:#1b244059;place-items:center;transition:opacity .25s;display:grid;position:absolute;inset:0}.rune-menu.hidden{opacity:0;visibility:hidden}.rune-card{border:4px solid var(--owner,#fff8e7);text-align:center;background:#3b2f6b;border-radius:28px;padding:14px 20px 18px;box-shadow:0 8px #1b2440}.rune-top{justify-content:center;align-items:center;gap:14px;display:flex}.rune-prompt{font-size:clamp(48px,16vh,96px);line-height:1}.rune-menu button{font:inherit;color:#1b2440;background:#fff8e7;border:3px solid #1b2440;border-radius:16px;min-width:56px;min-height:56px}.rune-question{margin:6px 0 12px;font-size:clamp(16px,5vh,26px);font-weight:700}.rune-choices{justify-content:center;gap:16px;display:flex}.rune-choice{aspect-ratio:1;width:clamp(84px,24vh,132px);transition:transform .15s;font-size:clamp(40px,13vh,72px)!important}.rune-choice.selected{outline:5px solid var(--owner,#ffc857);outline-offset:3px;transform:scale(1.08)}.rune-choice.hint{animation:1s ease-in-out infinite rune-hint}@keyframes rune-hint{50%{box-shadow:0 0 24px 8px #ffd36b}}.emote-tray{align-items:center;gap:8px;display:flex;position:absolute;top:12px}.emote-tray.zone-full,.emote-tray.zone-left{left:12px}.emote-tray.zone-right{flex-direction:row-reverse;right:12px}.emote-tray button{border:3px solid var(--owner);background:#1b244073;border-radius:50%;width:58px;height:58px;font-size:30px}.emote-tray .emote-list{gap:8px;display:none}.emote-tray.open .emote-list{display:flex}.emote-tray .emote-list button{background:#fff8e7}@media (prefers-reduced-motion:reduce){.rune-choice.hint{animation:none;box-shadow:0 0 24px 8px #ffd36b}}.island-map{background:#2b3a67d1;flex-direction:column;justify-content:center;align-items:center;gap:2vh;transition:opacity .3s;display:flex;position:absolute;inset:0}.island-map.hidden{opacity:0;visibility:hidden}.island-map .map-top{align-items:center;gap:14px;display:flex}.island-map h2{-webkit-text-stroke:3px #1b2440;paint-order:stroke fill;margin:0;font-size:clamp(26px,8vh,48px)}.island-map button{font:inherit;color:#1b2440;background:#fff8e7;border:3px solid #1b2440;border-radius:16px;min-width:56px;min-height:56px}.island-map .map-path{background:linear-gradient(90deg,#0000 6%,#fff8e799 6% 94%,#0000 94%) 50%/100% 6px no-repeat;align-items:center;gap:clamp(8px,2vw,22px);display:flex}.island-map .map-room{background:#8fd16a;border-radius:24px;flex-direction:column;align-items:center;gap:2px;width:clamp(76px,11.5vw,140px);padding:10px 4px;transition:transform .15s;display:flex;position:relative}.island-map .map-room:nth-child(2n){transform:translateY(5vh)}.island-map .map-room.selected{outline-offset:3px;outline:5px solid #ffc857}.island-map .map-room.solved{background:#ffe9a8}.island-map .map-room.locked{background:#9a9cb4}.island-map .map-num{font-size:clamp(28px,9vh,48px);font-weight:700;line-height:1}.island-map .map-name{text-align:center;font-size:clamp(11px,3vh,16px);font-weight:700}.island-map .map-roles{font-size:clamp(16px,4.5vh,24px)}.island-map .map-badge{font-size:clamp(22px,6vh,34px);position:absolute;top:-14px;right:-8px}.island-map .map-room.shake{animation:.35s map-shake}@keyframes map-shake{25%{translate:-6px}75%{translate:6px}}.map-button{background:#1b244073;border:3px solid #fff8e7;border-radius:50%;width:58px;height:58px;font-size:30px;position:absolute;top:12px;left:calc(50% - 98px)}@media (prefers-reduced-motion:reduce){.island-map .map-room.shake{animation:none}}.parent-panel{z-index:20;-webkit-user-select:text;user-select:text;background:#1b2440b3;place-items:center;display:grid;position:absolute;inset:0}.parent-panel.hidden{display:none}.pp-card{touch-action:pan-y;color:#1b2440;background:#fff8e7;border-radius:18px;width:min(680px,100% - 24px);max-height:calc(100% - 24px);padding:14px 18px;font-size:16px;overflow-y:auto}.pp-card h2{margin:0 0 8px;font-size:22px}.pp-card h3{margin:14px 0 6px;font-size:18px}.pp-card section{border-top:1px solid #d8d2c4}.pp-head{justify-content:space-between;align-items:center;display:flex}.pp-note{color:#5f6182;margin:4px 0;font-size:14px}.pp-error{color:#b5563f;font-weight:700}.pp-row{flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0;display:flex}.pp-profiles{margin:0;padding:0;list-style:none}.pp-profiles li{flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0;display:flex}.pp-journal{max-height:220px;margin:0;padding:0;font-size:14px;list-style:none;overflow-y:auto}.pp-journal li{margin:4px 0}.pp-journal small{opacity:.7;margin-right:4px}.pp-avatar{border-radius:50%;place-items:center;width:36px;height:36px;font-size:22px;display:grid}.pp-day{flex-direction:column;align-items:center;font-size:13px;display:inline-flex}.pp-card button,.pp-card input,.pp-card select{font:inherit;color:#1b2440;background:#fff;border:2px solid #1b2440;border-radius:10px;min-height:40px;padding:4px 10px}.pp-card input[type=checkbox]{width:22px;height:22px;min-height:0}.pp-card input[type=number]{width:76px}.pp-card label{align-items:center;gap:6px;display:inline-flex}.pp-gate,.pp-editor{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.pp-pick{min-width:40px;font-size:20px!important}.pp-pick.on{outline-offset:1px;outline:4px solid #ffc857}.pp-pick.locked{opacity:.45}.pp-link input{width:min(260px,50vw)}.parent-button{opacity:.7;pointer-events:auto;background:#1b244059;border:2px solid #fff8e799;border-radius:12px;width:44px;height:44px;font-size:22px;position:absolute;bottom:12px;right:12px}.rest-screen{z-index:15;text-align:center;background:linear-gradient(#3b2a5e,#b5638a 70%,#f5a65b);flex-direction:column;justify-content:center;align-items:center;gap:1.5vh;transition:opacity 1.2s;display:flex;position:absolute;inset:0}.rest-screen[data-mode=sleep]{background:linear-gradient(#141a33,#2b3a67 75%,#3d5a9e)}.rest-screen.hidden{opacity:0;visibility:hidden}.rest-icon{font-size:clamp(60px,22vh,140px);line-height:1}.rest-title{-webkit-text-stroke:3px #1b2440;paint-order:stroke fill;margin:0;font-size:clamp(26px,8vh,52px)}.rest-line,.rest-who{margin:0;font-size:clamp(16px,5vh,28px);font-weight:700}.rest-actions{gap:14px;display:flex}.rest-screen button{font:inherit;color:#1b2440;background:#fff8e7;border:3px solid #1b2440;border-radius:18px;min-width:64px;min-height:64px;padding:0 18px;font-size:clamp(18px,5vh,28px);font-weight:700}.rest-screen .rest-parent{opacity:.6;background:#fff8e766;min-width:44px;min-height:44px;padding:0;font-size:22px;position:absolute;bottom:12px;right:12px}.rest-stars{pointer-events:none;position:absolute;inset:0}.rest-stars span{color:#fff8e7;animation:3s ease-in-out infinite twinkle;position:absolute}.rest-stars span:nth-child(odd){animation-delay:1.5s}.rest-stars span:first-child{top:12%;left:8%}.rest-stars span:nth-child(2){top:6%;left:22%}.rest-stars span:nth-child(3){top:18%;left:35%}.rest-stars span:nth-child(4){top:8%;left:52%}.rest-stars span:nth-child(5){top:15%;left:66%}.rest-stars span:nth-child(6){top:5%;left:80%}.rest-stars span:nth-child(7){top:20%;left:92%}.rest-stars span:nth-child(8){top:30%;left:12%}.rest-stars span:nth-child(9){top:34%;left:88%}.rest-stars span:nth-child(10){top:48%;left:4%}.rest-stars span:nth-child(11){top:52%;left:95%}.rest-stars span:nth-child(12){top:38%;left:28%}.rest-stars span:nth-child(13){top:40%;left:72%}.rest-stars span:nth-child(14){top:30%;left:46%}@keyframes twinkle{50%{opacity:.25;transform:scale(.7)}}@media (prefers-reduced-motion:reduce){.rest-stars span{animation:none}}.cloud-banner{white-space:nowrap;pointer-events:none;background:#1b2440b3;border:2px solid #fff8e7;border-radius:999px;padding:8px 16px;font-size:clamp(13px,3.6vh,18px);font-weight:700;transition:opacity .6s;position:absolute;top:80px;left:12px}.cloud-banner.hidden{opacity:0}.journal-view{z-index:12;background:#1b24408c;place-items:center;display:grid;position:absolute;inset:0}.journal-view.hidden{display:none}.jv-card{touch-action:pan-y;color:#1b2440;background:#fff3d6;border:4px solid #9a6b3f;border-radius:22px;width:min(720px,100% - 24px);max-height:calc(100% - 24px);padding:12px 16px;overflow-y:auto;box-shadow:0 8px #1b2440}.jv-top{justify-content:space-between;align-items:center;display:flex}.jv-top h2{margin:0;font-size:clamp(22px,7vh,36px)}.jv-list{margin:8px 0 0;padding:0;list-style:none}.jv-list li{border-top:2px dashed #d8c39a;align-items:center;gap:10px;padding:6px 0;font-size:clamp(15px,4.4vh,22px);font-weight:700;display:flex}.jv-icon{font-size:1.6em}.jv-text{flex:1}.jv-when{color:#8a5a3a;font-weight:400}.journal-view button{font:inherit;background:#fff8e7;border:3px solid #1b2440;border-radius:14px;min-width:52px;min-height:52px}.journal-button{background:#1b244073;border:3px solid #fff8e7;border-radius:50%;width:58px;height:58px;font-size:28px;position:absolute;top:12px;left:calc(50% + 40px)}.island-map .map-room.home{background:#ffc857}.stash-button{background:#1b244073;border:3px solid #fff8e7;border-radius:50%;width:58px;height:58px;font-size:28px;position:absolute;top:12px;left:calc(50% - 29px)}.stash-grid{flex-wrap:wrap;justify-content:center;gap:12px;padding:8px 0;display:flex}.stash-view .stash-item{flex-direction:column;align-items:center;min-width:84px;padding:8px;font-size:22px;display:flex}.stash-icon{font-size:44px;line-height:1.1}.shelf-toppers{margin:10px auto 0;padding:8px 14px;font-size:22px;display:block}.picker-title{color:#fff8e7;margin:0;font-size:clamp(18px,5vh,28px)}.picker-cards{flex-wrap:wrap;justify-content:center;gap:12px;max-width:min(92vw,760px);margin:10px 0 4px;display:flex}.picker-menu .picker-card{flex-direction:column;align-items:center;gap:2px;width:clamp(92px,22vh,124px);padding:8px 6px;transition:transform .15s;display:flex}.picker-card.selected{outline:5px solid var(--owner,#ffc857);outline-offset:3px;transform:scale(1.06)}.picker-card.disabled{opacity:.45}.picker-card.shake{animation:.4s map-shake}.picker-icon{font-size:clamp(34px,10vh,54px);line-height:1.1}.picker-card small{font-size:15px}.picker-bar{background:linear-gradient(90deg, #8fd16a var(--p), #e3dccb var(--p));border:2px solid #1b2440;border-radius:5px;width:100%;height:10px}.picker-foot{color:#fff8e7;min-height:1em;margin:6px 0 0;font-size:clamp(14px,4vh,20px)}.composer-row{justify-content:center;gap:8px;margin-top:10px;display:flex}.composer-input{font:inherit;color:#1b2440;background:#fff8e7;border:3px solid #1b2440;border-radius:14px;width:min(70vw,520px);padding:8px 12px;font-size:clamp(18px,5vh,26px)}.composer-mic.listening{animation:1s ease-in-out infinite rune-hint}.composer .composer-key{aspect-ratio:1;width:clamp(52px,12vh,64px);padding:0;font-size:clamp(24px,7vh,36px)}.composer-key.selected{outline:4px solid var(--owner,#ffc857);outline-offset:2px}.composer-key.send{background:#8fd16a!important}.picker-menu .picker-card.wide{width:clamp(200px,50vh,300px)}.picker-card .picker-new{color:#c0392b;font-size:13px;font-weight:700}.pp-ideas button{opacity:.5;min-width:36px;min-height:36px;margin-left:2px}.pp-ideas button.on{opacity:1;outline:3px solid #1b2440}.online-strip{top:calc(80px + env(safe-area-inset-top,0px));left:calc(12px + env(safe-area-inset-left,0px));z-index:5;flex-direction:column;gap:6px;display:flex;position:absolute}.online-brother{font:inherit;color:#fff8e7;text-align:left;background:#1b244099;border:3px solid #fff8e7;border-radius:22px;min-height:44px;padding:4px 12px;font-size:18px}.online-brother.here{background:#5fae4abf}.island-map .map-who{white-space:nowrap;font-size:20px;position:absolute;bottom:-14px;left:50%;transform:translate(-50%)}.rune-prompt.text{color:#fff8e7;letter-spacing:.02em;max-width:min(80vw,560px);font-size:clamp(22px,7vh,40px);font-weight:700;line-height:1.25}.rune-prompt.many{word-break:break-all;max-width:min(80vw,520px);font-size:clamp(30px,9vh,54px);line-height:1.15}.pp-stars{color:#e0a21b;letter-spacing:1px}.pp-learn{margin:6px 0 10px}.quiz-menu .picker-title{max-width:min(80vw,600px);font-size:clamp(16px,4.5vh,24px)}.quiz-body{place-items:center;min-height:120px;margin:8px 0;display:grid}.quiz-note{color:#fff8e7;min-height:1.2em;margin:4px 0 0;font-size:clamp(18px,5vh,26px)}.scale{width:min(70vw,420px);height:120px;position:relative}.scale-beam{background:#ffe37a;border:3px solid #1b2440;border-radius:6px;justify-content:space-between;height:8px;transition:transform .35s;display:flex;position:absolute;top:20px;left:0;right:0}.scale[data-tilt="-1"] .scale-beam{transform:rotate(-8deg)}.scale[data-tilt="1"] .scale-beam{transform:rotate(8deg)}.scale[data-tilt="0"] .scale-beam{box-shadow:0 0 18px 6px #ffd36b}.scale-pan{text-align:center;word-break:break-all;background:#fff8e7;border:3px solid #1b2440;border-radius:0 0 40px 40px;min-width:90px;max-width:48%;margin-top:12px;padding:6px 8px;font-size:clamp(18px,5vh,28px)}.scale-pan.target{font-size:clamp(28px,8vh,44px);font-weight:700}.scale-post{background:#b07a48;border:2px solid #1b2440;width:8px;height:90px;position:absolute;top:24px;left:50%;transform:translate(-50%)}.quiz-card.on{background:#ffe37a!important}.quiz-card.hint,.fill-seg.hint{animation:1s ease-in-out infinite rune-hint}.quiz-card.go{background:#8fd16a!important}.quiz-card.bell{color:#fff;transition:transform .15s}.quiz-card.bell.ringing{transform:scale(1.18)rotate(-8deg)}.fill-row{align-items:center;gap:24px;display:flex}.fill-label{color:#fff8e7;font-size:clamp(36px,11vh,64px);font-weight:700}.fill-crystal{background:#9fe3f026;border:4px solid #9fe3f0;border-radius:40px 40px 14px 14px;flex-direction:column;width:90px;display:flex;overflow:hidden}.fill-seg{height:clamp(16px,4.5vh,30px);background:0 0!important;border:0!important;border-bottom:2px dashed #fff8e799!important;border-radius:0!important;min-width:0!important;min-height:0!important}.fill-seg.full{box-shadow:inset 0 0 12px #fff;background:#9fe3f0!important}.quiz-menu .quiz-card{justify-content:center;min-height:64px;font-size:clamp(22px,6vh,32px)}.quiz-menu .quiz-card.bell{min-height:clamp(72px,16vh,96px);font-size:clamp(30px,9vh,44px)}.map-islands{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:14px;display:flex}.island-map .map-island{opacity:.75;border-radius:20px;padding:6px 14px;font-size:clamp(15px,4vh,20px)}.island-map .map-island.selected{opacity:1;outline-offset:2px;outline:4px solid #ffc857}.island-map .map-room.cave{background:#9a8fe0}.island-map .map-room.cave.solved{background:#c9b8ff}.minigame-card{width:min(94vw,760px)}.minigame-canvas{aspect-ratio:9/5;touch-action:none;border:3px solid #1b2440;border-radius:18px;width:100%;height:auto;max-height:68vh;margin-top:8px;display:block}:root[data-text-size=large] :is(.rune-card,.jv-card,.pp-card,.toast,.island-map,#join,.online-strip,.cloud-banner){zoom:1.15}:root[data-text-size=larger] :is(.rune-card,.jv-card,.pp-card,.toast,.island-map,#join,.online-strip,.cloud-banner){zoom:1.3}:root[data-text-size=larger] :is(.rune-card,.jv-card,.island-map){max-width:76vw}:root.reduce-motion *,:root.reduce-motion :before,:root.reduce-motion :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}:root.reduce-motion :is(.hint,.rune-choice.hint,.quiz-card.hint,.fill-seg.hint){box-shadow:0 0 18px 6px #ffd36b}.music-button{pointer-events:auto;background:#1b244059;border:2px solid #fff8e799;border-radius:12px;width:44px;height:44px;font-size:22px;position:absolute;bottom:12px;right:64px}