:root{--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--ink: #1d2b2b;--card: rgba(255, 252, 240, .94);--teal: #6ac2b4;--sun: #f0d284;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);color-scheme:light}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none;background:#4fa8c8;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}#game-root{position:fixed;inset:0}#game-root canvas{display:block;width:100%!important;height:100%!important}#ui{position:fixed;inset:0;pointer-events:none}#ui>*{pointer-events:auto}button,input{font:inherit;touch-action:manipulation}input{font-size:17px;user-select:text;-webkit-user-select:text}.hidden{display:none!important}.menu{position:absolute;inset:0;display:flex;padding:calc(12px + var(--safe-top)) calc(12px + var(--safe-right)) calc(12px + var(--safe-bottom)) calc(12px + var(--safe-left));background:radial-gradient(circle at 50% 55%,#7ac05c 0 22%,#e9d79b 22% 25%,#4fa8c8 25%);overflow-y:auto}.menu-card{width:min(420px,100%);margin:auto;background:var(--card);border-radius:20px;padding:18px 20px;box-shadow:0 12px 40px #00283c40;display:flex;flex-direction:column;gap:12px}.menu-card h1{margin:0;text-align:center;font-size:1.6rem}.field{display:flex;flex-direction:column;gap:4px;font-weight:600;font-size:.9rem}.menu input{width:100%;min-height:48px;border:2px solid rgba(29,43,43,.15);border-radius:12px;padding:8px 12px;background:#fff;color:var(--ink)}#menu-code{text-transform:uppercase;letter-spacing:.25em;font-weight:700;text-align:center}button.big{min-height:52px;border:none;border-radius:14px;padding:10px 18px;font-weight:700;font-size:1.05rem;background:var(--teal);color:var(--ink);cursor:pointer}button.big.secondary{background:var(--sun)}button:disabled{opacity:.55}button:active:not(:disabled){transform:translateY(1px)}.join-row{display:flex;gap:8px}.join-row input{flex:1;min-width:0}.divider{display:flex;align-items:center;gap:8px;font-size:.8rem;opacity:.6}.divider:before,.divider:after{content:"";flex:1;height:1px;background:currentColor}.menu-status{margin:0;min-height:1.3em;text-align:center;font-size:.9rem}.menu-status.error{color:#b23a3a;font-weight:600}.hud{position:absolute;top:calc(8px + var(--safe-top));left:calc(8px + var(--safe-left));right:calc(58px + var(--safe-right));flex-wrap:wrap;display:flex;gap:8px;align-items:center;pointer-events:none;z-index:5}.hud>*{pointer-events:auto}.room-pill{background:var(--card);border-radius:999px;padding:8px 14px;font-weight:700;letter-spacing:.04em;box-shadow:0 4px 14px #00283c33;user-select:text;-webkit-user-select:text}.leave-btn{min-height:44px;min-width:44px;border:none;border-radius:999px;padding:8px 14px;background:#ffffffbf;font-weight:600;cursor:pointer}.joy-zone{position:absolute;left:0;bottom:0;width:50%;height:75%;touch-action:none;z-index:3}.joy-base{position:fixed;width:120px;height:120px;margin:-60px 0 0 -60px;border-radius:50%;background:#ffffff40;border:2px solid rgba(255,255,255,.6);display:none;pointer-events:none}.joy-base.active{display:block}.joy-knob{position:absolute;left:30px;top:30px;width:56px;height:56px;border-radius:50%;background:#ffffffd9;box-shadow:0 2px 8px #0003}.toasts{position:fixed;top:calc(64px + var(--safe-top));left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;z-index:20;pointer-events:none}.toast{background:#1d2b2bd9;color:#fff;padding:8px 16px;border-radius:18px;font-weight:600;font-size:.95rem;max-width:calc(100vw - 32px - env(safe-area-inset-left) - env(safe-area-inset-right));text-align:center;transition:opacity .5s}.toast.fade{opacity:0}.debug-toggle{position:fixed;top:calc(6px + var(--safe-top));right:calc(6px + var(--safe-right));width:44px;height:44px;border:none;border-radius:50%;background:#00000040;font-size:20px;cursor:pointer;z-index:31}.debug-panel{position:fixed;top:calc(56px + var(--safe-top));right:calc(6px + var(--safe-right));width:min(420px,60vw);max-height:calc(100% - 70px - var(--safe-top) - var(--safe-bottom));overflow-y:auto;touch-action:pan-y;background:#0a1419d1;color:#e8fff4;font:11px/1.35 ui-monospace,Menlo,Consolas,monospace;white-space:pre-wrap;word-break:break-word;padding:8px 10px;border-radius:10px;z-index:30;user-select:text;-webkit-user-select:text}.debug-panel .log-warn{color:#ffd27a}.debug-panel .log-error{color:#ff8a8a}.action-btn{position:absolute;right:calc(28px + var(--safe-right));bottom:calc(28px + var(--safe-bottom));width:84px;height:84px;border-radius:50%;border:3px solid rgba(255,255,255,.8);background:#ffffff4d;font-size:38px;line-height:1;padding:0;touch-action:none;opacity:.55;transition:opacity .15s,transform .08s;z-index:4}.action-btn.ready{opacity:1;background:#fffcf0bf}.action-btn.down{transform:scale(.9)}#ui>.inventory-bar{position:absolute;left:50%;bottom:calc(10px + var(--safe-bottom));transform:translate(-50%);max-width:min(62vw,calc(100vw - 220px));overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;touch-action:pan-x;scrollbar-width:none;white-space:nowrap;z-index:5}#ui>.inventory-bar::-webkit-scrollbar{display:none}.inventory-bar{display:flex;flex-wrap:nowrap;gap:12px;min-height:40px;align-items:center;background:var(--card);border-radius:999px;padding:6px 14px;box-shadow:0 4px 14px #00283c33}.inv-slot{flex:none;display:flex;align-items:center;gap:4px;font-size:1.15rem}.inv-empty{opacity:.6;font-weight:600}.craft-btn{min-height:44px;border:none;border-radius:999px;padding:8px 14px;background:var(--card);font-weight:700;box-shadow:0 4px 14px #00283c33;cursor:pointer}#ui>.craft-panel{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#14283259;padding:calc(12px + var(--safe-top)) calc(12px + var(--safe-right)) calc(12px + var(--safe-bottom)) calc(12px + var(--safe-left));z-index:10}.craft-card{background:var(--card);border-radius:20px;width:min(440px,100%);max-height:100%;display:flex;flex-direction:column;box-shadow:0 10px 30px #00283c4d}.craft-head{display:flex;align-items:center;justify-content:space-between;padding:10px 10px 4px 18px}.craft-head h2{margin:0;font-size:1.2rem}.craft-close{width:44px;height:44px;border:none;border-radius:50%;background:transparent;font-size:1.2rem;cursor:pointer}.craft-list{overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding:4px 12px 12px;display:flex;flex-direction:column;gap:8px}.craft-row{display:flex;align-items:center;gap:12px;background:#ffffffb3;border-radius:14px;padding:8px 10px}.craft-icon{font-size:2rem;width:44px;text-align:center}.craft-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.craft-desc{font-size:.85rem;opacity:.7}.craft-needs{display:flex;gap:10px;font-weight:600;font-size:.95rem}.craft-needs .missing{color:#b23a3a}.craft-row button{min-height:44px;min-width:80px;border:none;border-radius:999px;background:var(--teal);color:#fff;font-weight:700;cursor:pointer}.craft-row button:disabled{background:#c9cfcc;cursor:default}.craft-owned{font-weight:700;color:#3d8a5c;padding:0 8px}.inventory-bar button.inv-slot{border:none;min-height:40px;min-width:44px;margin:-4px 0;padding:2px 8px;border-radius:999px;background:#6ac2b440;cursor:pointer}.inventory-bar button.inv-slot.selected{background:var(--teal);color:#fff;box-shadow:0 0 0 2px #fff inset}@media(max-height:420px){.craft-head{padding-top:4px}.craft-row{padding:4px 8px}.craft-icon{font-size:1.6rem}.craft-desc{display:none}}.save-box{border-top:1px solid rgba(29,43,43,.12);padding-top:10px;display:flex;flex-direction:column;gap:8px}.islands-head{display:flex;justify-content:space-between;align-items:center;font-weight:700}.islands-head button{min-height:40px;border:none;border-radius:999px;padding:6px 14px;background:var(--teal);font-weight:700;cursor:pointer}.island-list{display:flex;flex-direction:column;gap:6px}.island-row{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:52px;width:100%;text-align:left;border:2px solid transparent;border-radius:12px;padding:8px 12px;background:#1d2b2b0f;color:var(--ink);cursor:pointer}.island-row span{font-size:.8rem;opacity:.7}.island-row.selected{border-color:var(--teal);background:#6ac2b433}.island-empty{margin:0;text-align:center;font-size:.9rem;opacity:.7}.save-actions{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.save-actions button{min-height:44px;border:none;border-radius:12px;padding:6px 12px;background:#1d2b2b12;font-weight:600;font-size:.9rem;cursor:pointer}.chest-hint{margin:0 18px 6px;font-size:.85rem;opacity:.7}.chest-cols{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 12px;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y}.chest-col{background:#ffffffb3;border-radius:14px;padding:8px;min-height:90px}.chest-col h3{margin:0 0 6px;font-size:.95rem}.chest-items{display:flex;flex-wrap:wrap;gap:6px}.chest-item{min-height:44px;min-width:52px;border:none;border-radius:12px;padding:4px 8px;background:#6ac2b440;font-size:1.15rem;display:flex;align-items:center;justify-content:center;gap:4px;cursor:pointer}.chest-empty{opacity:.55;font-size:.9rem}.chest-foot{padding:10px 12px 12px;text-align:center}.chest-pickup{min-height:44px;border:none;border-radius:999px;padding:8px 16px;background:var(--sun);font-weight:700;cursor:pointer}@media(max-height:420px){.chest-hint{display:none}.chest-foot{padding:6px 12px 8px}}.clock-pill{background:var(--card);border-radius:999px;padding:8px 14px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;box-shadow:0 4px 14px #00283c33}.sleep-banner{position:absolute;left:50%;bottom:calc(72px + var(--safe-bottom));transform:translate(-50%);display:flex;align-items:center;gap:12px;background:#141c3ce0;color:#fff;border-radius:999px;padding:6px 6px 6px 18px;font-weight:700;white-space:nowrap;box-shadow:0 6px 20px #0000004d;z-index:6}.wake-btn{min-height:44px;border:none;border-radius:999px;padding:8px 16px;background:var(--sun);font-weight:700;cursor:pointer}.item-icon{position:relative;display:inline-block}.item-icon i{position:absolute;right:-6px;bottom:-4px;font-size:.6em;font-style:normal}.rain{position:absolute;inset:0;pointer-events:none;z-index:1;opacity:.55;background-image:repeating-linear-gradient(105deg,transparent 0 46px,rgba(200,225,255,.55) 46px 47px,transparent 47px 92px);background-size:120px 120px;animation:rain-fall .35s linear infinite}.rain.snow{opacity:.8;background-image:radial-gradient(circle at 20px 30px,#fff 0 2px,transparent 3px),radial-gradient(circle at 75px 80px,#fff 0 1.5px,transparent 2.5px),radial-gradient(circle at 100px 15px,#fff 0 1px,transparent 2px);background-size:120px 120px;animation:snow-fall 4s linear infinite}@keyframes snow-fall{0%{background-position:0 0}to{background-position:30px 120px}}@keyframes rain-fall{0%{background-position:0 0}to{background-position:-32px 120px}}@media(prefers-reduced-motion:reduce){.rain,.rain.snow{animation:none}}.profile-btn{min-height:44px;min-width:44px;border:none;border-radius:999px;background:var(--card);font-size:1.1rem;box-shadow:0 4px 14px #00283c33;cursor:pointer}.profile-body{overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding:0 14px 14px}.profile-body h3{margin:10px 0 6px;font-size:1rem}.skill-row{display:flex;gap:10px;align-items:center;padding:4px 0}.skill-icon{font-size:1.5rem;width:36px;text-align:center}.skill-info{flex:1;min-width:0}.skill-top{display:flex;justify-content:space-between;font-size:.95rem}.skill-bar{height:8px;border-radius:99px;background:#1d2b2b1f;overflow:hidden;margin:3px 0 1px}.skill-bar i{display:block;height:100%;background:var(--teal);border-radius:99px}.skill-how{font-size:.78rem;opacity:.6}.ach-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px}.ach{display:grid;grid-template-columns:32px 1fr;column-gap:6px;align-items:center;background:#1d2b2b0f;border-radius:12px;padding:6px 8px;opacity:.55;filter:grayscale(1)}.ach.earned{opacity:1;filter:none;background:#f0d28466}.ach-icon{grid-row:span 2;font-size:1.4rem;text-align:center}.ach b{font-size:.85rem}.ach-desc{font-size:.72rem;opacity:.75}.path-body{overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding:0 16px 6px}.master-say{margin:4px 0 8px;font-style:italic}.path-perks,.path-current{margin:6px 0;font-size:.9rem}.path-body h3{margin:10px 0 4px;font-size:.95rem}.path-needs{list-style:none;margin:0;padding:0;font-weight:600}.path-needs li{padding:2px 0}.path-needs li span{font-weight:400;opacity:.7}.path-needs .missing{color:#b23a3a}.path-panel .chest-foot button{min-height:48px;border:none;border-radius:999px;padding:10px 20px;background:var(--teal);color:#fff;font-weight:700;font-size:1rem;cursor:pointer}.path-panel .chest-foot button:disabled{background:#c9cfcc}.path-done{margin:0;font-weight:700;color:#3d8a5c}.hearts-pill{background:var(--card);border-radius:999px;padding:8px 12px;letter-spacing:-2px;white-space:nowrap;box-shadow:0 4px 14px #00283c33}.quest-card{background:#fffcf0e6;border:2px solid #d9c7a0;border-radius:10px;padding:8px 10px;margin:8px 0}.quest-card.done{border-color:#7cc47f}.quest-title{font-weight:700}.quest-bar{height:8px;background:#e6dcc5;border-radius:4px;overflow:hidden;margin:6px 0 2px}.quest-bar>div{height:100%;background:#7cc47f}.quest-count{font-size:12px;opacity:.75}.quest-reward{font-size:13px;margin:4px 0}.quest-foot{display:flex;justify-content:flex-end}.quest-foot button{min-height:44px}.quest-got{font-size:13px;opacity:.8;padding:6px 0}.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:6px}.book-cell{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1px;padding:6px 4px;border-radius:10px;background:#fffcf0e6;border:2px solid #d9c7a0}.book-cell.missing{opacity:.6;border-style:dashed}.book-cell b{font-size:.8rem}.book-cell small{font-size:.68rem;opacity:.75;line-height:1.2}.book-icon{font-size:1.6rem;line-height:1.2}.book-count{font-size:.8rem;font-weight:600;opacity:.7;margin-left:4px}.book-count.done{color:#3d8b40;opacity:1}.setting-options{display:flex;flex-direction:column;gap:8px}.setting-option{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;min-height:56px;padding:10px 12px;border-radius:12px;border:2px solid #d9c7a0;background:#fffcf0e6;color:var(--ink);cursor:pointer}.setting-option small{font-size:.78rem;opacity:.75}.setting-option.chosen{border-color:#3d8b40;background:#e4f3dc}.setting-option.chosen b:after{content:" ✓";color:#3d8b40}.joy-zone.tap-mode{width:100%;height:100%;top:0}.room-key{display:none}@media(max-width:900px){.room-key{display:inline}.room-label{display:none}}@media(orientation:portrait){#ui>.inventory-bar{left:calc(10px + var(--safe-left));transform:none;max-width:calc(100vw - 130px - var(--safe-left) - var(--safe-right))}}@media(orientation:portrait){#ui>.craft-panel{padding-top:calc(64px + var(--safe-top))}}