:root{--paper: #FAF5E8;--graphite: #2C2C3A;--kraft: #8B7355;--redline: #EA5455;--birch: #D4C4A8;--teal: #077B8A;--a-full: 1;--a-strong: .7;--a-med: .5;--a-subtle: .2;--a-ghost: .08;--border-color: color-mix(in srgb, var(--graphite) var(--a-subtle), transparent);--border-strong: color-mix(in srgb, var(--graphite) var(--a-med), transparent);--text-primary: color-mix(in srgb, var(--graphite) var(--a-strong), transparent);--text-secondary: color-mix(in srgb, var(--graphite) var(--a-med), transparent);--text-ghost: color-mix(in srgb, var(--graphite) var(--a-subtle), transparent);--font-display: "Caveat", cursive;--font-ui: "Inter", -apple-system, system-ui, sans-serif;--font-canvas: "Courier New", monospace}*{margin:0;padding:0;box-sizing:border-box}body{overflow:hidden;background:var(--birch);font-family:var(--font-ui);color:var(--graphite);-webkit-font-smoothing:antialiased}#three-canvas{width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:0;pointer-events:none;transition:opacity .5s ease}#game-canvas{width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:1;display:block;touch-action:none}.writing-mode{display:none}.writing-mode.visible{display:flex}#tool-info{position:fixed;top:0;left:0;right:0;z-index:10;display:none;align-items:center;gap:12px;padding:8px 20px;background:color-mix(in srgb,var(--paper) 92%,transparent);border-bottom:1px solid var(--border-color);font-size:13px;font-weight:500;color:var(--text-secondary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#tool-info.visible{display:flex}#current-tool-name{font-weight:600;color:var(--graphite)}.ink-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--graphite);border:1.5px solid var(--paper);box-shadow:0 0 0 1.5px var(--kraft)}#tool-info .separator{color:var(--text-ghost);font-size:10px}#toolbar{position:fixed;left:14px;top:50%;transform:translateY(-50%) rotate(-.3deg);z-index:10;background:var(--kraft);border-radius:3px 12px;padding:10px 6px 10px 4px;display:none;flex-direction:column;gap:2px;box-shadow:3px 3px #2c2c3a1a,inset 0 1px #ffffff14}#toolbar.visible{display:flex}.toolbar-buttons{display:flex;flex-direction:column;gap:2px}.tool-btn{width:52px;height:52px;background:transparent;border:none;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:20px;transition:background .15s,transform .15s;position:relative;color:color-mix(in srgb,var(--paper) var(--a-strong),transparent)}.tool-btn:hover{background:#ffffff14;transform:scale(1.08) rotate(-2deg)}.tool-btn.active{background:#ffffff26}.tool-btn.active:before{content:"";position:absolute;left:-4px;top:8px;bottom:8px;width:3px;background:var(--redline);border-radius:2px}.tool-icon{line-height:1;font-size:20px}.tool-label{font-size:9px;font-family:var(--font-ui);opacity:.35;font-weight:600;letter-spacing:.5px}.ink-indicator{position:absolute;bottom:6px;right:6px;width:7px;height:7px;border-radius:50%;border:1px solid rgba(255,255,255,.3)}.toolbar-divider{height:1px;background:#ffffff14;margin:4px 6px}#subtool-panel{position:fixed;left:76px;top:50%;transform:translateY(-50%);z-index:10;background:var(--paper);border:1px solid var(--border-color);border-radius:10px;padding:12px;display:none;box-shadow:2px 3px 12px #00000014;min-width:100px}#subtool-panel.visible{display:block}.subtool-label{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--text-secondary);margin-bottom:8px}.color-swatches{display:flex;gap:4px;flex-wrap:wrap}.color-swatch{width:28px;height:28px;border-radius:6px;border:2px solid transparent;cursor:pointer;transition:border-color .1s,transform .1s}.color-swatch:hover{transform:scale(1.15)}.active-swatch{border-color:var(--graphite)!important;transform:scale(1.15)}.size-options{display:flex;gap:4px}.size-btn{width:34px;height:34px;border-radius:6px;border:1px solid var(--border-color);background:var(--paper);cursor:pointer;font-size:13px;font-weight:600;color:var(--graphite);transition:background .1s}.size-btn:hover{background:color-mix(in srgb,var(--birch) 50%,transparent)}.active-size{background:var(--kraft)!important;color:var(--paper)!important}.sticker-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.sticker-option{width:30px;height:30px;border-radius:6px;border:1px solid var(--border-color);background:var(--paper);cursor:pointer;font-size:15px;display:flex;align-items:center;justify-content:center;transition:background .1s,transform .1s}.sticker-option:hover{background:color-mix(in srgb,var(--birch) 50%,transparent);transform:scale(1.1)}.active-sticker{border-color:var(--kraft)!important;background:color-mix(in srgb,var(--kraft) 15%,transparent)!important}#page-nav{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:10;display:none;align-items:center;gap:12px;background:color-mix(in srgb,var(--paper) 92%,transparent);border:1px solid var(--border-color);border-radius:10px;padding:6px 16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#page-nav.visible{display:flex}#page-prev,#page-next{width:30px;height:30px;border-radius:6px;border:1px solid var(--border-color);background:var(--paper);cursor:pointer;font-size:14px;color:var(--graphite)}#page-prev:hover,#page-next:hover{background:var(--birch)}#page-info{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--text-secondary);min-width:60px;text-align:center}#page-num{color:var(--graphite);font-size:24px}#back-to-explore{position:fixed;top:12px;left:12px;z-index:10;display:none;background:color-mix(in srgb,var(--paper) 92%,transparent);border:1.5px solid var(--kraft);border-radius:3px 10px;padding:6px 16px;font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--text-secondary);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:2px 2px #8b73551f;transition:all .15s}#back-to-explore.visible{display:block}#back-to-explore:hover{background:var(--kraft);color:var(--paper);transform:rotate(-1deg) scale(1.02)}#explore-hud{position:fixed;top:12px;right:12px;z-index:10;display:flex;align-items:center;gap:12px;background:color-mix(in srgb,var(--paper) 92%,transparent);border:1.5px solid var(--kraft);border-radius:4px 12px;padding:8px 18px;font-size:12px;font-weight:500;color:var(--text-ghost);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:2px 2px #8b73551f;transform:rotate(-.3deg)}#explore-hud.hidden{display:none}#explore-tooltip{color:var(--teal);font-weight:600;font-family:var(--font-display);font-size:15px}#explore-controls,#writing-controls{position:fixed;bottom:12px;left:50%;transform:translate(-50%) rotate(-.3deg);z-index:10;font-family:var(--font-display);font-size:14px;font-weight:600;color:var(--text-secondary);background:color-mix(in srgb,var(--paper) 90%,transparent);border:1.5px solid var(--kraft);border-radius:3px 10px;padding:6px 18px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:2px 2px #8b735514;transition:opacity 3s}#writing-controls.visible{display:block}kbd{display:inline-block;background:var(--paper);border:1.5px solid var(--kraft);border-radius:3px;padding:1px 6px;font-family:var(--font-ui);font-size:10px;font-weight:700;color:var(--graphite);margin:0 2px;box-shadow:1px 1px #8b735526}#minimap-container{position:fixed;bottom:56px;right:12px;z-index:10;background:color-mix(in srgb,var(--paper) 88%,transparent);border:1.5px solid var(--kraft);border-radius:4px 12px;padding:4px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform:rotate(.3deg);box-shadow:2px 2px #8b73551a;cursor:crosshair;transition:opacity .3s}#minimap-container.hidden{display:none}#minimap-canvas{display:block;border-radius:3px 10px}#multiplayer-panel{position:fixed;top:12px;left:12px;z-index:10;font-size:12px;font-weight:500;color:var(--text-ghost)}.writer-badge{display:flex;align-items:center;gap:6px;background:color-mix(in srgb,var(--paper) 85%,transparent);border-radius:6px;padding:4px 10px;border:1px solid var(--border-color)}.dot{width:6px;height:6px;border-radius:50%;background:#4caf50}.zone-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:none;align-items:center;justify-content:center;background:#2c2c3a40;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);touch-action:none}.zone-overlay.visible{display:flex}.zone-modal{background:var(--paper);border:2px solid var(--kraft);border-radius:3px 14px;padding:28px 32px;max-width:480px;width:90%;max-height:72vh;overflow-y:auto;box-shadow:3px 3px #8b735526,0 8px 32px #0000001a;position:relative;animation:modalIn .25s cubic-bezier(.34,1.56,.64,1);transform:rotate(-.4deg)}.zone-modal:after{content:"";position:absolute;top:-1px;right:-1px;width:28px;height:28px;background:linear-gradient(225deg,var(--birch) 50%,transparent 50%);border-radius:0 12px 0 4px}@keyframes modalIn{0%{transform:scale(.92) translateY(12px) rotate(0);opacity:0}to{transform:scale(1) translateY(0) rotate(-.4deg);opacity:1}}.zone-modal h2{font-family:var(--font-display);font-size:30px;font-weight:700;color:var(--graphite);margin-bottom:16px;border-bottom:2px dashed rgba(44,44,58,.08);padding-bottom:10px}.zone-modal .close-btn{position:absolute;top:12px;right:14px;width:30px;height:30px;border-radius:50%;border:1.5px solid var(--kraft);background:var(--paper);cursor:pointer;font-size:14px;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:all .15s;z-index:2}.zone-modal .close-btn:hover{background:var(--redline);color:#fff;border-color:var(--redline);transform:rotate(90deg)}.btn-primary{background:var(--teal);color:#fff;box-shadow:2px 2px #077b8a4d}.btn-primary:hover{filter:brightness(1.1);transform:rotate(-1deg) scale(1.03)}.btn-secondary{background:var(--birch);color:var(--graphite);border-color:var(--kraft);box-shadow:2px 2px #8b735533}.btn-secondary:hover{background:var(--kraft);color:var(--paper);transform:rotate(1deg) scale(1.03)}.zone-info-row{display:flex;gap:16px;justify-content:center;margin:8px 0;font-family:var(--font-display);font-size:16px}.zone-info-row span{color:var(--teal);font-weight:700}.board-message{background:#fff9e6;border:1.5px solid rgba(139,115,85,.15);border-radius:2px 6px;padding:10px 14px;margin-bottom:10px;font-family:var(--font-display);font-size:18px;color:var(--graphite);transform:rotate(calc(var(--r, 0) * 1deg));box-shadow:2px 2px #8b73550f}.shelf-book{background:var(--kraft);color:var(--paper);border-radius:2px 4px 4px 2px;padding:10px 18px;margin-bottom:8px;font-family:var(--font-display);font-size:18px;cursor:pointer;box-shadow:2px 2px #2c2c3a14;transition:transform .2s,background .15s}.shelf-book:hover{transform:translate(6px) rotate(-1deg);background:color-mix(in srgb,var(--kraft) 85%,var(--graphite))}.mailbox-message{background:#fffdf5;border:1px solid rgba(44,44,58,.06);border-radius:8px;padding:10px 14px;margin-bottom:6px;font-family:var(--font-display);font-size:17px;color:var(--graphite)}#mailbox-input-row{display:flex;gap:8px;margin-top:14px}#mailbox-input{flex:1;border:1.5px solid var(--kraft);border-radius:2px 8px;padding:8px 12px;font-family:var(--font-display);font-size:16px;background:#fffdf5;color:var(--graphite);outline:none}#mailbox-input:focus{border-color:var(--teal);box-shadow:0 0 0 2px #077b8a26}#mailbox-send{border:none;border-radius:3px 8px;padding:8px 18px;background:var(--teal);color:#fff;font-family:var(--font-display);font-weight:700;font-size:15px;cursor:pointer;box-shadow:2px 2px #077b8a40;transition:transform .15s}#mailbox-send:hover{transform:rotate(-1deg) scale(1.04)}.graffiti-content{background:#e0d5c1;border-radius:12px;padding:20px;position:relative;min-height:120px}.graffiti-item{display:inline-block;margin:4px 6px;font-family:var(--font-display);font-size:20px;font-weight:700;line-height:1.4}#text-input-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:none;align-items:center;justify-content:center;background:#2c2c3a4d;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}#text-input-overlay label{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--graphite);margin-bottom:8px;display:block}#text-input-field{width:100%;border:1px solid var(--border-color);border-radius:8px;padding:10px 14px;font-family:var(--font-display);font-size:20px;background:var(--paper);color:var(--graphite);outline:none}#text-input-field:focus{border-color:var(--teal)}.overlay-actions{display:flex;gap:8px;margin-top:12px;justify-content:flex-end}.overlay-actions button{border:1px solid var(--border-color);border-radius:6px;padding:6px 16px;font-size:13px;font-weight:600;cursor:pointer;background:var(--paper);color:var(--graphite)}.overlay-actions button:last-child{background:var(--teal);color:#fff;border-color:var(--teal)}#chat-input-wrapper{position:fixed;bottom:56px;left:50%;transform:translate(-50%);z-index:10;display:none}#chat-input-wrapper.visible{display:block}#chat-input{width:280px;border:1px solid var(--border-color);border-radius:10px;padding:8px 14px;font-family:var(--font-display);font-size:18px;background:color-mix(in srgb,var(--paper) 95%,transparent);color:var(--graphite);outline:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#eraser-cursor{position:fixed;pointer-events:none;z-index:15;border-radius:50%;border:1.5px solid rgba(44,44,58,.25);display:none;transform:translate(-50%,-50%)}#notifications{position:fixed;top:48px;right:12px;z-index:50;display:flex;flex-direction:column;gap:6px}.toast{background:color-mix(in srgb,var(--paper) 96%,transparent);border:1.5px solid var(--kraft);border-radius:3px 10px;padding:8px 16px;font-family:var(--font-display);font-size:15px;font-weight:600;color:var(--graphite);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:2px 2px #8b73551a;animation:toastIn .3s cubic-bezier(.34,1.56,.64,1),toastOut .3s 2.5s ease-in forwards}@keyframes toastIn{0%{transform:translate(30px) rotate(2deg);opacity:0}to{transform:translate(0) rotate(-.5deg);opacity:1}}@keyframes toastOut{to{transform:translate(30px) rotate(1deg);opacity:0}}#fps-display{font-variant-numeric:tabular-nums;font-weight:600}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}#loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--paper);transition:opacity .8s;overflow:hidden}#loading:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 37px,rgba(44,44,58,.025) 37px,rgba(44,44,58,.025) 38px),repeating-linear-gradient(90deg,transparent,transparent 200px,rgba(234,84,85,.02) 200px,rgba(234,84,85,.02) 201px);pointer-events:none}#loading h1{font-family:var(--font-display);font-size:48px;font-weight:700;color:var(--graphite);margin-bottom:8px;position:relative;text-shadow:2px 2px 0 rgba(139,115,85,.08)}.loading-pencil{font-size:32px;margin-bottom:16px;animation:pencilWrite 1.8s ease-in-out infinite;display:inline-block}@keyframes pencilWrite{0%,to{transform:rotate(-5deg) translate(-4px)}25%{transform:rotate(3deg) translate(4px)}50%{transform:rotate(-2deg) translate(2px)}75%{transform:rotate(4deg) translate(-2px)}}.bar{width:220px;height:5px;background:#2c2c3a0f;border-radius:3px;overflow:hidden;margin-bottom:10px;border:1px solid rgba(44,44,58,.05)}.bar-inner{height:100%;background:linear-gradient(90deg,var(--teal),var(--redline));border-radius:3px;width:0%;transition:width .3s ease}.status{font-family:var(--font-display);font-size:16px;font-weight:600;color:var(--text-secondary)}.loading-doodle{position:absolute;font-size:28px;opacity:.15;animation:doodleFloat 4s ease-in-out infinite}.loading-doodle:nth-child(2){top:8%;left:8%;animation-delay:0s}.loading-doodle:nth-child(3){top:12%;right:12%;animation-delay:.8s}.loading-doodle:nth-child(4){bottom:15%;left:10%;animation-delay:1.5s}.loading-doodle:nth-child(5){bottom:10%;right:8%;animation-delay:2.2s}.loading-doodle:nth-child(6){top:40%;left:4%;animation-delay:.5s}.loading-doodle:nth-child(7){top:55%;right:5%;animation-delay:1.8s}@keyframes doodleFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(5deg)}}#character-creator{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--paper);background-image:repeating-linear-gradient(transparent,transparent 27px,rgba(26,26,46,.035) 27px,rgba(26,26,46,.035) 28px),repeating-linear-gradient(90deg,transparent,transparent 27px,rgba(26,26,46,.015) 27px,rgba(26,26,46,.015) 28px);display:flex;align-items:center;justify-content:center}.cc-paper{background:#fff;border-radius:16px;padding:28px;max-width:640px;width:92vw;max-height:88vh;overflow-y:auto;box-shadow:0 4px 24px #1a1a2e1f;border:2px solid rgba(26,26,46,.08)}.cc-paper h2{font-family:var(--font-display);font-size:22px;margin:0 0 20px;text-align:center;color:var(--ink)}.cc-body{display:flex;gap:24px;margin-bottom:20px}@media(max-width:560px){.cc-body{flex-direction:column;align-items:center}}.cc-preview{flex-shrink:0;display:flex;flex-direction:column;align-items:center}#cc-canvas{border:2px dashed rgba(26,26,46,.12);border-radius:8px;background:#faf5e880}.cc-preview-hint{font-family:var(--font-display);font-size:11px;color:var(--text-ghost);margin-top:4px}.cc-options{flex:1;min-width:0}.cc-section{margin-bottom:14px}.cc-label{font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--ink);margin-bottom:6px}.cc-radio-group{display:flex;flex-wrap:wrap;gap:6px 14px;font-family:var(--font-display);font-size:13px;color:var(--text-ghost)}.cc-radio-group label{cursor:pointer;display:flex;align-items:center;gap:3px}.cc-radio-group input[type=radio]{accent-color:var(--teal)}.cc-colors{display:flex;flex-direction:column;gap:6px}.cc-color-row{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:13px;color:var(--text-ghost)}.cc-color-row span{width:40px;text-align:right}.cc-color-row input[type=color]{width:32px;height:24px;border:1px solid rgba(26,26,46,.12);border-radius:4px;cursor:pointer;padding:0}.cc-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px dashed rgba(26,26,46,.12);padding-top:16px}.cc-skip-label{font-family:var(--font-display);font-size:12px;color:var(--text-ghost);cursor:pointer;display:flex;align-items:center;gap:4px}.cc-skip-label input{accent-color:var(--teal)}@media(max-width:768px){#toolbar{left:50%;top:auto;bottom:56px;transform:translate(-50%) translateY(0);flex-direction:row;padding:4px 8px;border-radius:10px 10px 12px 12px;gap:0}#toolbar.visible{display:flex}.toolbar-buttons{flex-direction:row;gap:0}.tool-btn{width:44px;height:44px}.tool-btn.active:before{left:8px;right:8px;top:-4px;bottom:auto;width:auto;height:3px;border-radius:0 0 2px 2px}.ink-indicator{display:none}#subtool-panel{left:50%;top:auto;bottom:106px;transform:translate(-50%) translateY(0)}#page-nav{bottom:6px}#explore-controls,#writing-controls{display:none}.chat-window{width:95vw;height:70vh;transform:none}#back-to-explore{padding:10px 20px;font-size:16px;border-radius:12px}}#mobile-interact-btn{position:fixed;bottom:32px;left:50%;transform:translate(-50%) translateY(20px);z-index:20;padding:12px 28px;border:none;border-radius:24px;background:linear-gradient(135deg,var(--teal),#05668d);color:#fff;font-family:var(--font-display);font-size:16px;font-weight:600;box-shadow:0 4px 16px #077b8a59;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease;white-space:nowrap;-webkit-tap-highlight-color:transparent}#mobile-interact-btn.visible{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}#mobile-interact-btn:active{transform:translate(-50%) scale(.95);box-shadow:0 2px 8px #077b8a66}@media(pointer:coarse){*{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.zone-close-btn{width:44px;height:44px;font-size:22px}.zone-modal .close-btn:hover{transform:none;background:inherit;color:inherit}.zone-modal .close-btn:active{background:var(--redline);color:#fff;transform:rotate(90deg)}.btn-primary:hover{filter:none;transform:none}.btn-primary:active{filter:brightness(1.1);transform:scale(.96)}.btn-secondary:hover{background:var(--birch);color:var(--graphite);transform:none}.btn-secondary:active{background:var(--kraft);color:var(--paper);transform:scale(.96)}.puzzle-cell:hover{background:inherit;transform:none}.puzzle-cell:active{background:#fff9c4;transform:scale(1.05)}.puzzle-cell.empty:hover{background:transparent;transform:none}.klotski-block:hover{filter:none;transform:none}.klotski-block:active{filter:brightness(1.15);transform:scale(1.02)}.sudoku-cell:not(.given):hover{background:inherit}.sudoku-cell:not(.given):active{background:#d1c4e9}.magic-rune:hover{background:inherit;transform:none}.magic-rune:active{background:#9c27b026;transform:scale(1.05)}.star-click-target:hover{background:inherit}.star-click-target:active{background:#ffd70033}.weather-btn:hover{background:inherit}.weather-btn:active{background:#e3f2fd}.shelf-book:hover{transform:none}.shelf-book:active{transform:translateY(-3px)}.album-card:hover{transform:none}.album-card:active{transform:scale(1.02)}.album-lightbox-close:hover{color:inherit}.album-lightbox-close:active{color:var(--redline)}.album-lightbox-nav:hover{background:inherit}.album-lightbox-nav:active{background:#00000026}#mailbox-send:hover{transform:none}#mailbox-send:active{transform:rotate(-1deg) scale(1.04)}.music-controls button:hover{background:inherit;color:inherit}.music-controls button:active{background:var(--teal);color:#fff}.coffee-item:hover{background:inherit}.coffee-item:active{background:#8b73551a}.cooking-ingredient:hover{transform:none}.cooking-ingredient:active{transform:scale(1.05)}#cooking-cook:hover:not(:disabled){transform:none}#cooking-cook:active:not(:disabled){transform:scale(.95)}.origami-dir-btn:hover{transform:none}.origami-dir-btn:active{transform:scale(.92);background:#077b8a26}.capsule-time-btn:hover{background:inherit}.capsule-time-btn:active{background:#077b8a1a}#page-prev:hover,#page-next:hover{background:inherit}#page-prev:active,#page-next:active{background:var(--teal);color:#fff}#back-to-explore:hover{transform:none}#back-to-explore:active{transform:scale(.96)}.tool-btn:hover{background:inherit}.tool-btn:active{background:#077b8a26}.tool-btn.active:hover{background:inherit}.color-swatch:hover{transform:none}.color-swatch:active{transform:scale(1.2)}.size-btn:hover{background:inherit}.size-btn:active{background:var(--teal);color:#fff}.sticker-option:hover{transform:none}.sticker-option:active{transform:scale(1.1)}#badge-btn:hover{transform:none}#badge-btn:active{transform:scale(.9)}.badge-cell:hover{transform:none}.badge-cell:hover .badge-tip{display:none}.badge-cell:active .badge-tip{display:block}.search-item:hover{background:inherit}.search-item:active{background:#e3f2fd}.chat-settings-btn:hover{background:inherit}.chat-settings-btn:active{background:#0000001a}.chat-send-btn:hover{background:inherit}.chat-send-btn:active{background:var(--teal)}#ai-fetch-models-btn:hover{background:inherit}#ai-fetch-models-btn:active{background:#077b8a1a}.chat-close-btn:hover{background:inherit}.chat-close-btn:active{background:#0000001a}.card-cell:not(.flipped):hover{transform:none}.card-cell:not(.flipped):active{transform:scale(.95)}.wish-input-btn:hover{background:inherit}.wish-input-btn:active{background:var(--teal);color:#fff}}@supports (padding: env(safe-area-inset-bottom)){#mobile-interact-btn{bottom:calc(32px + env(safe-area-inset-bottom))}#toolbar{padding-bottom:env(safe-area-inset-bottom)}#page-nav{bottom:calc(6px + env(safe-area-inset-bottom))}#progress-hud{top:calc(12px + env(safe-area-inset-top));right:calc(12px + env(safe-area-inset-right))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}#dart-modal{background:linear-gradient(135deg,#c4a366,#b8956a,#a88650);border-color:#8b6914;border-radius:4px 18px;box-shadow:inset 0 1px #ffffff26,4px 4px #64461e40,0 12px 40px #0003}#dart-modal:after{background:linear-gradient(225deg,#d4b87a 50%,transparent 50%)}#dart-modal h2{color:#3e2723;border-bottom-color:#8b691433}.dart-board-display{width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,#2c2c3a 6%,#37474f 8%,#ea5455 14%,#c0392b 18%,#e8e0d0,#d4c4a8,#2c2c3a,#37474f,#e8e0d0 48%,#d4c4a8 56%,#2c2c3a 62%,#37474f 70%,#e8e0d0 76%,#d4c4a8 86%,#8b6914 92%,#6d4c00);border:4px solid #6D4C00;margin:0 auto 16px;position:relative;box-shadow:inset 0 2px 8px #00000059,0 4px 12px #0003,0 0 0 3px #5d4037;cursor:crosshair;transition:transform .15s}.dart-board-display:active{transform:scale(.97)}.dart-board-display:after{content:"⊕";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#ea545599;font-size:28px;font-weight:300;text-shadow:0 0 6px rgba(234,84,85,.3)}.dart-board-display .dart-pin{position:absolute;width:3px;height:20px;background:linear-gradient(to bottom,#b0bec5,#78909c);border-radius:1px;transform-origin:bottom center;box-shadow:1px 1px 2px #0000004d}.dart-stats{display:flex;gap:16px;justify-content:center;margin-bottom:12px;flex-wrap:wrap}.dart-stat{text-align:center;min-width:60px;background:#ffffff14;border-radius:8px;padding:6px 12px}.dart-stat .val{font-family:var(--font-display);font-size:32px;font-weight:700;color:#fff;display:block;text-shadow:1px 1px 0 rgba(0,0,0,.2)}.dart-stat .label{font-size:11px;color:#fff9;font-weight:600}.dart-result{text-align:center;font-family:var(--font-display);font-size:26px;font-weight:700;color:#fff;margin:8px 0;min-height:36px;text-shadow:1px 1px 0 rgba(0,0,0,.2)}.dart-log{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin:8px 0;min-height:24px}.dart-log-item{font-size:12px;font-weight:600;background:#ffffff1f;border-radius:4px;padding:2px 8px;color:#fff}.dart-actions{display:flex;gap:8px;justify-content:center}.dart-actions button{border:1.5px solid rgba(0,0,0,.2);border-radius:4px 10px;padding:10px 24px;font-family:var(--font-display);font-weight:700;font-size:16px;cursor:pointer;transition:transform .15s,box-shadow .15s;box-shadow:0 3px 6px #00000026}.dart-actions .btn-primary:active{transform:translateY(2px);box-shadow:0 1px 2px #00000026}#dice-modal{background:linear-gradient(135deg,#2e7d32,#388e3c 40%,#1b5e20);border-color:#1b5e20;border-radius:4px 16px;box-shadow:inset 0 0 40px #00000026,inset 0 1px #ffffff14,4px 4px #0a280a66,0 12px 40px #00000040,0 0 0 3px #5d4037,0 0 0 5px #3e2723}#dice-modal:after{background:linear-gradient(225deg,#388E3C 50%,transparent 50%)}#dice-modal h2{color:#e8f5e9;border-bottom-color:#ffffff1a}.dice-display{display:flex;gap:24px;justify-content:center;align-items:center;margin:20px 0}.dice-face{width:72px;height:72px;background:linear-gradient(145deg,ivory,linen 60%,#ede0d0);border:2px solid #D7CCC8;border-radius:12px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:36px;font-weight:700;color:#2c2c3a;box-shadow:4px 4px 8px #0003,inset 0 1px #fff9,inset 0 -1px #0000000d;transition:transform .3s,box-shadow .3s;position:relative}.dice-face.spinning{animation:diceSpin .6s ease-out}@keyframes diceSpin{0%{transform:rotateX(0) scale(.8);box-shadow:0 0 20px #ffffff4d}50%{transform:rotateX(180deg) scale(1.1)}to{transform:rotateX(360deg) scale(1);box-shadow:4px 4px 8px #0003,inset 0 1px #fff9}}.dice-face:active{transform:scale(.95)}.dice-total{font-family:var(--font-display);font-size:56px;font-weight:700;color:#fff;text-align:center;margin:8px 0;text-shadow:2px 2px 0 rgba(0,0,0,.2)}.dice-info{display:flex;gap:16px;justify-content:center;font-size:14px;color:#fff9;font-weight:500}.dice-info strong{color:#fff}.dice-actions{display:flex;gap:8px;justify-content:center;margin-top:16px}.dice-actions button{border:1.5px solid rgba(255,255,255,.15);border-radius:4px 10px;padding:10px 24px;font-family:var(--font-display);font-weight:700;font-size:16px;cursor:pointer;background:#ffffff14;color:#fff;box-shadow:0 3px 6px #0003;transition:transform .15s,box-shadow .15s}.dice-actions button:active{transform:translateY(2px);box-shadow:0 1px 2px #00000026}#card-modal{background:linear-gradient(165deg,#4a148c,#6a1b9a 40%,#4a148c);border-color:#38006b;border-radius:4px 14px;box-shadow:inset 0 0 50px #0003,inset 0 1px #ffffff0f,4px 4px #14002880,0 12px 40px #0000004d,0 0 0 3px #8d6e63,0 0 0 5px #5d4037}#card-modal:after{background:linear-gradient(225deg,#6A1B9A 50%,transparent 50%)}#card-modal h2{color:#e1bee7;border-bottom-color:#ffffff14}#card-modal .close-btn{border-color:#7b1fa2;color:#ce93d8;background:#4a148c}#card-modal .close-btn:hover{background:var(--redline);color:#fff;border-color:var(--redline)}.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0}.card-cell{aspect-ratio:3/4;border-radius:6px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:28px;font-weight:700;cursor:pointer;transition:transform .25s,box-shadow .25s;-webkit-user-select:none;user-select:none;position:relative}.card-cell:not(.flipped){background:linear-gradient(135deg,#311b92,#4a148c,#311b92);color:#ffd70033;border:2px solid #CE93D8;box-shadow:3px 3px 6px #0000004d,inset 0 1px #ffffff1a}.card-cell:not(.flipped):hover{transform:translateY(-4px) scale(1.04);box-shadow:0 8px 16px #0006,inset 0 1px #ffffff1a}.card-cell:not(.flipped):after{content:"♦";position:absolute;font-size:40px;color:#ffd70014}.card-cell.flipped{background:linear-gradient(145deg,#fffff5,linen 60%,#f5e6d0);color:var(--graphite);border:2px solid #D4AF37;box-shadow:3px 3px 6px #0003,inset 0 1px #ffffff80;animation:cardFlip .3s ease-out}@keyframes cardFlip{0%{transform:rotateY(90deg) scale(.8)}to{transform:rotateY(0) scale(1)}}.card-cell.matched{background:linear-gradient(145deg,#e8f5e9,#c8e6c9);color:#2e7d32;border-color:#66bb6a;opacity:.7;pointer-events:none}.card-stats{display:flex;gap:16px;justify-content:center;font-size:14px;color:#fff9;font-weight:500;margin-bottom:8px}.card-stats strong{color:#fff}.card-win{display:none;text-align:center;font-family:var(--font-display);font-size:24px;font-weight:700;color:gold;padding:14px;background:#ffd7001a;border-radius:8px;margin-top:8px;text-shadow:0 0 12px rgba(255,215,0,.3)}#card-modal .btn-secondary{background:#ffffff1a;color:#e1bee7;border-color:#ce93d84d}#card-modal .btn-secondary:hover{background:#ffffff26}.spin-wheel-container{position:relative;width:220px;height:220px;margin:0 auto 16px}.spin-wheel-ring{width:220px;height:220px;border-radius:50%;background:conic-gradient(#ffd54f,#ea5455,#26a69a,#7e57c2,#f4a460,#077b8a,#ff8a80,#3d5a80,#ffd54f 360deg);border:4px solid var(--kraft);position:relative;transform:rotate(0);transition:none}.spin-wheel-ring:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;background:var(--paper);border:2px solid var(--kraft)}.spin-pointer{position:absolute;top:-14px;left:50%;transform:translate(-50%);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:18px solid var(--redline);z-index:2;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.spin-result{text-align:center;font-family:var(--font-display);font-size:24px;font-weight:700;margin:12px 0;min-height:36px}.spin-actions{display:flex;gap:8px;justify-content:center}.spin-info{text-align:center;font-size:12px;color:var(--text-ghost)}#spin-modal{background:linear-gradient(180deg,#b71c1c,#c62828 40%,#b71c1c);border-color:#7f0000;border-radius:4px 16px;box-shadow:inset 0 0 30px #0003,inset 0 1px #ffffff0f,4px 4px #3c000080,0 12px 40px #0000004d,0 0 0 3px #e65100,0 0 12px #ff98001a}#spin-modal:after{background:linear-gradient(225deg,#C62828 50%,transparent 50%)}#spin-modal h2{color:#ffcdd2;border-bottom-color:#ffffff0f}#spin-modal .close-btn{border-color:#e65100;color:#ffcdd2;background:#b71c1c}#spin-modal .close-btn:hover{background:var(--redline);color:#fff;border-color:var(--redline)}.spin-result{color:#ffd54f!important;text-shadow:0 0 8px rgba(255,213,79,.2)!important}.spin-info{color:#ffcdd280!important}.spin-info strong{color:#ffd54f!important}#spin-btn{background:linear-gradient(180deg,#ff6f00,#e65100)!important;box-shadow:0 4px 12px #e6510066,inset 0 1px #ffffff26!important;animation:spinBtnGlow 2s ease-in-out infinite}@keyframes spinBtnGlow{0%,to{box-shadow:0 4px 12px #e6510066}50%{box-shadow:0 4px 20px #ff980099,0 0 8px #ff980033}}#music-modal{background:linear-gradient(180deg,#3e2723,#4e342e 8%,#5d4037 92%,#3e2723);border-color:#8d6e63;border-radius:4px 20px;box-shadow:inset 0 1px #ffffff14,4px 4px #1e140a66,0 12px 40px #0000004d}#music-modal:after{background:linear-gradient(225deg,#5D4037 50%,transparent 50%)}#music-modal h2{color:#ffcc80;border-bottom-color:#ffcc8026}#music-modal .close-btn{border-color:#8d6e63;color:#ffcc80;background:#4e342e}#music-modal .close-btn:hover{background:var(--redline);color:#fff;border-color:var(--redline)}.music-box-display{text-align:center;margin:12px 0}.music-vinyl{width:180px;height:180px;border-radius:50%;margin:0 auto 12px;background:radial-gradient(circle,#4E342E 14%,transparent 14.5%,transparent 15%,#1a1a1a 15.5%,#1a1a1a 16%,transparent 16.5%,transparent 42%,rgba(26,26,26,.2) 42.5%,#1a1a1a 43%,transparent 43.5%,transparent 68%,rgba(26,26,26,.15) 68.5%,#1a1a1a 69%,transparent 69.5%),conic-gradient(from 0deg,#111,#222,#111,#1a1a1a,#222,#111,#1a1a1a,#222,#111,#1a1a1a,#222,#111,#1a1a1a,#222,#111,#1a1a1a,#222,#111,#1a1a1a,#222,#111,#1a1a1a,#222,#111,#1a1a1a,#222,#111,#1a1a1a,#222,#111,#1a1a1a,#222,#111,#1a1a1a,#222 340deg,#111 360deg);background-color:#111;border:3px solid #333;box-shadow:0 0 0 4px #4e342e,0 4px 16px #0006;position:relative;transition:transform .3s}.music-vinyl.playing{animation:vinylSpin 2s linear infinite}@keyframes vinylSpin{to{transform:rotate(360deg)}}.music-vinyl:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;background:radial-gradient(circle,#ff5722 30%,#e64a19 70%,#bf360c);border:2px solid #333;box-shadow:inset 0 0 8px #0000004d}.music-melody-name{font-family:var(--font-display);font-size:26px;font-weight:700;color:#ffcc80;margin-bottom:8px}.music-status{font-size:14px;color:#ffcc8099;margin:8px 0}.music-controls{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.music-controls button{border:1.5px solid rgba(255,204,128,.2);border-radius:4px 8px;padding:8px 18px;font-family:var(--font-display);font-weight:700;font-size:15px;cursor:pointer;transition:transform .15s,box-shadow .15s;background:#ffffff0f;color:#ffcc80;box-shadow:0 2px 4px #0003}.music-controls button:hover{background:#ffcc801a;transform:scale(1.05)}.music-controls .btn-primary{background:#ff5722;color:#fff;border-color:#e64a19;box-shadow:0 3px 6px #ff57224d}.music-note-particles{position:relative;height:40px;margin:8px 0}.music-note-particles .note{position:absolute;font-size:18px;animation:floatNote 2s ease-out infinite;opacity:0}@keyframes floatNote{0%{opacity:.8;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-30px) scale(.6)}}.coffee-menu{display:grid;grid-template-columns:1fr 1fr;gap:8px}.coffee-item{background:#fff9e6;border:1px solid rgba(44,44,58,.06);border-radius:8px;padding:12px;text-align:center}.coffee-item .emoji{font-size:28px}.coffee-item .name{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--graphite);display:block}.coffee-item .desc{font-size:12px;color:var(--text-ghost);margin-top:2px}#coffee-modal{background:linear-gradient(180deg,#3e2723,#4e342e 40%,#3e2723);border-color:#2c1b1a;border-radius:4px 16px;box-shadow:inset 0 0 30px #00000026,inset 0 1px #ffffff0f,4px 4px #140a0566,0 12px 40px #0000004d,0 0 0 3px #5d4037}#coffee-modal:after{background:linear-gradient(225deg,#4E342E 50%,transparent 50%)}#coffee-modal h2{color:#ffcc80;border-bottom-color:#ffcc801a}#coffee-modal .close-btn{border-color:#5d4037;color:#ffcc80;background:#3e2723}#coffee-modal .close-btn:hover{background:var(--redline);color:#fff;border-color:var(--redline)}.coffee-item{background:#ffffff0f!important;color:#d7ccc8!important;border-color:#ffcc801f!important}.coffee-item:hover{background:#ffcc801a!important}#weather-modal{background:linear-gradient(180deg,#455a64,#37474f 8%,#263238,#37474f 92%,#263238);border-color:#546e7a;border-radius:4px 16px;box-shadow:inset 0 0 30px #0003,inset 0 1px #ffffff0f,4px 4px #0a141980,0 12px 40px #0000004d,0 0 0 3px #546e7a,0 0 0 5px #37474f}#weather-modal:after{background:linear-gradient(225deg,#546E7A 50%,transparent 50%)}#weather-modal h2{color:#b0bec5;border-bottom-color:#ffffff0f}#weather-modal .close-btn{border-color:#546e7a;color:#90a4ae;background:#37474f}#weather-modal .close-btn:hover{background:var(--redline);color:#fff;border-color:var(--redline)}#weather-label{color:#4fc3f7!important;font-family:var(--font-display)!important;font-size:22px!important;text-align:center!important;text-shadow:0 0 8px rgba(79,195,247,.3);margin-bottom:4px}.weather-canvas{border-radius:8px;border:2px solid #546E7A;display:block;margin:8px auto;box-shadow:inset 0 2px 8px #0006,0 2px 6px #0000004d,0 0 12px #4fc3f714;width:100%;max-width:300px}.weather-btn-bar{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin:10px 0}.weather-btn{padding:8px 14px;border-radius:6px;border:1.5px solid #607D8B;background:linear-gradient(180deg,#546e7a,#455a64);cursor:pointer;font-size:14px;color:#cfd8dc;text-shadow:0 1px 1px rgba(0,0,0,.3);box-shadow:inset 0 1px #ffffff1a,0 2px 4px #0000004d;transition:all .15s;position:relative}.weather-btn:hover{background:linear-gradient(180deg,#607d8b,#546e7a);color:#fff;box-shadow:inset 0 1px #ffffff26,0 3px 8px #0000004d;transform:translateY(-1px)}.weather-btn:active{transform:translateY(1px);box-shadow:inset 0 2px 4px #0000004d,0 1px 2px #0003}.weather-btn:after{content:"";position:absolute;top:3px;left:50%;transform:translate(-50%);width:14px;height:2px;border-radius:1px;background:#ffffff1f}#weather-modal .zone-info-row{color:#b0bec580;font-size:12px;margin-top:6px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}#weather-modal .zone-info-row span{color:#4fc3f7;text-shadow:0 0 6px rgba(79,195,247,.2)}#cooking-modal{background:linear-gradient(165deg,#8d6e63,#a1887f 12%,#bcaaa4 30%,#a1887f,#8d6e63 70%,#795548 88%,#6d4c41);border-color:#5d4037;border-radius:6px 18px;box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #0000001a,4px 4px #3c1e0a59,0 12px 40px #0003,0 0 0 3px #6d4c41,0 0 0 5px #5d4037}#cooking-modal:after{background:linear-gradient(225deg,#A1887F 50%,transparent 50%)}#cooking-modal h2{color:#fff3e0;border-bottom-color:#fff3e01f}#cooking-modal .close-btn{border-color:#6d4c41;color:#d7ccc8;background:#5d4037}#cooking-modal .close-btn:hover{background:var(--redline);color:#fff;border-color:var(--redline)}.cooking-ingredients{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.cooking-ingredient{padding:8px 12px;border-radius:4px 8px;border:1.5px solid rgba(93,64,55,.4);background:linear-gradient(145deg,#efebe9,#d7ccc8);cursor:pointer;font-size:14px;color:#4e342e;font-weight:600;box-shadow:1px 1px 3px #00000026,inset 0 1px #ffffff80;transition:all .15s}.cooking-ingredient:hover{transform:translateY(-2px) rotate(-.5deg);box-shadow:2px 3px 6px #0003,inset 0 1px #ffffff80}.cooking-ingredient:active{transform:translateY(1px);box-shadow:inset 0 1px 2px #00000026}.cooking-ingredient.selected{background:linear-gradient(145deg,#fbe9e7,#ffccbc);border-color:#e64a19;color:#bf360c;box-shadow:0 0 0 2px #e64a1926,2px 2px 4px #e64a1933,inset 0 1px #ffffff80}.cooking-selected{font-family:var(--font-display);font-size:16px;color:#fff3e0cc;margin:8px 0;text-align:center;min-height:24px}#cooking-cook{border:1.5px solid rgba(180,80,20,.4)!important;border-radius:4px 10px!important;padding:10px 28px!important;font-family:var(--font-display)!important;font-weight:700!important;font-size:16px!important;cursor:pointer;background:linear-gradient(180deg,#e64a19,#bf360c)!important;color:#fff!important;text-shadow:0 1px 1px rgba(0,0,0,.3);box-shadow:0 3px 8px #bf360c4d,inset 0 1px #ffffff26!important;transition:transform .15s,box-shadow .15s!important}#cooking-cook:hover:not(:disabled){transform:rotate(-1deg) scale(1.04);box-shadow:0 5px 12px #bf360c66,inset 0 1px #ffffff26!important}#cooking-cook:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 2px #bf360c4d,inset 0 2px 4px #0003!important}#cooking-cook:disabled{opacity:.4;cursor:not-allowed;transform:none!important}#cooking-result{text-align:center;font-family:var(--font-display);font-size:18px;color:#ffcc80;min-height:28px;margin:10px 0;text-shadow:0 1px 2px rgba(0,0,0,.3)}.cooking-recipe-tag{padding:5px 10px;border-radius:3px 6px;font-size:13px;font-weight:600;background:linear-gradient(145deg,#efebe9,#d7ccc8);border:1px solid rgba(93,64,55,.25);color:#4e342e;box-shadow:1px 1px 2px #0000001a,inset 0 1px #fff6}.cooking-recipe-tag.locked{background:#3e271966;color:#fff3e04d;border-color:#5d403733;box-shadow:none}#cooking-modal>div[style*=菜谱图鉴]{color:#fff3e080!important}.album-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:8px;border-bottom:1px dashed var(--kraft)}.album-count{font-family:var(--font-display);font-size:13px;color:var(--text-ghost)}.album-toolbar-actions{display:flex;gap:6px}.album-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-height:52vh;overflow-y:auto;padding:4px 2px}.album-card{border:1.5px solid var(--kraft);border-radius:4px 10px;overflow:hidden;cursor:pointer;transition:transform .15s,box-shadow .15s;background:var(--paper)}.album-card:hover{transform:translateY(-2px);box-shadow:2px 3px #8b735526}.album-card img{width:100%;aspect-ratio:1;object-fit:cover;display:block;border-bottom:1px solid var(--birch)}.album-card-info{padding:4px 6px;font-family:var(--font-display);font-size:11px;color:var(--graphite);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.album-card-date{font-size:9px;color:var(--text-ghost)}.album-empty{text-align:center;padding:40px 0;color:var(--text-ghost)}.album-progress-bar{height:6px;background:var(--birch);border-radius:3px;overflow:hidden;margin-top:8px;max-width:200px;margin-left:auto;margin-right:auto}.album-progress-fill{height:100%;background:var(--teal);border-radius:3px;width:0%;transition:width .2s}.album-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#2c2c3ad9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center}.album-lightbox-close{position:absolute;top:16px;right:20px;background:none;border:none;color:#fff;font-size:28px;cursor:pointer;opacity:.7;transition:opacity .15s}.album-lightbox-close:hover{opacity:1}.album-lightbox img{max-width:85vw;max-height:70vh;border-radius:6px;box-shadow:0 8px 32px #0006;object-fit:contain}.album-lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff26;border:none;color:#fff;font-size:48px;cursor:pointer;width:52px;height:80px;border-radius:8px;transition:background .2s;line-height:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.album-lightbox-nav:hover{background:#ffffff4d}.album-lightbox-prev{left:16px}.album-lightbox-next{right:16px}.album-lightbox-info{display:flex;align-items:center;gap:12px;margin-top:16px;color:#eee;max-width:85vw}.album-password-panel{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100;background:var(--paper);padding:28px 32px;border-radius:16px;width:320px;max-width:90vw;box-shadow:0 8px 32px #00000040;border:2px solid rgba(26,26,46,.12)}.album-password-panel.visible{display:block}#album-password-input{width:100%;box-sizing:border-box}#album-modal{background:linear-gradient(180deg,#5d4037,#4e342e 40%,#3e2723);border-color:#2c1b1a;border-radius:4px 18px;box-shadow:inset 0 0 30px #00000026,inset 0 1px #ffffff0f,4px 4px #140a0566,0 12px 40px #00000040,0 0 0 3px #8d6e63,0 0 0 5px #d4af37}#album-modal:after{background:linear-gradient(225deg,#5D4037 50%,transparent 50%)}#album-modal h2{color:#ffcc80;border-bottom-color:#d4af371a}#album-modal .close-btn{border-color:#8d6e63;color:#ffcc80;background:#4e342e}#album-modal .close-btn:hover{background:var(--redline);color:#fff;border-color:var(--redline)}.album-toolbar{border-bottom-color:#ffcc801a!important}#board-modal{background:linear-gradient(135deg,#c4a366,#b8956a,#a88650);border-color:#8b6914;border-radius:4px 18px;box-shadow:inset 0 1px #ffffff26,4px 4px #64461e40,0 12px 40px #0003,0 0 0 3px #6d4c00}#board-modal:after{background:linear-gradient(225deg,#d4b87a 50%,transparent 50%)}#board-modal h2{color:#3e2723;border-bottom-color:#8b691433}#board-modal .close-btn{border-color:#8b6914;color:#5d4037;background:#c4a366}#board-modal .close-btn:hover{background:var(--redline);color:#fff;border-color:var(--redline)}.board-message{background:#fff9e6!important;border-color:#8b691433!important;box-shadow:2px 2px 4px #64461e26,inset 0 1px #ffffff80!important}#shelf-modal{background:linear-gradient(180deg,#5d4037,#4e342e 40%,#3e2723);border-color:#3e2723;border-radius:4px 14px;box-shadow:inset 0 0 30px #00000026,inset 0 1px #ffffff0f,4px 4px #140a0066,0 12px 40px #0000004d,0 0 0 3px #8d6e63}#shelf-modal:after{background:linear-gradient(225deg,#5D4037 50%,transparent 50%)}#shelf-modal h2{color:#d7ccc8;border-bottom-color:#ffffff0f}#shelf-modal .close-btn{border-color:#5d4037;color:#d7ccc8;background:#4e342e}#shelf-modal .close-btn:hover{background:var(--redline);color:#fff;border-color:var(--redline)}.shelf-book{background:#8d6e63!important;color:#fff3e0!important;border-radius:2px 4px 4px 2px!important;box-shadow:2px 2px 4px #0000004d,inset 0 1px #ffffff1a!important}.shelf-book:hover{background:#a1887f!important;transform:translate(6px) rotate(-1deg)!important}#mailbox-modal{background:linear-gradient(180deg,#546e7a,#455a64 40%,#37474f);border-color:#263238;border-radius:4px 16px;box-shadow:inset 0 0 20px #00000026,inset 0 1px #ffffff14,4px 4px #0a141980,0 12px 40px #0000004d,0 0 0 3px #607d8b}#mailbox-modal:after{background:linear-gradient(225deg,#607D8B 50%,transparent 50%)}#mailbox-modal h2{color:#b0bec5;border-bottom-color:#ffffff0f}#mailbox-modal .close-btn{border-color:#546e7a;color:#90a4ae;background:#37474f}#mailbox-modal .close-btn:hover{background:var(--redline);color:#fff;border-color:var(--redline)}.mailbox-message{background:#ffffff0f!important;color:#cfd8dc!important;border-color:#ffffff14!important}#mailbox-input{background:#ffffff0f!important;color:#cfd8dc!important;border-color:#607d8b!important}#mailbox-input:focus{border-color:#4fc3f7!important;box-shadow:0 0 0 2px #4fc3f726!important}#mailbox-send{background:#4fc3f7!important;color:#263238!important;border-color:#0288d1!important}#graffiti-modal{background:repeating-linear-gradient(0deg,transparent,transparent 28px,rgba(150,130,110,.15) 28px,rgba(150,130,110,.15) 30px),linear-gradient(180deg,#a1887f,#8d6e63 40%,#795548);border-color:#4e342e;border-radius:4px 12px;box-shadow:inset 0 1px #ffffff14,4px 4px #3c1e0a59,0 12px 40px #0003,0 0 0 3px #5d4037}#graffiti-modal:after{background:linear-gradient(225deg,#8D6E63 50%,transparent 50%)}#graffiti-modal h2{color:#fff8e1;border-bottom-color:#fff8e114}#graffiti-modal .close-btn{border-color:#5d4037;color:#d7ccc8;background:#6d4c41}#graffiti-modal .close-btn:hover{background:var(--redline);color:#fff;border-color:var(--redline)}.graffiti-content{background:#0000001a!important;border-radius:8px!important}.graffiti-item{color:#fff8e1!important;text-shadow:1px 1px 2px rgba(0,0,0,.3)!important}#diary-modal{background:linear-gradient(180deg,#795548,#6d4c41 40%,#5d4037);border-color:#4e342e;border-radius:4px 16px;box-shadow:inset 0 0 30px #00000026,inset 0 1px #ffffff0f,4px 4px #1e0f0566,0 12px 40px #00000040,0 0 0 3px #8d6e63,0 0 0 4px #d4af37}#diary-modal:after{background:linear-gradient(225deg,#8D6E63 50%,transparent 50%)}#diary-modal h2{color:#ffcc80;border-bottom-color:#ffcc801f}#diary-modal .close-btn{border-color:#8d6e63;color:#ffcc80;background:#5d4037}#diary-modal .close-btn:hover{background:var(--redline);color:#fff;border-color:var(--redline)}.diary-mood-btn{background:#ffffff14!important;color:#ffcc80!important;border-color:#ffcc8033!important}.diary-mood-btn.selected{background:#d4af37!important;color:#3e2723!important;border-color:#d4af37!important}.diary-textarea{background:#fff8e11a!important;color:#ffcc80!important;border-color:#ffcc8026!important}.diary-entry{border-bottom-color:#ffcc8014!important}.diary-entry-text{color:#d7ccc8!important}#capsule-modal{background:linear-gradient(180deg,#a88650,#8b6914 40%,#6d4c00);border-color:#5d4037;border-radius:4px 20px;box-shadow:inset 0 1px #ffffff26,inset 0 -1px #0000001a,4px 4px #3c1e0a59,0 12px 40px #0003,0 0 0 3px #6d4c00}#capsule-modal:after{background:linear-gradient(225deg,#A88650 50%,transparent 50%)}#capsule-modal h2{color:#fff3e0;border-bottom-color:#fff3e01a}#capsule-modal .close-btn{border-color:#6d4c00;color:#fff3e0;background:#8b6914}#capsule-modal .close-btn:hover{background:var(--redline);color:#fff;border-color:var(--redline)}.capsule-time-btn{background:#ffffff1a!important;color:#fff3e0!important;border-color:#fff3e026!important}.capsule-time-btn:hover{background:#ffffff26!important}#map-modal{background:linear-gradient(165deg,#d4c4a8,#c4b498 40%,#b4a488);border-color:#8b6914;border-radius:4px 16px;box-shadow:inset 0 1px #ffffff4d,4px 4px #64461e33,0 12px 40px #00000026,0 0 0 3px #6d4c00}#map-modal:after{background:linear-gradient(225deg,#C4B498 50%,transparent 50%)}#map-modal h2{color:#3e2723;border-bottom-color:#3e27231a}#map-modal .close-btn{border-color:#8b6914;color:#5d4037;background:#c4b498}#map-modal .close-btn:hover{background:var(--redline);color:#fff;border-color:var(--redline)}.map-canvas{border-color:#8b691440!important;box-shadow:inset 0 1px 4px #0000001a,0 2px 6px #0000001a!important}.map-legend{color:#5d4037!important}#maze-modal{background:linear-gradient(180deg,#2e7d32,#388e3c 40%,#1b5e20);border-color:#1b5e20;border-radius:4px 14px;box-shadow:inset 0 0 40px #00000026,inset 0 1px #ffffff14,4px 4px #0a280a66,0 12px 40px #00000040}#maze-modal:after{background:linear-gradient(225deg,#388E3C 50%,transparent 50%)}#maze-modal h2{color:#c8e6c9;border-bottom-color:#ffffff14}#maze-modal .close-btn{border-color:#2e7d32;color:#c8e6c9;background:#1b5e20}#maze-modal .close-btn:hover{background:var(--redline);color:#fff;border-color:var(--redline)}.maze-canvas{border-color:#c8e6c933!important;box-shadow:inset 0 2px 6px #0003!important}.maze-info span{color:#a5d6a7!important}#puzzle-modal{background:linear-gradient(165deg,#e8e0d0,#ddd5c4 40%,#d4c8b0);border-color:#bcaaa4;border-radius:8px 18px;box-shadow:inset 0 1px #ffffff80,inset 0 -1px #0000000d,4px 4px #bcaaa44d,0 12px 40px #0000001a}#puzzle-modal:after{background:linear-gradient(225deg,#E8E0D0 50%,transparent 50%)}#puzzle-modal h2{color:#5d4037;border-bottom-color:#5d40371a}#puzzle-modal .close-btn{border-color:#bcaaa4;color:#5d4037;background:#e8e0d0}#puzzle-modal .close-btn:hover{background:var(--redline);color:#fff;border-color:var(--redline)}#klotski-modal{background:linear-gradient(180deg,#6d4c41,#5d4037 40%,#4e342e);border-color:#3e2723;border-radius:4px 14px;box-shadow:inset 0 0 30px #00000026,inset 0 1px #ffffff0f,4px 4px #140a0066,0 12px 40px #00000040,0 0 0 3px #8d6e63,0 0 0 5px #d4af37}#klotski-modal:after{background:linear-gradient(225deg,#6D4C41 50%,transparent 50%)}#klotski-modal h2{color:#ffcc80;border-bottom-color:#d4af371f}#klotski-modal .close-btn{border-color:#8d6e63;color:#ffcc80;background:#5d4037}#klotski-modal .close-btn:hover{background:var(--redline);color:#fff;border-color:var(--redline)}.klotski-board{background:#3e2723!important;border-color:#d4af37!important;box-shadow:inset 0 2px 8px #0000004d,0 0 0 2px #d4af37!important}#sudoku-modal{background:repeating-linear-gradient(0deg,transparent,transparent 29px,rgba(239,83,80,.06) 29px,rgba(239,83,80,.06) 30px),repeating-linear-gradient(90deg,transparent,transparent 29px,rgba(239,83,80,.06) 29px,rgba(239,83,80,.06) 30px),linear-gradient(180deg,#fff8e1,#fff3e0);border-color:#ffe0b2;border-radius:4px 14px;box-shadow:inset 0 1px #ffffff80,4px 4px #ffe0b24d,0 12px 40px #0000001a}#sudoku-modal:after{background:linear-gradient(225deg,#FFF8E1 50%,transparent 50%)}#sudoku-modal h2{color:#e65100;border-bottom-color:#e651001a}#sudoku-modal .close-btn{border-color:#ffe0b2;color:#e65100;background:#fff8e1}#sudoku-modal .close-btn:hover{background:var(--redline);color:#fff;border-color:var(--redline)}#magic-modal{background:radial-gradient(circle at 50% 30%,rgba(156,39,176,.15) 0%,transparent 60%),linear-gradient(180deg,#311b92,#4a148c 40%,#311b92);border-color:#1a0033;border-radius:4px 50%;box-shadow:inset 0 0 50px #0003,inset 0 1px #ffffff0d,4px 4px #0a001e80,0 12px 40px #0000004d,0 0 16px #9c27b026}#magic-modal:after{background:linear-gradient(225deg,#4A148C 50%,transparent 50%)}#magic-modal h2{color:#ce93d8;border-bottom-color:#ce93d814}#magic-modal .close-btn{border-color:#7b1fa2;color:#ce93d8;background:#311b92}#magic-modal .close-btn:hover{background:var(--redline);color:#fff;border-color:var(--redline)}.magic-rune{border-color:#9c27b066!important;background:#9c27b01f!important;color:#ce93d8!important}.magic-rune:hover{background:#9c27b040!important}.magic-rune.activated{background:#9c27b080!important;box-shadow:0 0 16px #9c27b080!important}.magic-prophecy{background:#9c27b026!important;color:#e1bee7!important}#constellation-modal{background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.02) 0%,transparent 40%),linear-gradient(180deg,#0d1b2a,#1b2838 40%,#0d1b2a);border-color:#0a1929;border-radius:4px 16px;box-shadow:inset 0 0 40px #0000004d,inset 0 1px #ffffff08,4px 4px #050a1480,0 12px 40px #00000059,0 0 12px #4fc3f70d}#constellation-modal:after{background:linear-gradient(225deg,#1B2838 50%,transparent 50%)}#constellation-modal h2{color:#4fc3f7;border-bottom-color:#4fc3f714;text-shadow:0 0 8px rgba(79,195,247,.2)}#constellation-modal .close-btn{border-color:#1b2838;color:#4fc3f7;background:#0d1b2a}#constellation-modal .close-btn:hover{background:var(--redline);color:#fff;border-color:var(--redline)}.constellation-canvas-wrap canvas{border-color:#4fc3f71a!important;box-shadow:inset 0 2px 8px #0006,0 0 12px #4fc3f70d!important}#search-modal{background:linear-gradient(180deg,#546e7a,#455a64 40%,#37474f);border-color:#263238;border-radius:4px 16px;box-shadow:inset 0 0 20px #00000026,inset 0 1px #ffffff14,4px 4px #0a141980,0 12px 40px #0000004d,0 0 0 3px #607d8b}#search-modal:after{background:linear-gradient(225deg,#607D8B 50%,transparent 50%)}#search-modal h2{color:#b0bec5;border-bottom-color:#ffffff0f}#hourglass-modal{background:linear-gradient(180deg,#a1887f,#8d6e63 40%,#795548);border-color:#5d4037;border-radius:4px 18px;box-shadow:inset 0 1px #ffffff1a,4px 4px #3c1e0a59,0 12px 40px #0003,0 0 0 3px #8d6e63}#hourglass-modal:after{background:linear-gradient(225deg,#A1887F 50%,transparent 50%)}#hourglass-modal h2{color:#fff3e0;border-bottom-color:#fff3e01a}#hourglass-modal .close-btn{border-color:#8d6e63;color:#fff3e0;background:#795548}#hourglass-modal .close-btn:hover{background:var(--redline);color:#fff;border-color:var(--redline)}.hourglass-top,.hourglass-bottom{border-color:#8d6e63!important;background:#fff8e126!important}.hourglass-sand-fill{background:#ffcc80!important}.hourglass-quote{color:#ffcc80!important}#wish-modal{background:linear-gradient(180deg,#263238,#1a237e,#0d47a1 60%,#263238);border-color:#0d1b2a;border-radius:4px 20px;box-shadow:inset 0 0 40px #0003,inset 0 1px #ffffff0a,4px 4px #050a1480,0 12px 40px #00000059,0 0 8px #4fc3f70f}#wish-modal:after{background:linear-gradient(225deg,#1A237E 50%,transparent 50%)}#wish-modal h2{color:#4fc3f7;border-bottom-color:#4fc3f714;text-shadow:0 0 6px rgba(79,195,247,.15)}#wish-modal .close-btn{border-color:#1a237e;color:#4fc3f7;background:#0d1b2a}#wish-modal .close-btn:hover{background:var(--redline);color:#fff;border-color:var(--redline)}.wish-pond{background:radial-gradient(circle,#64b5f640,#0d47a126)!important;box-shadow:inset 0 4px 12px #0006,0 0 12px #4fc3f71a!important}#wish-input{background:#ffffff0f!important;color:#b3e5fc!important;border-color:#4fc3f733!important}.wish-item{color:#80deea!important;border-bottom-color:#4fc3f70f!important}#kaleidoscope-modal{background:conic-gradient(from 45deg,#4a148c,#1565c0,#2e7d32,#e65100,#b71c1c,#4a148c),linear-gradient(180deg,#1a0033,#311b92);background-blend-mode:soft-light;border-color:#1a0033;border-radius:4px 50%;box-shadow:inset 0 0 40px #00000040,4px 4px #0a001e80,0 12px 40px #0000004d,0 0 12px #9c27b01a}#kaleidoscope-modal:after{background:linear-gradient(225deg,rgba(74,20,140,.6) 50%,transparent 50%)}#kaleidoscope-modal h2{color:#e1bee7;border-bottom-color:#ffffff0f}#kaleidoscope-modal .close-btn{border-color:#7b1fa2;color:#ce93d8;background:#311b92}#kaleidoscope-modal .close-btn:hover{background:var(--redline);color:#fff;border-color:var(--redline)}.kaleidoscope-canvas{border-color:#ce93d84d!important;box-shadow:0 0 12px #9c27b033,inset 0 2px 8px #0000004d!important}.kaleidoscope-controls label{color:#ce93d8!important}.kaleidoscope-controls span{color:#e1bee7!important}#sharpener-modal{background:linear-gradient(180deg,#90a4ae,#78909c 40%,#607d8b);border-color:#455a64;border-radius:4px 14px;box-shadow:inset 0 1px #ffffff26,inset 0 -1px #0000001a,4px 4px #1e283259,0 12px 40px #0003,0 0 0 3px #546e7a}#sharpener-modal:after{background:linear-gradient(225deg,#90A4AE 50%,transparent 50%)}#sharpener-modal h2{color:#eceff1;border-bottom-color:#ffffff14}#sharpener-modal .close-btn{border-color:#546e7a;color:#cfd8dc;background:#607d8b}#sharpener-modal .close-btn:hover{background:var(--redline);color:#fff;border-color:var(--redline)}#inkwell-modal{background:linear-gradient(180deg,#1a237e,#283593 20%,#1a237e 50%,#0d1b60);border-color:#0d1040;border-radius:4px 50%;box-shadow:inset 0 0 30px #0003,inset 0 1px #ffffff0a,4px 4px #05052880,0 12px 40px #0000004d,0 0 8px #3f51b51a,0 0 0 3px #d4af37}#inkwell-modal:after{background:linear-gradient(225deg,#283593 50%,transparent 50%)}#inkwell-modal h2{color:#7986cb;border-bottom-color:#7986cb1a}#inkwell-modal .close-btn{border-color:#3f51b5;color:#9fa8da;background:#1a237e}#inkwell-modal .close-btn:hover{background:var(--redline);color:#fff;border-color:var(--redline)}#origami-modal{background:linear-gradient(180deg,#fce4ec,#f8bbd0 10%,#f48fb1,#f8bbd0 90%,#fce4ec);border-color:#e91e63;border-radius:4px 50%;box-shadow:inset 0 1px #ffffff80,4px 4px #e91e6326,0 12px 40px #0000001a,0 0 0 2px #f8bbd0}#origami-modal:after{background:linear-gradient(225deg,#F8BBD0 50%,transparent 50%)}#origami-modal h2{color:#880e4f;border-bottom-color:#e91e631a}#origami-modal .close-btn{border-color:#f48fb1;color:#880e4f;background:#fce4ec}#origami-modal .close-btn:hover{background:var(--redline);color:#fff;border-color:var(--redline)}.origami-dir-btn{background:#fff9!important;border-color:#e91e6326!important}.origami-dir-btn:hover{background:#f48fb14d!important}#sticker-modal{background:linear-gradient(165deg,#fff3e0,#ffe0b2 40%,#ffcc80);border-color:#ff9800;border-radius:4px 16px;box-shadow:inset 0 1px #fff6,4px 4px #ff980026,0 12px 40px #0000001a,0 0 0 3px #ffb74d}#sticker-modal:after{background:linear-gradient(225deg,#FFE0B2 50%,transparent 50%)}#sticker-modal h2{color:#e65100;border-bottom-color:#e651001a}#sticker-modal .close-btn{border-color:#ffb74d;color:#e65100;background:#fff3e0}#sticker-modal .close-btn:hover{background:var(--redline);color:#fff;border-color:var(--redline)}#abacus-modal{background:linear-gradient(180deg,#6d4c41,#5d4037 40%,#4e342e);border-color:#3e2723;border-radius:4px 14px;box-shadow:inset 0 1px #ffffff0f,inset 0 -1px #0000001a,4px 4px #140a0066,0 12px 40px #00000040,0 0 0 3px #8d6e63}#abacus-modal:after{background:linear-gradient(225deg,#6D4C41 50%,transparent 50%)}#abacus-modal h2{color:#d7ccc8;border-bottom-color:#d7ccc81a}#abacus-modal .close-btn{border-color:#8d6e63;color:#d7ccc8;background:#5d4037}#abacus-modal .close-btn:hover{background:var(--redline);color:#fff;border-color:var(--redline)}#abacus-answer{background:#fff8e114!important;color:#ffcc80!important;border-color:#ffcc8026!important}#npc-dialog-overlay{position:fixed;bottom:120px;left:50%;transform:translate(-50%);z-index:300;pointer-events:none;opacity:0;transition:opacity .3s ease;display:flex;flex-direction:column;align-items:center}#npc-dialog-overlay.visible{opacity:1;pointer-events:auto}.npc-dialog-bubble{background:#fffde7;border:2.5px solid #8B7355;border-radius:18px 18px 18px 4px;padding:16px 22px 14px;max-width:340px;min-width:180px;box-shadow:3px 4px #8b73552e;position:relative;font-family:Caveat,cursive}.npc-dialog-bubble:after{content:"";position:absolute;bottom:-12px;left:24px;width:0;height:0;border:7px solid transparent;border-top-color:#8b7355;border-right-color:transparent}#npc-dialog-name{font-size:17px;font-weight:700;color:#3e2723;margin-bottom:4px}#npc-dialog-text{font-size:15px;color:#2c2c3a;line-height:1.5}.npc-dialog-btn{display:block;margin:10px auto 0;padding:4px 18px;font-family:Caveat,cursive;font-size:14px;background:#fff8e1;border:1.5px solid #8B7355;border-radius:10px;cursor:pointer;color:#5d4037;transition:background .15s}.npc-dialog-btn:hover{background:#ffe0b2}.npc-dialog-btn:active{background:#ffcc80}#diy-overlay .zone-modal{max-width:440px;width:92vw;max-height:80vh}.diy-tabs{display:flex;gap:6px;margin-bottom:14px;border-bottom:2px solid rgba(139,115,85,.2);padding-bottom:6px}.diy-tab-btn{background:none;border:none;font-family:Caveat,cursive;font-size:16px;color:#8b7355;cursor:pointer;padding:4px 12px;border-radius:8px 8px 0 0;transition:background .15s,color .15s}.diy-tab-btn.active{background:#8b73551f;color:#2c2c3a;font-weight:700}.diy-tab-btn:hover{background:#8b735514}.diy-coin-bar{text-align:right;font-family:Caveat,cursive;font-size:15px;color:#8b7355;margin-bottom:8px}.diy-deco-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.diy-deco-item{display:flex;align-items:center;gap:6px;padding:6px 10px;border:1.5px solid rgba(139,115,85,.25);border-radius:10px;font-family:Caveat,cursive;font-size:14px;background:#fffef5}.diy-deco-name{flex:1}.diy-deco-cost{color:#8b7355;font-size:13px}.diy-deco-buy{background:#fff8e1;border:1.5px solid #8B7355;border-radius:8px;cursor:pointer;font-family:Caveat,cursive;font-size:13px;color:#5d4037;padding:2px 10px;transition:background .15s}.diy-deco-buy:hover{background:#ffe0b2}.diy-deco-buy:active{background:#ffcc80}.diy-draw-area{display:flex;flex-direction:column;align-items:center;gap:10px}#diy-pixel-canvas{border:2px solid #8B7355;border-radius:6px;cursor:crosshair;image-rendering:pixelated;background:#faf5e8;max-width:260px;max-height:260px}.diy-palette{display:flex;flex-wrap:wrap;gap:4px;justify-content:center}.diy-palette-swatch{width:24px;height:24px;border-radius:4px;border:2px solid transparent;cursor:pointer;transition:border-color .15s}.diy-palette-swatch.active{border-color:#2c2c3a;box-shadow:0 0 4px #2c2c3a4d}.diy-draw-actions{display:flex;gap:8px}.diy-draw-actions button{font-family:Caveat,cursive;font-size:14px;padding:3px 14px;border:1.5px solid #8B7355;border-radius:8px;background:#fff8e1;cursor:pointer;color:#5d4037}.diy-draw-actions button:hover{background:#ffe0b2}.diy-sign-list{max-height:240px;overflow-y:auto;border:1.5px solid rgba(139,115,85,.25);border-radius:8px;padding:8px;background:#fffef5;margin-bottom:10px}.diy-sign-item{font-family:Caveat,cursive;font-size:14px;color:#2c2c3a;padding:3px 0;border-bottom:1px dashed rgba(139,115,85,.15)}.diy-sign-input-row{display:flex;gap:6px;margin-top:6px}.diy-sign-input-row input{flex:1;font-family:Caveat,cursive;font-size:14px;padding:4px 8px;border:1.5px solid #8B7355;border-radius:8px;background:#fffef5;color:#2c2c3a}.diy-sign-input-row input::placeholder{color:#8b735566}.diy-author-input{font-family:Caveat,cursive;font-size:13px;padding:3px 8px;border:1.5px solid rgba(139,115,85,.35);border-radius:8px;background:#fffef5;color:#5d4037;width:120px}.diy-sign-submit{font-family:Caveat,cursive;font-size:14px;padding:4px 14px;border:1.5px solid #8B7355;border-radius:8px;background:#fff8e1;cursor:pointer;color:#5d4037}.diy-sign-submit:hover{background:#ffe0b2}#backpack-overlay{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:250;background:#00000040;opacity:0;pointer-events:none;transition:opacity .25s ease}#backpack-overlay.visible{opacity:1;pointer-events:auto}.backpack-modal{background:#fffde7;border:2.5px solid #8B7355;border-radius:14px 4px;padding:20px 22px 18px;max-width:380px;width:88vw;max-height:70vh;position:relative;box-shadow:4px 5px #8b735533}.backpack-modal h2{font-family:Caveat,cursive;font-size:22px;color:#3e2723;margin:0 0 4px}.backpack-hint{font-family:Caveat,cursive;font-size:13px;color:#8b7355;margin-bottom:12px}.backpack-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;max-height:50vh;overflow-y:auto}.backpack-item{background:#fffef5;border:1.5px solid rgba(139,115,85,.3);border-radius:10px;padding:10px 8px 8px;text-align:center;cursor:pointer;transition:background .15s,border-color .15s;font-family:Caveat,cursive}.backpack-item:hover{background:#fff8e1;border-color:#8b7355}.backpack-item:active{background:#ffe0b2}.backpack-item-name{display:block;font-size:15px;color:#2c2c3a;margin-bottom:2px}.backpack-item-count{display:block;font-size:12px;color:#8b7355}#backpack-empty{font-family:Caveat,cursive;font-size:15px;color:#8b7355;text-align:center;padding:20px;display:none}#place-mode-hint{position:fixed;bottom:60px;left:50%;transform:translate(-50%);z-index:200;background:#faf5e8eb;border:2px solid #8B7355;border-radius:10px;padding:8px 18px;font-family:Caveat,cursive;font-size:16px;color:#3e2723;pointer-events:none;opacity:0;transition:opacity .25s ease;white-space:nowrap}#place-mode-hint.visible{opacity:1}#progress-hud{position:fixed;top:12px;right:12px;z-index:12;display:flex;align-items:center;gap:8px}#coin-display{font-family:var(--font-display);font-size:18px;font-weight:700;color:#f9a825;text-shadow:0 1px 2px rgba(0,0,0,.2);background:#faf5e8d9;padding:4px 12px;border-radius:4px 12px;border:1.5px solid rgba(139,115,85,.2);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap;transition:transform .2s}#coin-display.bounce{animation:coinBounce .35s ease-out}@keyframes coinBounce{0%{transform:scale(1)}30%{transform:scale(1.25)}60%{transform:scale(.95)}to{transform:scale(1)}}#badge-btn{width:36px;height:36px;border-radius:50%;border:2px solid var(--kraft);background:#faf5e8d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:all .2s;box-shadow:2px 2px 6px #0000001a;position:relative}#badge-btn:hover{transform:scale(1.12) rotate(-5deg);box-shadow:0 4px 12px #00000026}#badge-btn.pulse{animation:badgePulse 1.2s ease-in-out infinite}@keyframes badgePulse{0%,to{box-shadow:2px 2px 6px #0000001a}50%{box-shadow:0 0 0 4px #f9a82566,2px 2px 6px #0000001a}}#badge-modal{background:linear-gradient(165deg,#fff8e1,#fff3e0 40%,#ffe0b2);border-color:#f9a825;border-radius:4px 20px;box-shadow:inset 0 1px #fff6,4px 4px #8b691433,0 12px 40px #00000026}#badge-modal:after{background:linear-gradient(225deg,#FFE0B2 50%,transparent 50%)}#badge-modal h2{color:#e65100;border-bottom-color:#f9a82533}.badge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}.badge-cell{aspect-ratio:1;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;position:relative;transition:transform .2s,box-shadow .2s;cursor:default}.badge-cell.locked{background:linear-gradient(145deg,#e0e0e0,#bdbdbd);border:2px solid #9E9E9E;box-shadow:inset 0 1px #ffffff4d,2px 2px 4px #0000001a;opacity:.55}.badge-cell.locked .badge-icon{font-size:24px;filter:grayscale(1)}.badge-cell.locked .badge-label{color:#757575;font-size:10px}.badge-cell.unlocked{background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.6) 0%,transparent 60%),linear-gradient(145deg,#ffe082,#ffb300);border:3px solid #F9A825;box-shadow:3px 3px 8px #0003,inset 0 -1px 2px #0000001a,inset 0 1px #ffffff80,0 0 0 2px #f9a82533;animation:badgeUnlock .4s ease-out}.badge-cell.unlocked.silver{background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.5) 0%,transparent 60%),linear-gradient(145deg,#cfd8dc,#90a4ae);border-color:#78909c;box-shadow:3px 3px 8px #0003,inset 0 -1px 2px #0000001a,inset 0 1px #ffffff80,0 0 0 2px #78909c33}.badge-cell.unlocked.gold{background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.6) 0%,transparent 60%),linear-gradient(145deg,#ffd54f,#ff8f00);border-color:#f57f17;box-shadow:3px 3px 8px #00000040,inset 0 -1px 2px #0000001a,inset 0 1px #ffffff80,0 0 0 2px #f57f174d,0 0 12px #ff8f0033}.badge-cell.unlocked .badge-icon{font-size:28px}.badge-cell.unlocked .badge-label{color:#4e342e;font-size:10px;font-weight:700}.badge-cell:hover{transform:scale(1.08)}@keyframes badgeUnlock{0%{transform:scale(0) rotate(-90deg);opacity:0}60%{transform:scale(1.15) rotate(5deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}.badge-icon{line-height:1}.badge-label{text-align:center;line-height:1.1}.badge-cell .badge-tip{display:none;position:absolute;bottom:-30px;left:50%;transform:translate(-50%);background:#3e2723e6;color:#fff;font-size:10px;padding:3px 8px;border-radius:4px;white-space:nowrap;z-index:5;pointer-events:none}.badge-cell:hover .badge-tip{display:block}.badge-summary{text-align:center;font-family:var(--font-display);font-size:14px;color:#8d6e63;margin-top:8px}.badge-summary strong{color:#e65100;font-size:20px}@media(pointer:coarse){#progress-hud{top:8px;right:8px;gap:6px}#coin-display{font-size:16px;padding:3px 10px}#badge-btn{width:40px;height:40px;font-size:20px}.badge-grid{grid-template-columns:repeat(3,1fr);gap:8px}}.celebration-toast{position:fixed;top:60px;left:50%;transform:translate(-50%) translateY(-20px);opacity:0;z-index:99998;pointer-events:none;animation:toast-in .4s ease-out forwards,toast-out .4s ease-in 2.6s forwards}.celebration-toast .toast-inner{display:flex;align-items:center;gap:12px;padding:14px 28px;border-radius:16px;background:linear-gradient(135deg,#fff8e1,#fff3e0);border:2px solid #FFD54F;box-shadow:0 4px 20px #ffc10740,0 0 40px #ffc10714;font-size:16px;color:#5d4037;white-space:nowrap}.celebration-toast .toast-icon{font-size:28px;animation:badge-pop .5s cubic-bezier(.175,.885,.32,1.275)}.celebration-toast .toast-text{display:flex;flex-direction:column;gap:2px}.celebration-toast .toast-title{font-weight:700;font-size:15px;color:#3e2723}.celebration-toast .toast-desc{font-size:12px;color:#8d6e63}.celebration-zone{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.6);opacity:0;z-index:99998;pointer-events:none;animation:zone-in .5s cubic-bezier(.175,.885,.32,1.275) forwards,zone-out .3s ease-in 1.8s forwards}.celebration-zone .zone-inner{padding:20px 40px;border-radius:20px;background:radial-gradient(ellipse at center,#fffffff2,#fff8e1e6);border:3px solid #FFD700;box-shadow:0 0 30px #ffc1074d,0 0 60px #ffc10726,inset 0 0 20px #ffffff80;text-align:center;font-size:20px;font-weight:700;color:#e65100}.celebration-zone .zone-coins{display:block;margin-top:6px;font-size:16px;color:#ff8f00;font-weight:400}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes toast-out{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-10px)}}@keyframes zone-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes zone-out{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.1)}}@keyframes badge-pop{0%{transform:scale(0)}50%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.maze-canvas{width:100%;aspect-ratio:1;border-radius:8px;border:2px solid rgba(46,125,50,.2);background:#e8f5e9}.maze-info{display:flex;gap:16px;justify-content:center;margin:10px 0;font-family:var(--font-display);font-size:18px}.maze-info span{color:var(--teal);font-weight:700}.puzzle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;max-width:240px;margin:12px auto}.puzzle-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:var(--paper);border:2px solid var(--border-color);border-radius:8px;font-family:var(--font-display);font-size:28px;font-weight:700;color:var(--graphite);cursor:pointer;transition:all .15s}.puzzle-cell:hover{background:#fff9c4;transform:scale(1.05)}.puzzle-cell.empty{background:transparent;border:2px dashed rgba(44,44,58,.1);cursor:default}.puzzle-cell.empty:hover{background:transparent;transform:none}.puzzle-cell.correct{color:#2e7d32}.klotski-board{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(5,1fr);gap:3px;max-width:280px;margin:12px auto;aspect-ratio:4/5;background:#d7ccc8;border:2px solid var(--kraft);border-radius:8px;padding:6px;position:relative}.klotski-cell{background:#faf5e84d;border-radius:4px}.klotski-block{border-radius:6px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:14px;font-weight:700;color:#fff;cursor:pointer;z-index:1;transition:all .15s;border:2px solid rgba(255,255,255,.3)}.klotski-block:hover{filter:brightness(1.15);transform:scale(1.02)}.sudoku-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;max-width:220px;margin:12px auto}.sudoku-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:24px;font-weight:700;border-radius:6px;cursor:pointer;transition:all .15s;border:1.5px solid rgba(63,81,181,.15)}.sudoku-cell.sudoku-box-a{background:#ede7f6}.sudoku-cell.sudoku-box-b{background:#f3e5f5}.sudoku-cell.given{color:var(--graphite);cursor:default;font-weight:700}.sudoku-cell:not(.given):hover{background:#d1c4e9}.sudoku-cell.correct{color:#2e7d32}.sudoku-cell.wrong{color:#ea5455;background:#ffebee}.wish-pond{width:180px;height:120px;border-radius:50%;background:radial-gradient(circle,#64b5f666,#3f51b533);margin:12px auto;position:relative;overflow:hidden}.wish-pond.ripple{animation:wishRipple .8s ease-out}@keyframes wishRipple{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}.wish-input-row{display:flex;gap:8px;margin:10px 0}.wish-input-row input{flex:1;padding:8px 12px;border:1.5px solid var(--border-color);border-radius:8px;font-family:var(--font-display);font-size:16px;background:var(--paper)}.wish-list{max-height:120px;overflow-y:auto}.wish-item{padding:4px 0;font-size:14px;color:var(--text-secondary);border-bottom:1px solid var(--border-color)}.magic-runes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}.magic-rune{padding:12px 8px;border-radius:50%;border:2px solid rgba(156,39,176,.3);background:#f3e5f580;font-size:13px;cursor:pointer;transition:all .2s;text-align:center;line-height:1.4;font-family:var(--font-display)}.magic-rune:hover{background:#9c27b026;transform:scale(1.05)}.magic-rune.activated{background:#9c27b04d;border-color:#9c27b0;color:#fff;box-shadow:0 0 12px #9c27b066}.magic-prophecy{margin-top:12px;padding:12px;background:#f3e5f566;border-radius:8px;font-family:var(--font-display);font-size:18px;color:#7b1fa2;text-align:center}.constellation-canvas-wrap{position:relative;margin:12px auto;width:300px;height:200px}.constellation-canvas-wrap canvas{border-radius:8px;display:block}.star-click-target{position:absolute;width:24px;height:24px;border-radius:50%;cursor:pointer;background:transparent}.star-click-target:hover{background:#ffd70033}.constellation-nav{display:flex;gap:8px;justify-content:center;margin-top:10px}.hourglass-display{width:80px;height:160px;margin:12px auto;position:relative;display:flex;flex-direction:column}.hourglass-top,.hourglass-bottom{flex:1;border:2px solid var(--kraft);overflow:hidden;position:relative}.hourglass-top{border-radius:8px 8px 0 0;border-bottom:none;background:#fff8e1}.hourglass-bottom{border-radius:0 0 8px 8px;border-top:none;background:#fff8e1}.hourglass-top:after{content:"";position:absolute;bottom:0;left:0;right:0;height:0%;background:#ffcc80;transition:height .3s}.hourglass-sand-fill{width:100%;background:#ffcc80;position:absolute;top:0;left:0;transition:height .3s;border-radius:0 0 4px 4px}.hourglass-quote{margin-top:10px;text-align:center;font-family:var(--font-display);font-size:16px;color:var(--kraft);font-style:italic;min-height:40px}.kaleidoscope-canvas{width:200px;height:200px;border-radius:50%;border:3px solid var(--kraft);display:block;margin:12px auto}.kaleidoscope-controls{display:flex;flex-direction:column;gap:10px;margin-top:10px}.kaleidoscope-controls label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary)}.kaleidoscope-controls input[type=range]{flex:1}.kaleidoscope-controls span{min-width:40px;text-align:right;font-weight:600;color:var(--graphite)}.diary-mood-bar{display:flex;gap:6px;margin:10px 0;flex-wrap:wrap}.diary-mood-btn{padding:6px 12px;border-radius:20px;border:1.5px solid var(--border-color);background:var(--paper);cursor:pointer;font-size:14px;transition:all .15s}.diary-mood-btn.selected{background:var(--teal);color:#fff;border-color:var(--teal)}.diary-textarea{width:100%;height:80px;border:1.5px solid var(--border-color);border-radius:8px;padding:10px;font-family:var(--font-display);font-size:16px;resize:none;background:#fff8e1}.diary-entries{max-height:150px;overflow-y:auto;margin-top:10px}.diary-entry{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid var(--border-color);font-size:14px}.diary-entry-mood{font-size:18px}.diary-entry-text{flex:1;color:var(--text-primary)}.diary-entry-time{font-size:12px;color:var(--text-ghost)}.weather-canvas{width:100%;aspect-ratio:2/1;border-radius:8px;display:block;margin:8px 0}.weather-btn-bar{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin:8px 0}.weather-btn{padding:6px 14px;border-radius:8px;border:1.5px solid var(--border-color);background:var(--paper);cursor:pointer;font-size:14px;transition:all .15s}.weather-btn:hover{background:#e3f2fd}.cooking-ingredients{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.cooking-ingredient{padding:6px 10px;border-radius:8px;border:1.5px solid var(--border-color);background:var(--paper);cursor:pointer;font-size:13px;transition:all .15s}.cooking-ingredient.selected{background:#fbe9e7;border-color:#e64a19}.cooking-selected{font-family:var(--font-display);font-size:16px;color:var(--text-secondary);margin:6px 0}.cooking-recipes{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.cooking-recipe-tag{padding:4px 10px;border-radius:6px;font-size:13px;background:#fff3e0;border:1px solid rgba(230,74,25,.2);color:var(--graphite)}.cooking-recipe-tag.locked{background:#f5f5f5;color:var(--text-ghost)}.map-canvas{width:100%;aspect-ratio:4/3;border-radius:8px;border:2px solid var(--border-color);display:block}.map-legend{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px;font-size:11px;color:var(--text-ghost)}.chat-window{width:380px;height:520px;max-width:95vw;max-height:75vh;background:var(--paper);border:2px solid var(--kraft);border-radius:3px 16px;box-shadow:3px 3px #8b735526,0 8px 32px #0000001f;display:flex;flex-direction:column;position:relative;transform:rotate(-.4deg);animation:chatSlideIn .3s cubic-bezier(.34,1.56,.64,1);overflow:hidden}@keyframes chatSlideIn{0%{transform:translate(40px) scale(.9);opacity:0}to{transform:translate(0) scale(1) rotate(-.4deg);opacity:1}}.chat-window:after{content:"";position:absolute;top:-1px;right:-1px;width:24px;height:24px;background:linear-gradient(225deg,var(--birch) 50%,transparent 50%);border-radius:0 14px 0 4px;z-index:3}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 10px;border-bottom:2px dashed rgba(44,44,58,.08);background:#8b73550a}.chat-title{font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--graphite)}.chat-header-actions{display:flex;gap:4px}.chat-settings-btn,.chat-clear-btn,.chat-close-btn{width:28px;height:28px;border-radius:50%;border:1.5px solid var(--kraft);background:var(--paper);cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:center;transition:all .15s}.chat-settings-btn:hover,.chat-clear-btn:hover{background:var(--teal);color:#fff;border-color:var(--teal)}.chat-close-btn:hover{background:var(--redline);color:#fff;border-color:var(--redline);transform:rotate(90deg)}.chat-messages{flex:1;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:10px}.chat-welcome{text-align:center;font-family:var(--font-display);font-size:17px;color:var(--text-secondary);padding:24px 0;line-height:1.6}.chat-msg{max-width:85%;padding:8px 12px;border-radius:3px 10px;font-family:var(--font-display);font-size:15px;line-height:1.5;word-break:break-word;box-shadow:1px 1px #8b73550f;white-space:pre-wrap}.chat-msg.user{align-self:flex-end;background:var(--teal);color:#fff;border-radius:10px 3px}.chat-msg.assistant{align-self:flex-start;background:#fff9e6;border:1.5px solid rgba(139,115,85,.12);color:var(--graphite)}.chat-msg.error{align-self:center;background:#ea545514;border:1.5px solid rgba(234,84,85,.2);color:var(--redline);font-size:13px}.chat-typing{align-self:flex-start;background:#fff9e6;border:1.5px solid rgba(139,115,85,.12);padding:10px 16px;display:flex;gap:4px}.chat-typing-dot{width:6px;height:6px;border-radius:50%;background:var(--kraft);animation:typingBounce 1.2s infinite}.chat-typing-dot:nth-child(2){animation-delay:.2s}.chat-typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-5px);opacity:1}}.chat-input-area{display:flex;gap:8px;padding:10px 14px;border-top:2px dashed rgba(44,44,58,.08);background:#8b735508}#chat-user-input{flex:1;border:1.5px solid var(--kraft);border-radius:2px 8px;padding:8px 12px;font-family:var(--font-display);font-size:15px;background:#fffdf5;color:var(--graphite);outline:none}#chat-user-input:focus{border-color:var(--teal);box-shadow:0 0 0 2px #077b8a1f}.chat-send-btn{border:none;border-radius:3px 8px;padding:8px 18px;background:var(--teal);color:#fff;font-family:var(--font-display);font-weight:700;font-size:15px;cursor:pointer;box-shadow:2px 2px #077b8a40;transition:transform .15s}.chat-send-btn:hover{transform:rotate(-1deg) scale(1.04)}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.chat-settings-panel{display:none;position:absolute;top:0;right:0;bottom:0;left:0;background:var(--paper);z-index:5;padding:20px;flex-direction:column;gap:14px;overflow-y:auto;animation:modalIn .2s ease-out}.chat-settings-panel.visible{display:flex}.chat-settings-panel h3{font-family:var(--font-display);font-size:24px;font-weight:700;color:var(--graphite);border-bottom:2px dashed rgba(44,44,58,.08);padding-bottom:8px}.chat-setting-row{display:flex;flex-direction:column;gap:4px}.chat-setting-row label{font-size:12px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.chat-setting-row input[type=text],.chat-setting-row input[type=password]{border:1.5px solid var(--kraft);border-radius:2px 8px;padding:8px 12px;font-size:14px;background:#fffdf5;color:var(--graphite);outline:none}.chat-setting-row input:focus{border-color:var(--teal);box-shadow:0 0 0 2px #077b8a1f}.chat-setting-row input[type=range]{accent-color:var(--teal)}.model-select-row{display:flex;gap:6px;align-items:center}.ai-model-select{flex:1;border:1.5px solid var(--kraft);border-radius:2px 8px;padding:8px 10px;font-size:14px;background:#fffdf5;color:var(--graphite);outline:none;cursor:pointer;max-width:100%}.ai-model-select:focus{border-color:var(--teal);box-shadow:0 0 0 2px #077b8a1f}#ai-fetch-models-btn{width:38px;height:38px;border:1.5px solid var(--kraft);border-radius:3px 8px;background:var(--teal);color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .15s;box-shadow:2px 2px #077b8a33}#ai-fetch-models-btn:hover{transform:rotate(90deg) scale(1.05)}#ai-fetch-models-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}#ai-fetch-models-btn.spinning{animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.model-status{font-size:12px;min-height:18px;color:var(--text-ghost);padding:0 2px}.model-status.error{color:var(--redline)}.chat-settings-actions{display:flex;gap:8px;margin-top:8px}.chat-settings-actions .btn-primary,.chat-settings-actions .btn-secondary{padding:8px 22px;font-family:var(--font-display);font-size:15px;font-weight:700;border:1.5px solid transparent;border-radius:3px 8px;cursor:pointer;box-shadow:2px 2px #8b735526;transition:transform .15s}.chat-settings-actions .btn-primary{background:var(--teal);color:#fff}.chat-settings-actions .btn-secondary{background:var(--birch);color:var(--graphite);border-color:var(--kraft)}.search-bar{margin-bottom:14px}#search-input{width:100%;border:1.5px solid var(--kraft);border-radius:2px 10px;padding:10px 14px;font-family:var(--font-display);font-size:17px;background:#fffdf5;color:var(--graphite);outline:none}#search-input:focus{border-color:var(--teal);box-shadow:0 0 0 2px #077b8a1f}.search-results{display:flex;flex-direction:column;gap:6px;max-height:45vh;overflow-y:auto}.search-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border:1.5px solid rgba(139,115,85,.15);border-radius:2px 10px;background:#fffdf5;cursor:pointer;transition:all .15s;box-shadow:1px 1px #8b73550d}.search-item:hover{background:#077b8a14;border-color:var(--teal);transform:translate(4px) rotate(-.3deg);box-shadow:2px 2px #077b8a1f}.search-item-emoji{font-size:24px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#077b8a0f;border-radius:6px;flex-shrink:0}.search-item-info{flex:1;min-width:0}.search-item-name{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--graphite)}.search-item-desc{font-size:12px;color:var(--text-ghost);margin-top:2px}.search-item-action{font-family:var(--font-display);font-size:13px;font-weight:600;color:var(--teal);white-space:nowrap;opacity:0;transition:opacity .15s}.search-item:hover .search-item-action{opacity:1}.search-hint{text-align:center;font-family:var(--font-display);font-size:14px;color:var(--text-ghost);margin-top:12px}.dpad{display:none;-webkit-tap-highlight-color:transparent}@media(pointer:coarse){.dpad{display:grid;grid-template-areas:".    up   ." "left down right";grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:6px;justify-items:center;align-items:center;margin:12px auto 4px;width:fit-content;user-select:none;-webkit-user-select:none}.dpad-btn{width:56px;height:56px;border-radius:50%;border:2px solid rgba(139,115,85,.4);background:#faf5e8e6;color:var(--graphite, #2C2C3A);font-size:22px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:1px 2px 4px #8b735533;transition:transform .08s,background .08s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.dpad-btn:active{background:var(--teal, #077B8A);color:#fff;transform:scale(.9);box-shadow:none}.dpad-btn[data-dir=up]{grid-area:up}.dpad-btn[data-dir=left]{grid-area:left}.dpad-btn[data-dir=down]{grid-area:down}.dpad-btn[data-dir=right]{grid-area:right}}.rhythm-dpad{display:none;-webkit-tap-highlight-color:transparent}@media(pointer:coarse){.rhythm-dpad{display:flex;gap:8px;justify-content:center;margin:10px auto 4px;width:100%;max-width:280px;user-select:none;-webkit-user-select:none}.rhythm-btn{flex:1;height:60px;border-radius:10px;border:2px solid rgba(139,115,85,.35);background:#faf5e8e6;color:var(--graphite, #2C2C3A);font-size:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:1px 2px 4px #8b735533;transition:transform .06s,background .06s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.rhythm-btn:active{background:var(--teal, #077B8A);color:#fff;transform:scale(.92);box-shadow:none}}