.world-indicator{position:absolute;top:20px;left:50%;transform:translate(-50%);padding:10px 24px;border-radius:16px;font-family:Georgia,Times New Roman,serif;text-align:center;display:flex;flex-direction:column;align-items:center;gap:2px;transition:all .5s ease;border:2px solid;box-shadow:0 4px 16px #00000026}.world-indicator.real{background:linear-gradient(145deg,#f5e6d3,#e8d5b7);border-color:#c4a77d;color:#5d4e37}.world-indicator.spectral{background:linear-gradient(145deg,#8b9dc3,#6b5b95);border-color:#5d4e82;color:#f5e6d3}.world-indicator .world-name{font-size:.875rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.world-indicator .level-name{font-size:.75rem;font-weight:400;opacity:.85;text-transform:none;letter-spacing:.02em}@media (max-width: 600px){.world-indicator{top:60px;padding:8px 16px;border-radius:12px}.world-indicator .world-name{font-size:.75rem}.world-indicator .level-name{font-size:.65rem}}.touch-controls{position:fixed;bottom:0;left:0;right:0;pointer-events:none;z-index:100}.joystick-container{position:absolute;bottom:30px;left:30px;width:120px;height:120px;pointer-events:auto;touch-action:none}.joystick-base{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;background:#0000004d;border:3px solid rgba(255,255,255,.4);border-radius:50%;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.joystick-knob{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;background:#fffc;border-radius:50%;box-shadow:0 2px 10px #0000004d;transition:transform .05s ease-out}.world-switch-button{position:absolute;bottom:30px;right:30px;width:80px;height:80px;border-radius:50%;border:3px solid rgba(255,255,255,.5);background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;pointer-events:auto;touch-action:manipulation;transition:all .3s ease}.world-switch-button.real{background:linear-gradient(135deg,#ffc86499,#ff963299);border-color:gold}.world-switch-button.spectral{background:linear-gradient(135deg,#32649699,#64329699);border-color:#7fb3d5}.world-switch-button:active{transform:scale(.95)}.world-icon{font-size:28px;line-height:1}.world-label{font-size:10px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px}.touch-help{position:absolute;bottom:10px;left:50%;transform:translate(-50%);font-size:11px;color:#fff9;background:#0006;padding:4px 12px;border-radius:12px;white-space:nowrap;pointer-events:none}.tap-indicator{position:absolute;width:40px;height:40px;border:2px solid rgba(255,255,255,.8);border-radius:50%;pointer-events:none;animation:tapPulse .5s ease-out forwards}@keyframes tapPulse{0%{transform:translate(-50%,-50%) scale(.5);opacity:1}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}:root{--parchment-bg: linear-gradient(145deg, #F5E6D3 0%, #E8D5B7 50%, #DCC9A9 100%);--parchment-border: #C4A77D;--parchment-shadow: rgba(139, 109, 71, .3);--text-primary: #5D4E37;--text-secondary: #8B7355;--text-gold: #B8860B;--accent-rose: #D4A5A5;--accent-blue: #8B9DC3;--accent-green: #7D9B76;--accent-orange: #D99873}.quest-toggle-btn{position:fixed;z-index:150;width:52px;height:52px;border-radius:50%;background:var(--parchment-bg);border:2px solid var(--parchment-border);box-shadow:0 4px 12px var(--parchment-shadow),inset 0 1px #ffffff80;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:24px;transition:all .3s ease}.quest-toggle-btn:hover{transform:scale(1.08);box-shadow:0 6px 16px var(--parchment-shadow),inset 0 1px #ffffff80}.quest-toggle-btn:active{transform:scale(.95)}.quest-toggle-btn.has-objectives{animation:gentle-pulse 2s infinite}.quest-toggle-btn .badge{position:absolute;top:-4px;right:-4px;background:linear-gradient(135deg,#e57373,#d32f2f);color:#fff;font-size:11px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;border:2px solid #F5E6D3}@keyframes gentle-pulse{0%,to{box-shadow:0 4px 12px var(--parchment-shadow),0 0 #b8860b66}50%{box-shadow:0 4px 12px var(--parchment-shadow),0 0 0 8px #b8860b00}}.quest-toggle-btn{bottom:20px;left:20px}.quest-ui{position:fixed;top:70px;left:20px;background:var(--parchment-bg);border-radius:16px;padding:0;color:var(--text-primary);font-family:Georgia,Times New Roman,serif;min-width:280px;max-width:340px;border:2px solid var(--parchment-border);box-shadow:0 8px 32px var(--parchment-shadow),inset 0 1px #fff9;transition:all .3s ease;overflow:hidden}.quest-ui.hidden{opacity:0;pointer-events:none;transform:translateY(-20px)}.quest-ui.quest-complete{border-color:var(--accent-green);box-shadow:0 8px 32px #7d9b7666,0 0 20px #7d9b7633}.quest-ui:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent 0%,var(--parchment-border) 20%,var(--text-gold) 50%,var(--parchment-border) 80%,transparent 100%)}.quest-header{display:flex;align-items:center;gap:12px;padding:16px 16px 12px;background:linear-gradient(180deg,rgba(255,255,255,.3) 0%,transparent 100%);border-bottom:1px solid rgba(196,167,125,.4);cursor:pointer;-webkit-user-select:none;user-select:none}.quest-ui.collapsed .quest-header{border-bottom:none;padding-bottom:16px}.quest-icon{font-size:1.6em;filter:drop-shadow(0 2px 2px rgba(0,0,0,.1))}.quest-name{flex:1;font-size:1.15em;font-weight:700;color:var(--text-gold);text-shadow:0 1px 0 rgba(255,255,255,.5);letter-spacing:.02em}.collapse-icon{font-size:.75em;color:var(--text-secondary);background:#c4a77d4d;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.quest-header:hover .collapse-icon{background:#c4a77d80}.restart-button{background:linear-gradient(145deg,#e8d5b7,#dcc9a9);border:1px solid var(--parchment-border);border-radius:8px;padding:6px 10px;cursor:pointer;font-size:1em;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.restart-button:hover{background:linear-gradient(145deg,#dcc9a9,#d4bd99);transform:rotate(180deg)}.quest-ui.collapsed .quest-objectives,.quest-ui.collapsed .quest-complete-section{display:none}.quest-objectives{display:flex;flex-direction:column;gap:6px;padding:12px 16px 16px;max-height:300px;overflow-y:auto}.quest-objectives::-webkit-scrollbar{width:8px}.quest-objectives::-webkit-scrollbar-track{background:#c4a77d33;border-radius:4px}.quest-objectives::-webkit-scrollbar-thumb{background:var(--parchment-border);border-radius:4px}.quest-objective{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#fff6;border-radius:10px;border:1px solid rgba(196,167,125,.3);transition:all .2s ease}.quest-objective.completed{opacity:.65;background:#7d9b7626;border-color:#7d9b764d}.quest-objective.completed .objective-text{text-decoration:line-through;color:var(--text-secondary)}.quest-objective.completed .objective-check{color:var(--accent-green)}.quest-objective.active-world{background:#b8860b26;border-color:var(--text-gold);border-left:3px solid var(--text-gold)}.quest-objective.other-world{opacity:.75}.objective-check{font-size:1.1em;width:22px;text-align:center;flex-shrink:0}.objective-text{flex:1;font-size:.92em;line-height:1.35;color:var(--text-primary)}.objective-world{font-size:1em;opacity:.85;flex-shrink:0}.quest-complete-section{padding:0 16px 16px;display:flex;flex-direction:column;gap:10px}.quest-complete-banner{padding:12px 16px;background:linear-gradient(135deg,var(--accent-green),#6B8E63);border-radius:10px;text-align:center;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2);animation:complete-glow 2s infinite}@keyframes complete-glow{0%,to{box-shadow:0 0 #7d9b7680}50%{box-shadow:0 0 15px 5px #7d9b764d}}.next-room-button{background:linear-gradient(135deg,var(--accent-blue),#6B5B95);border:none;border-radius:10px;padding:14px 24px;color:#fff;font-size:1em;font-weight:700;font-family:inherit;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #6b5b954d;text-shadow:0 1px 2px rgba(0,0,0,.2)}.next-room-button:hover{transform:translateY(-3px);box-shadow:0 6px 20px #6b5b9566}.next-room-button:active{transform:translateY(-1px)}.sub-quests-container{margin-top:8px;padding-top:12px;border-top:1px dashed var(--parchment-border)}.sub-quest{background:#ffc8641f;border-radius:10px;margin-bottom:8px;overflow:hidden;border:1px solid rgba(217,152,115,.4);transition:all .2s ease}.sub-quest.completed{background:#7d9b761f;border-color:#7d9b7666}.sub-quest.optional{border-style:dashed}.sub-quest-header{display:flex;align-items:center;gap:8px;padding:10px 12px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s ease}.sub-quest-header:hover{background:#fff3}.sub-quest-icon{font-size:1.1em}.sub-quest-name{flex:1;font-size:.92em;font-weight:600;color:var(--accent-orange)}.sub-quest.completed .sub-quest-name{color:var(--accent-green)}.sub-quest-progress{font-size:.8em;padding:3px 10px;background:#c4a77d4d;border-radius:12px;color:var(--text-secondary);font-weight:600}.sub-quest.completed .sub-quest-progress{background:#7d9b7640;color:var(--accent-green)}.sub-quest-expand{font-size:.65em;color:var(--text-secondary)}.sub-quest-objectives{padding:0 12px 10px;display:flex;flex-direction:column;gap:4px}.sub-objective{padding:8px 10px!important;font-size:.85em;background:#ffffff40!important;margin-left:8px;border-left:2px solid var(--accent-orange)!important;border:none!important;border-radius:6px!important}.sub-objective.completed{border-left-color:var(--accent-green)!important}.sub-quest-reward{padding:10px 14px;background:linear-gradient(135deg,#7d9b7633,#7d9b761a);font-size:.85em;color:var(--accent-green);border-top:1px solid rgba(125,155,118,.3);font-style:italic}@media (max-width: 600px){.quest-toggle-btn{top:70px;bottom:auto;left:12px;width:48px;height:48px;font-size:22px}.quest-ui{position:fixed;top:130px;bottom:auto;left:10px;right:10px;max-width:none;min-width:auto;border-radius:16px;max-height:50vh;padding:0;transform:translateY(0)}.quest-ui.hidden{transform:translateY(-20px);opacity:0;pointer-events:none}.quest-ui.collapsed{max-height:none}.quest-header{padding:14px 16px 10px;gap:10px}.quest-icon{font-size:1.4em}.quest-name{font-size:1.05em}.quest-objectives{max-height:calc(50vh - 80px);padding:10px 14px 14px}.quest-objective{padding:10px;gap:8px}.objective-text{font-size:.9em}.quest-complete-section{padding:0 14px 14px}.next-room-button{padding:12px 20px;font-size:.95em}}@media (max-width: 400px){.quest-toggle-btn{width:44px;height:44px;font-size:20px;bottom:220px}.quest-name{font-size:1em}.quest-objective{padding:8px}.objective-text{font-size:.85em}}.game-toolbar{position:fixed;top:12px;right:12px;z-index:200;font-family:Georgia,Times New Roman,serif}.toolbar-buttons{display:flex;gap:8px;background:linear-gradient(145deg,#f5e6d3,#e8d5b7,#dcc9a9);padding:6px;border-radius:14px;border:2px solid #C4A77D;box-shadow:0 4px 16px #8b6d4740,inset 0 1px #ffffff80}.toolbar-btn{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#fff6;border:1px solid rgba(196,167,125,.4);border-radius:10px;color:#5d4e37;font-size:13px;cursor:pointer;transition:all .2s ease;white-space:nowrap;position:relative;font-family:inherit}.toolbar-btn:hover{background:#fff9;border-color:#c4a77d}.toolbar-btn.active{background:#b8860b33;border-color:#b8860b;color:#8b6914}.toolbar-btn.game-btn.active{background:#7d9b7640;border-color:#7d9b76;color:#5d7356}.toolbar-btn.dev-btn.debug-active{background:#d9987340;border-color:#d99873}.btn-icon{font-size:18px}.btn-label{font-weight:600;color:#5d4e37}.badge{position:absolute;top:-4px;right:-4px;background:linear-gradient(135deg,#e57373,#d32f2f);color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:10px;min-width:16px;text-align:center;border:2px solid #F5E6D3}.toolbar-panel{position:absolute;top:calc(100% + 8px);right:0;width:360px;max-height:70vh;background:linear-gradient(145deg,#f5e6d3,#e8d5b7,#dcc9a9);border:2px solid #C4A77D;border-radius:16px;overflow:hidden;box-shadow:0 8px 32px #8b6d474d,inset 0 1px #ffffff80;animation:panel-slide-in .2s ease}.toolbar-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent 0%,#C4A77D 20%,#B8860B 50%,#C4A77D 80%,transparent 100%)}.toolbar-panel.dev-panel{border-color:#d99873}.toolbar-panel.dev-panel:before{background:linear-gradient(90deg,transparent 0%,#D99873 20%,#C4813A 50%,#D99873 80%,transparent 100%)}@keyframes panel-slide-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid rgba(196,167,125,.4);background:linear-gradient(180deg,rgba(255,255,255,.3) 0%,transparent 100%)}.panel-tabs{display:flex;gap:4px}.panel-tab{display:flex;align-items:center;gap:6px;padding:8px 12px;background:transparent;border:none;border-radius:8px;color:#8b7355;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit}.panel-tab:hover{background:#fff6;color:#5d4e37}.panel-tab.active{background:#ffffff80;color:#5d4e37;border:1px solid rgba(196,167,125,.4)}.tab-icon{font-size:14px}.tab-text{font-size:13px}.tab-badge{background:linear-gradient(135deg,#e57373,#d32f2f);color:#fff;font-size:10px;font-weight:700;padding:1px 5px;border-radius:8px;min-width:14px;text-align:center}.panel-close{background:#ffffff4d;border:1px solid rgba(196,167,125,.3);color:#8b7355;font-size:20px;width:28px;height:28px;border-radius:50%;cursor:pointer;padding:0;line-height:1;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.panel-close:hover{background:#ffffff80;color:#5d4e37}.panel-content{max-height:calc(70vh - 60px);overflow-y:auto;padding:12px}.panel-content::-webkit-scrollbar{width:8px}.panel-content::-webkit-scrollbar-track{background:#c4a77d33;border-radius:4px}.panel-content::-webkit-scrollbar-thumb{background:#c4a77d;border-radius:4px}.toolbar-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1;background:transparent}.debug-toggle-section{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid rgba(196,167,125,.3)}.debug-toggle-btn{display:flex;align-items:center;gap:10px;width:100%;padding:12px;background:#fff6;border:1px solid rgba(196,167,125,.4);border-radius:10px;color:#5d4e37;font-size:14px;font-family:inherit;cursor:pointer;transition:all .2s ease}.debug-toggle-btn:hover{background:#fff9}.debug-toggle-btn.active{background:#d998734d;border-color:#d99873;color:#a56a3a}.quests-panel{display:flex;flex-direction:column;gap:12px}.quest-title{font-size:16px;font-weight:700;color:#b8860b;text-shadow:0 1px 0 rgba(255,255,255,.5)}.quest-description{font-size:13px;color:#5d4e37;line-height:1.4}.objectives-list{display:flex;flex-direction:column;gap:6px}.objective-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#fff6;border-radius:10px;border-left:3px solid rgba(196,167,125,.4);border:1px solid rgba(196,167,125,.3)}.objective-item.completed{opacity:.6;border-left-color:#7d9b76;background:#7d9b7626}.objective-item.completed .objective-text{text-decoration:line-through;color:#8b7355}.objective-check{font-size:14px;width:20px;text-align:center;flex-shrink:0}.objective-item.completed .objective-check{color:#7d9b76}.objective-text{flex:1;font-size:13px;color:#5d4e37;line-height:1.3}.objective-world{font-size:14px;flex-shrink:0}.empty-state{text-align:center;padding:24px;color:#8b7355;font-size:14px;font-style:italic}.levels-list{display:flex;flex-direction:column;gap:6px}.level-btn{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#fff6;border:1px solid rgba(196,167,125,.3);border-radius:10px;color:#5d4e37;cursor:pointer;text-align:left;transition:all .2s ease;font-family:inherit}.level-btn:hover:not(.locked){background:#fff9;transform:translate(4px)}.level-btn.current{border-color:#8b9dc3;background:#8b9dc333}.level-btn.completed{border-color:#7d9b76;background:#7d9b7626}.level-btn.locked{opacity:.5;cursor:not-allowed}.level-btn.debug-unlocked{opacity:1;cursor:pointer;border-color:#d99873;border-style:dashed}.level-num{width:28px;height:28px;background:linear-gradient(135deg,#8b9dc3,#6b5b95);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;color:#fff;flex-shrink:0}.level-btn.completed .level-num{background:linear-gradient(135deg,#7d9b76,#5d7356)}.level-btn.debug-unlocked .level-num{background:linear-gradient(135deg,#d99873,#c4813a)}.level-info{flex:1;min-width:0}.level-name{display:block;font-weight:600;font-size:13px;color:#5d4e37;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.level-quest{display:block;font-size:11px;color:#8b7355;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.level-status{font-size:14px;flex-shrink:0}.levels-progress{margin-top:8px;padding:10px;text-align:center;font-size:12px;color:#8b7355;border-top:1px solid rgba(196,167,125,.3)}.effects-list{display:flex;flex-direction:column;gap:4px}.effect-btn{display:flex;flex-direction:column;align-items:flex-start;padding:10px 12px;background:transparent;border:1px solid transparent;border-radius:10px;color:#5d4e37;cursor:pointer;text-align:left;transition:all .15s ease;font-family:inherit}.effect-btn:hover{background:#fff6}.effect-btn.active{background:#8b9dc340;border-color:#8b9dc3}.effect-name{font-size:13px;font-weight:600;color:#5d4e37}.effect-desc{font-size:11px;color:#8b7355}.effect-btn.active .effect-desc{color:#6b5b95}.inventory-list{display:flex;flex-direction:column;gap:6px}.inventory-empty{text-align:center;padding:32px 16px;color:#8b7355}.inventory-empty p{margin:8px 0;font-size:14px}.inventory-empty .hint{font-size:12px;color:#a99b85;font-style:italic}.inventory-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#fff6;border:1px solid rgba(196,167,125,.3);border-radius:10px;color:#5d4e37;text-align:left;transition:all .2s ease}.inventory-item:hover{background:#fff9;transform:translate(4px)}.inventory-item .item-icon{width:32px;height:32px;min-width:32px;background:linear-gradient(135deg,#b8860b,#8b6914);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.inventory-item .item-details{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.inventory-item .item-name{display:block!important;font-weight:600!important;font-size:13px!important;color:#5d4e37!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.inventory-item .item-desc{display:block!important;font-size:11px!important;color:#8b7355!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.help-panel{display:flex;flex-direction:column;gap:16px}.help-section{display:flex;flex-direction:column;gap:8px}.help-section-title{font-size:14px;font-weight:700;color:#b8860b;text-transform:uppercase;letter-spacing:.05em;padding-bottom:6px;border-bottom:1px solid rgba(196,167,125,.3)}.help-toggles{display:flex;gap:8px}.help-toggle-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;background:#ffffff4d;border:1px solid rgba(196,167,125,.3);border-radius:10px;cursor:pointer;transition:all .2s ease;font-family:inherit}.help-toggle-btn:hover{background:#ffffff80}.help-toggle-btn.active{background:#7d9b7640;border-color:#7d9b76}.help-toggle-btn .toggle-icon{font-size:20px}.help-toggle-btn .toggle-label{font-size:12px;font-weight:600;color:#5d4e37}.help-toggle-btn .toggle-status{font-size:10px;font-weight:700;padding:2px 8px;border-radius:8px;background:#c4a77d4d;color:#8b7355}.help-toggle-btn.active .toggle-status{background:#7d9b7666;color:#5d7356}.help-controls{display:flex;flex-direction:column;gap:6px}.help-control{display:flex;align-items:center;gap:10px;padding:8px 10px;background:#ffffff4d;border-radius:8px}.help-control .control-icon{font-size:18px;width:28px;text-align:center;flex-shrink:0}.help-control .control-info{flex:1;display:flex;flex-direction:column;gap:2px}.help-control .control-name{font-size:12px;font-weight:600;color:#5d4e37}.help-control .control-desc{font-size:11px;color:#8b7355}.help-tips{display:flex;flex-direction:column;gap:6px}.help-tips p{margin:0;font-size:12px;color:#5d4e37;padding:8px 10px;background:#ffffff40;border-radius:8px;border-left:3px solid #B8860B}.debug-reset-btn{margin-top:12px;padding:10px 16px;width:100%;background:linear-gradient(135deg,#d4a5a566,#b482824d);border:1px solid #D4A5A5;border-radius:10px;color:#8b5a5a;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s ease}.debug-reset-btn:hover{background:linear-gradient(135deg,#d4a5a599,#b4828280);border-color:#c49090}@media (max-width: 600px){.game-toolbar{top:8px;right:8px;left:8px}.toolbar-buttons{width:100%;justify-content:center;padding:4px;gap:6px}.toolbar-btn{flex:1;padding:10px 8px;justify-content:center}.btn-label{display:none}.btn-icon{font-size:20px}.badge{top:-2px;right:-2px}.toolbar-panel{position:fixed;top:auto;bottom:0;left:0;right:0;width:100%;max-height:65vh;border-radius:20px 20px 0 0;animation:panel-slide-up .25s ease}.panel-content{max-height:calc(65vh - 60px);padding:16px}.panel-tabs{flex:1;gap:2px}.panel-tab{flex:1;justify-content:center;padding:8px 4px;font-size:11px;gap:4px}.panel-tab .tab-text{display:none}.panel-tab .tab-icon{font-size:16px}.inventory-item{padding:12px}.inventory-item .item-icon{width:36px;height:36px;min-width:36px;font-size:18px}.inventory-item .item-name{font-size:14px}.inventory-item .item-desc{font-size:12px}.inventory-empty{padding:40px 20px}.inventory-empty p{font-size:15px}@keyframes panel-slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.toolbar-backdrop{background:#5d4e374d}}@media (max-width: 400px){.toolbar-btn{padding:8px 6px}.btn-icon{font-size:18px}.panel-tab{font-size:11px;padding:8px 6px}}.riddle-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:250;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.riddle-panel{background:linear-gradient(135deg,#281e32fa,#191423fa);border-radius:20px;border:2px solid rgba(180,140,200,.3);box-shadow:0 8px 32px #00000080,0 0 60px #8c64b433;width:90%;max-width:450px;max-height:85vh;overflow:hidden;animation:slideUp .4s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.riddle-header{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid rgba(180,140,200,.2);background:#64468233}.riddle-npc-icon{width:48px;height:48px;background:linear-gradient(135deg,#8c64b480,#64469680);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;box-shadow:0 2px 8px #0000004d}.riddle-npc-name{flex:1;color:#e8d8f0;font-size:18px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.3)}.riddle-close{background:none;border:none;color:#ffffff80;font-size:28px;cursor:pointer;padding:0;line-height:1;transition:color .2s}.riddle-close:hover{color:#fff}.riddle-content{padding:20px;max-height:50vh;overflow-y:auto}.riddle-question{color:#f0e8f8;font-size:17px;line-height:1.6;margin-bottom:16px;text-align:center;padding:12px;background:#0003;border-radius:12px;border-left:3px solid rgba(180,140,200,.5)}.riddle-hint{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#ffc8641a;border-radius:8px;margin-bottom:16px;color:#ffdc96e6;font-size:14px;font-style:italic}.hint-icon{font-size:18px}.riddle-choices{display:flex;flex-direction:column;gap:10px}.riddle-choice{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;color:#e0d0e8;font-size:15px;cursor:pointer;transition:all .2s;text-align:left}.riddle-choice:hover:not(:disabled){background:#8c64b433;border-color:#b48cc866;transform:translate(4px)}.riddle-choice.selected{background:#8c64b44d;border-color:#b48cc899;box-shadow:0 0 12px #8c64b44d}.riddle-choice:disabled{opacity:.6;cursor:not-allowed}.choice-indicator{font-size:18px;color:#b48cc8cc;flex-shrink:0}.riddle-choice.selected .choice-indicator{color:#c0a0d0}.choice-text{flex:1}.riddle-text-input{margin-top:8px}.riddle-text-input input{width:100%;padding:14px 16px;background:#0000004d;border:2px solid rgba(180,140,200,.3);border-radius:12px;color:#f0e8f8;font-size:16px;outline:none;transition:all .2s}.riddle-text-input input::placeholder{color:#c8b4dc80}.riddle-text-input input:focus{border-color:#b48cc899;box-shadow:0 0 16px #8c64b44d}.riddle-text-input input:disabled{opacity:.6}.riddle-footer{padding:16px 20px;border-top:1px solid rgba(180,140,200,.2);background:#64468226}.riddle-submit{width:100%;padding:14px 24px;background:linear-gradient(135deg,#8c64b4cc,#644696cc);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #6446964d}.riddle-submit:hover:not(:disabled){background:linear-gradient(135deg,#a078c8e6,#785aaae6);transform:translateY(-2px);box-shadow:0 6px 16px #64469666}.riddle-submit:active:not(:disabled){transform:translateY(0)}.riddle-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}.riddle-content::-webkit-scrollbar{width:6px}.riddle-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.riddle-content::-webkit-scrollbar-thumb{background:#b48cc84d;border-radius:3px}.riddle-content::-webkit-scrollbar-thumb:hover{background:#b48cc880}.riddle-panel-parchment{background:linear-gradient(135deg,#f4e4bc,#e8d5a3,#dcc68e,#e8d5a3,#f4e4bc);border:none;border-radius:8px;box-shadow:0 8px 32px #0006,inset 0 0 60px #8b5a2b26,0 0 0 4px #8b5a2b4d;position:relative}.riddle-panel-parchment:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.08'/%3E%3C/svg%3E");pointer-events:none;border-radius:8px;z-index:0}.riddle-panel-parchment .riddle-header,.riddle-panel-parchment .riddle-content,.riddle-panel-parchment .riddle-footer{position:relative;z-index:1}.riddle-header-parchment{background:#8b5a2b26;border-bottom:2px solid rgba(139,90,43,.3)}.riddle-header-parchment .riddle-npc-icon{background:linear-gradient(135deg,#8b5a2b4d,#a06e3c4d);font-size:32px}.riddle-header-parchment .riddle-npc-name{color:#5a3a1a;font-family:Georgia,Times New Roman,serif;font-style:italic;text-shadow:none}.riddle-header-parchment .riddle-close{color:#5a3a1a80}.riddle-header-parchment .riddle-close:hover{color:#5a3a1a}.riddle-content-parchment{background:transparent}.riddle-question-parchment{background:#8b5a2b14;border-left:4px solid rgba(139,90,43,.4);border-radius:4px;color:#3a2510;font-family:Georgia,Times New Roman,serif;font-size:16px;line-height:1.8;text-align:left;padding:20px;position:relative}.riddle-question-parchment:before{content:"❦";position:absolute;top:-12px;left:50%;transform:translate(-50%);font-size:24px;color:#8b5a2b99}.riddle-panel-parchment .riddle-choice{background:#8b5a2b1a;border:2px solid rgba(139,90,43,.3);color:#5a3a1a;font-family:Georgia,Times New Roman,serif}.riddle-panel-parchment .riddle-choice:hover:not(:disabled){background:#8b5a2b33;border-color:#8b5a2b80}.riddle-panel-parchment .riddle-choice.selected{background:#8b5a2b40;border-color:#8b5a2b99;box-shadow:0 0 12px #8b5a2b33}.riddle-panel-parchment .choice-indicator{color:#8b5a2b99}.riddle-panel-parchment .riddle-choice.selected .choice-indicator{color:#8b5a2b}.riddle-panel-parchment .riddle-footer{background:#8b5a2b1a;border-top:2px solid rgba(139,90,43,.3)}.riddle-panel-parchment .riddle-submit{background:linear-gradient(135deg,#8b5a2b,#6b4423);box-shadow:0 4px 12px #6b44234d}.riddle-panel-parchment .riddle-submit:hover:not(:disabled){background:linear-gradient(135deg,#9b6a3b,#7b5433);box-shadow:0 6px 16px #6b442366}.riddle-walkie-action{display:flex;justify-content:center;padding:20px}.walkie-open-btn{padding:20px 40px;background:linear-gradient(180deg,#3b82f6,#1d4ed8);border:none;border-radius:15px;color:#fff;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 6px #1e3a8a,0 8px 20px #0000004d;animation:walkie-pulse 2s ease-in-out infinite}@keyframes walkie-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.walkie-open-btn:hover{background:linear-gradient(180deg,#60a5fa,#3b82f6);transform:translateY(-2px);box-shadow:0 8px #1e3a8a,0 10px 25px #00000059}.walkie-open-btn:active{transform:translateY(4px);box-shadow:0 2px #1e3a8a,0 4px 10px #0000004d}.riddle-boggle-action{display:flex;justify-content:center;padding:20px}.boggle-open-btn{padding:20px 40px;background:linear-gradient(180deg,#dc2626,#991b1b);border:none;border-radius:15px;color:#fff;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 6px #7f1d1d,0 8px 20px #0000004d;animation:boggle-pulse 2s ease-in-out infinite}@keyframes boggle-pulse{0%,to{transform:scale(1);box-shadow:0 6px #7f1d1d,0 8px 20px #0000004d}50%{transform:scale(1.02);box-shadow:0 6px #7f1d1d,0 8px 25px #dc262666}}.boggle-open-btn:hover{background:linear-gradient(180deg,#ef4444,#dc2626);transform:translateY(-2px);box-shadow:0 8px #7f1d1d,0 10px 25px #00000059}.boggle-open-btn:active{transform:translateY(4px);box-shadow:0 2px #7f1d1d,0 4px 10px #0000004d}.walkie-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;box-sizing:border-box}.walkie-container{position:relative;width:100%;max-width:380px;background:linear-gradient(145deg,#1a1a2e,#16213e);border-radius:20px;padding:20px;box-shadow:0 20px 60px #00000080,inset 0 1px #ffffff1a;border:2px solid #333;transition:all .3s ease}.walkie-container.success{border-color:#4ade80;box-shadow:0 20px 60px #00000080,0 0 30px #4ade804d}.walkie-container.error{animation:shake .5s ease-in-out;border-color:#ef4444}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.walkie-close{position:absolute;top:10px;right:10px;width:36px;height:36px;border-radius:50%;border:none;background:#ffffff1a;color:#fff;font-size:18px;cursor:pointer;transition:all .2s ease;z-index:10}.walkie-close:hover{background:#fff3;transform:scale(1.1)}.walkie-title{text-align:center;font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:15px;text-shadow:0 2px 10px rgba(0,0,0,.3)}.walkie-hint{background:#ffc8641a;border:1px solid rgba(255,200,100,.3);border-radius:10px;padding:12px;margin-bottom:15px;color:gold;font-size:.9rem;line-height:1.4;text-align:center}.walkie-target{text-align:center;margin-bottom:15px}.walkie-target .label{display:block;color:#888;font-size:.8rem;margin-bottom:5px}.code-display{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.code-display.target{background:#0000004d;padding:10px 15px;border-radius:8px}.morse-symbol{font-size:1.8rem;font-weight:700;transition:all .2s ease}.morse-symbol.short{color:#60a5fa}.morse-symbol.long{color:#f472b6}.morse-symbol.hint{opacity:.8}.walkie-device{background:linear-gradient(180deg,#2d2d2d,#1a1a1a);border-radius:15px;padding:15px;margin-bottom:15px;border:3px solid #444;position:relative}.walkie-antenna{position:absolute;top:-25px;left:50%;transform:translate(-50%);width:12px;height:30px;background:linear-gradient(180deg,#666,#333);border-radius:6px 6px 0 0}.walkie-antenna:after{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);width:16px;height:8px;background:#444;border-radius:8px 8px 0 0}.walkie-screen{background:#0a2a0a;border:2px solid #333;border-radius:8px;padding:12px;margin-bottom:15px;min-height:60px}.screen-label{color:#4ade80;font-size:.7rem;text-transform:uppercase;margin-bottom:8px;opacity:.7}.code-display.player{min-height:30px}.code-display .placeholder{color:#2d5a2d;font-size:1.5rem}.walkie-speaker{display:flex;flex-direction:column;gap:4px;margin-bottom:15px;padding:8px;background:#1a1a1a;border-radius:8px}.speaker-line{height:3px;background:linear-gradient(90deg,transparent 0%,#333 10%,#333 90%,transparent 100%);border-radius:2px}.walkie-buttons{display:flex;gap:15px;margin-bottom:15px}.walkie-btn{flex:1;padding:20px 10px;border:none;border-radius:12px;cursor:pointer;transition:all .15s ease;display:flex;flex-direction:column;align-items:center;gap:8px;font-family:inherit;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.walkie-btn.short{background:linear-gradient(180deg,#3b82f6,#1d4ed8);box-shadow:0 6px #1e3a8a,0 8px 15px #0000004d}.walkie-btn.short:hover{background:linear-gradient(180deg,#60a5fa,#3b82f6)}.walkie-btn.short.pressed,.walkie-btn.short:active{transform:translateY(4px);box-shadow:0 2px #1e3a8a,0 4px 10px #0000004d}.walkie-btn.long{background:linear-gradient(180deg,#ec4899,#be185d);box-shadow:0 6px #831843,0 8px 15px #0000004d}.walkie-btn.long:hover{background:linear-gradient(180deg,#f472b6,#ec4899)}.walkie-btn.long.pressed,.walkie-btn.long:active{transform:translateY(4px);box-shadow:0 2px #831843,0 4px 10px #0000004d}.walkie-btn:disabled{opacity:.5;cursor:not-allowed}.btn-symbol{font-size:2rem;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.btn-label{font-size:.8rem;font-weight:700;color:#ffffffe6;text-transform:uppercase;letter-spacing:1px}.walkie-clear{width:100%;padding:10px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:.9rem;cursor:pointer;transition:all .2s ease}.walkie-clear:hover:not(:disabled){background:#fff3}.walkie-clear:disabled{opacity:.3;cursor:not-allowed}.walkie-success{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000f2;padding:30px;border-radius:15px;text-align:center;border:2px solid #4ade80;animation:successPop .5s ease}@keyframes successPop{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}50%{transform:translate(-50%,-50%) scale(1.1)}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.success-icon{font-size:3rem;margin-bottom:10px;animation:sparkle 1s ease infinite}@keyframes sparkle{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.success-text{color:#4ade80;font-size:1.1rem;font-weight:700;line-height:1.4}.walkie-error{position:absolute;bottom:80px;left:50%;transform:translate(-50%);background:#ef4444e6;color:#fff;padding:10px 20px;border-radius:20px;font-size:.9rem;font-weight:700;animation:errorPop .3s ease}@keyframes errorPop{0%{transform:translate(-50%) scale(.8);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}.walkie-legend{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;font-size:.75rem;color:#666}@media (max-width: 480px){.walkie-overlay{padding:10px}.walkie-container{max-width:100%;padding:15px;border-radius:15px}.walkie-title{font-size:1.3rem}.walkie-hint{font-size:.85rem;padding:10px}.morse-symbol{font-size:1.5rem}.walkie-btn{padding:18px 8px}.btn-symbol{font-size:1.8rem}.btn-label{font-size:.7rem}.walkie-legend{flex-direction:column;align-items:center;gap:5px}}@media (max-width: 360px){.walkie-container{padding:12px}.walkie-title{font-size:1.1rem}.walkie-btn{padding:15px 5px}.btn-symbol{font-size:1.5rem}}@media (max-height: 500px) and (orientation: landscape){.walkie-container{max-height:95vh;overflow-y:auto;padding:10px}.walkie-device{padding:10px}.walkie-screen{min-height:40px;padding:8px}.walkie-btn{padding:12px 8px}}.boggle-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#140a1ef2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:boggle-fadeIn .3s ease}@keyframes boggle-fadeIn{0%{opacity:0}to{opacity:1}}.boggle-container{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);border-radius:20px;border:3px solid rgba(100,200,255,.3);box-shadow:0 10px 40px #0009,0 0 60px #6496ff33,inset 0 1px #ffffff1a;width:95%;max-width:400px;max-height:95vh;overflow-y:auto;padding:16px;animation:boggle-slideUp .4s ease;position:relative}@keyframes boggle-slideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.boggle-container.victory{border-color:#64ff9699;box-shadow:0 10px 40px #0009,0 0 80px #64ff9666}.boggle-container.defeat{border-color:#ff646466}.boggle-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.boggle-title{display:flex;align-items:center;gap:8px;color:#e8f4ff;font-size:18px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3)}.boggle-emoji{font-size:24px}.boggle-close{background:#ff646433;border:none;color:#ffffffb3;font-size:20px;width:32px;height:32px;border-radius:50%;cursor:pointer;transition:all .2s}.boggle-close:hover{background:#ff646466;color:#fff}.boggle-stats{display:flex;justify-content:space-around;margin-bottom:12px;padding:10px;background:#0000004d;border-radius:12px}.boggle-timer,.boggle-score{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:700;color:#e8f4ff}.stat-icon{font-size:20px}.boggle-timer .urgent{color:#ff6b6b;animation:pulse .5s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.boggle-progress{height:10px;background:#0000004d;border-radius:5px;margin-bottom:12px;overflow:hidden;position:relative}.boggle-progress-bar{height:100%;background:linear-gradient(90deg,#4ecdc4,#44bd32,#f1c40f);border-radius:5px;transition:width .3s ease}.progress-complete{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:10px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.5)}.boggle-current-word{text-align:center;font-size:28px;font-weight:700;color:#fff;padding:12px;margin-bottom:12px;background:#0006;border-radius:12px;border:2px solid rgba(100,200,255,.3);min-height:50px;display:flex;align-items:center;justify-content:center;letter-spacing:4px;text-transform:uppercase;transition:all .2s}.boggle-current-word.valid{background:#64ff964d;border-color:#64ff9699;animation:flash-valid .3s ease}.boggle-current-word.invalid{background:#ff64644d;border-color:#ff646499;animation:shake .3s ease}.boggle-current-word.duplicate{background:#ffc8644d;border-color:#ffc86499}@keyframes flash-valid{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.boggle-grid{display:flex;flex-direction:column;gap:8px;padding:12px;background:#0000004d;border-radius:16px;margin-bottom:12px;touch-action:none;-webkit-user-select:none;user-select:none}.boggle-row{display:flex;gap:8px;justify-content:center}.boggle-cell{width:70px;height:70px;background:linear-gradient(145deg,#2d3a5a,#1e2844);border:2px solid rgba(100,200,255,.2);border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;box-shadow:0 4px 8px #0000004d,inset 0 1px #ffffff1a}.boggle-cell:hover:not(.selected){background:linear-gradient(145deg,#3d4a6a,#2e3854);border-color:#64c8ff66;transform:scale(1.05)}.boggle-cell.selected{background:linear-gradient(145deg,#4ecdc4,#44bd32);border-color:#ffffff80;transform:scale(1.1);box-shadow:0 6px 12px #4ecdc466,0 0 20px #4ecdc44d}.cell-letter{font-size:32px;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.4)}.boggle-actions{display:flex;gap:12px;margin-bottom:12px}.boggle-btn{flex:1;padding:14px 20px;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.boggle-btn.clear{background:linear-gradient(145deg,#6c7a89,#5c6979);color:#fff}.boggle-btn.clear:hover:not(:disabled){background:linear-gradient(145deg,#7c8a99,#6c7989)}.boggle-btn.submit{background:linear-gradient(145deg,#4ecdc4,#44bd32);color:#fff;box-shadow:0 4px 12px #4ecdc44d}.boggle-btn.submit:hover:not(:disabled){background:linear-gradient(145deg,#5eddd4,#54cd42);transform:translateY(-2px);box-shadow:0 6px 16px #4ecdc466}.boggle-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.boggle-found-words{background:#0000004d;border-radius:12px;padding:10px;margin-bottom:10px;max-height:80px;overflow-y:auto;-webkit-overflow-scrolling:touch}.found-words-title{font-size:12px;color:#ffffffb3;margin-bottom:6px;display:flex;justify-content:space-between;align-items:center}.found-words-score{color:gold;font-weight:700}.found-words-list{display:flex;flex-wrap:wrap;gap:4px}.found-word{background:#64c8ff33;padding:3px 8px;border-radius:12px;font-size:11px;color:#e8f4ff;display:inline-flex;align-items:center;gap:2px;white-space:nowrap}.found-word.thematic{background:#ffd7004d;border:1px solid rgba(255,215,0,.5)}.found-word.long-word{background:#64ff964d;border:1px solid rgba(100,255,150,.5)}.bonus-star{color:gold;font-size:10px}.word-points{font-size:9px;opacity:.7;margin-left:2px}.boggle-game-over{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000e6;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:boggle-fadeIn .3s ease;padding:20px;text-align:center}.game-over-icon{font-size:80px;margin-bottom:20px}.game-over-icon.victory{animation:bounce .6s ease infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.game-over-icon.defeat{filter:grayscale(.5)}.game-over-text{font-size:36px;font-weight:700;color:#fff;margin-bottom:12px;text-shadow:0 2px 8px rgba(0,0,0,.5)}.game-over-subtext{font-size:18px;color:#fffc;margin-bottom:8px}.game-over-subtext.cotelette{color:#ff6b9d;font-weight:700;animation:glow 1s ease-in-out infinite}@keyframes glow{0%,to{text-shadow:0 0 10px rgba(255,107,157,.5)}50%{text-shadow:0 0 20px rgba(255,107,157,.8),0 0 30px rgba(255,107,157,.4)}}.boggle-retry{margin-top:20px;padding:14px 30px;background:linear-gradient(145deg,#4ecdc4,#44bd32);border:none;border-radius:12px;color:#fff;font-size:18px;font-weight:700;cursor:pointer;transition:all .2s}.boggle-retry:hover{transform:scale(1.05);box-shadow:0 6px 20px #4ecdc466}.boggle-instructions{text-align:center;color:#ffffff80;font-size:12px}.boggle-instructions p{margin:4px 0}.boggle-found-words::-webkit-scrollbar{width:6px}.boggle-found-words::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.boggle-found-words::-webkit-scrollbar-thumb{background:#64c8ff4d;border-radius:3px}@media (max-width: 420px){.boggle-cell{width:60px;height:60px}.cell-letter{font-size:26px}.boggle-current-word{font-size:24px}}@media (max-width: 360px){.boggle-cell{width:55px;height:55px}.cell-letter{font-size:22px}.boggle-row{gap:6px}.boggle-grid{gap:6px;padding:8px}}.zoom-controls{position:fixed;bottom:20px;right:20px;display:flex;align-items:center;gap:8px;background:#14141ee6;padding:6px 10px;border-radius:20px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100}.zoom-btn{width:32px;height:32px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.zoom-btn:hover{background:#fff3;transform:scale(1.1)}.zoom-btn:active{transform:scale(.95)}.zoom-level{color:#fffc;font-size:12px;font-weight:500;min-width:40px;text-align:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}@media (max-width: 600px){.zoom-controls{bottom:160px;left:20px;right:auto;padding:4px 8px;flex-direction:column;gap:4px}.zoom-btn{width:36px;height:36px;font-size:20px}.zoom-level{font-size:11px;min-width:36px}}.game-ui{pointer-events:none}.title-screen{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);overflow:hidden}.title-bg{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.floating-crystal{position:absolute;width:0;height:0;opacity:.3}.floating-crystal:before,.floating-crystal:after{content:"";position:absolute;width:0;height:0}.crystal-1{top:15%;left:10%;border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:40px solid #8b5cf6;animation:float 6s ease-in-out infinite}.crystal-1:after{top:40px;left:-20px;border-left:20px solid transparent;border-right:20px solid transparent;border-top:25px solid #7c3aed}.crystal-2{top:60%;right:15%;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:30px solid #06b6d4;animation:float 8s ease-in-out infinite 2s}.crystal-2:after{top:30px;left:-15px;border-left:15px solid transparent;border-right:15px solid transparent;border-top:18px solid #0891b2}.crystal-3{bottom:20%;left:20%;border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:24px solid #f472b6;animation:float 7s ease-in-out infinite 1s}.crystal-3:after{top:24px;left:-12px;border-left:12px solid transparent;border-right:12px solid transparent;border-top:15px solid #db2777}.ghost-particle{position:absolute;width:8px;height:8px;background:#ffffff26;border-radius:50%;animation:ghostFloat 10s ease-in-out infinite}.particle-1{top:30%;right:25%;animation-delay:0s}.particle-2{top:70%;left:30%;width:6px;height:6px;animation-delay:3s}.particle-3{top:20%;right:40%;width:10px;height:10px;animation-delay:5s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}@keyframes ghostFloat{0%,to{transform:translate(0);opacity:.15}25%{transform:translate(10px,-15px);opacity:.3}50%{transform:translate(-5px,-25px);opacity:.2}75%{transform:translate(-15px,-10px);opacity:.25}}.title-content{display:flex;flex-direction:column;align-items:center;gap:40px;padding:20px;text-align:center;z-index:1}.title-logo{display:flex;flex-direction:column;align-items:center;gap:12px}.title-icon{width:100px;height:100px;background:linear-gradient(135deg,#8b5cf64d,#06b6d44d);border-radius:20px;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.15);box-shadow:0 8px 32px #8b5cf64d;animation:pulse 3s ease-in-out infinite}.icon-ghost{font-size:50px;filter:drop-shadow(0 0 10px rgba(255,255,255,.5))}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 8px 32px #8b5cf64d}50%{transform:scale(1.05);box-shadow:0 12px 40px #8b5cf680}}.title-text{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:48px;font-weight:800;color:#fff;margin:0;letter-spacing:8px;text-shadow:0 4px 20px rgba(139,92,246,.5)}.title-subtitle{font-size:16px;color:#fff9;margin:0;letter-spacing:4px;text-transform:uppercase}.title-menu{display:flex;flex-direction:column;gap:16px;width:100%;max-width:280px}.title-btn{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 32px;border:none;border-radius:12px;font-family:inherit;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.title-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.title-btn:hover:before{left:100%}.continue-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;box-shadow:0 4px 20px #8b5cf666}.continue-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #8b5cf680}.new-game-btn{background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.2)}.new-game-btn:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px)}.btn-icon{font-size:20px}.btn-text{letter-spacing:1px}.title-footer{display:flex;flex-direction:column;gap:6px;color:#fff6;font-size:12px}.title-footer p{margin:0}@media (max-width: 600px){.title-content{gap:30px}.title-icon{width:80px;height:80px}.icon-ghost{font-size:40px}.title-text{font-size:32px;letter-spacing:4px}.title-subtitle{font-size:14px;letter-spacing:2px}.title-menu{max-width:240px}.title-btn{padding:14px 24px;font-size:16px}.crystal-1{top:10%;left:5%}.crystal-2{top:70%;right:8%}.crystal-3{bottom:15%;left:10%}}@media (max-width: 400px){.title-text{font-size:28px;letter-spacing:2px}.title-subtitle{font-size:12px}.title-btn{padding:12px 20px;font-size:14px}}.adventure-grid{display:flex;flex-direction:column;gap:16px;width:100%;max-width:400px;padding:0 16px}.adventure-card{display:flex;align-items:flex-start;gap:16px;padding:20px;background:#ffffff14;border:2px solid rgba(255,255,255,.15);border-radius:16px;cursor:pointer;transition:all .3s ease;text-align:left;width:100%}.adventure-card:hover{background:#ffffff1f;border-color:#ffffff40;transform:translateY(-2px)}.adventure-card.selected{background:#8b5cf633;border-color:#8b5cf6;box-shadow:0 4px 20px #8b5cf64d}.adventure-icon{font-size:40px;line-height:1;flex-shrink:0}.adventure-info{flex:1;min-width:0}.adventure-name{font-size:18px;font-weight:700;color:#fff;margin:0 0 8px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.new-badge{display:inline-block;padding:2px 8px;background:linear-gradient(135deg,#f472b6,#db2777);border-radius:4px;font-size:10px;font-weight:700;letter-spacing:1px;color:#fff;text-transform:uppercase}.adventure-description{font-size:14px;color:#fff9;margin:0;line-height:1.4}@media (max-width: 600px){.adventure-grid{max-width:320px}.adventure-card{padding:16px}.adventure-icon{font-size:32px}.adventure-name{font-size:16px}.adventure-description{font-size:12px}}@media (max-width: 400px){.adventure-grid{max-width:280px}.adventure-card{padding:14px;gap:12px}.adventure-icon{font-size:28px}.adventure-name{font-size:14px}.adventure-description{font-size:11px}}.fps-counter{position:fixed;bottom:8px;left:8px;background:#00000080;border-radius:4px;padding:2px 6px;display:inline-flex;align-items:baseline;gap:2px;font-family:Courier New,monospace;font-size:10px;border:1px solid rgba(255,255,255,.1);z-index:1000;pointer-events:none;max-width:80px;max-height:24px;width:auto;height:auto;overflow:hidden}.fps-value{font-size:11px;font-weight:700}.fps-label{font-size:9px;opacity:.6}.fps-good{color:#4ade80;border-color:#4ade8033}.fps-ok{color:#fbbf24;border-color:#fbbf2433}.fps-bad{color:#f87171;border-color:#f8717133}@media (max-width: 480px){.fps-counter{bottom:4px;left:4px;padding:2px 4px;font-size:9px}.fps-value{font-size:10px}}.fullscreen-btn{position:fixed;top:20px;right:20px;width:40px;height:40px;border-radius:50%;background:#14141ee6;border:1px solid rgba(255,255,255,.1);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;padding:8px}.fullscreen-btn:hover{background:#fff3;transform:scale(1.1)}.fullscreen-btn:active{transform:scale(.95)}.fullscreen-btn svg{width:20px;height:20px}@media (max-width: 600px){.fullscreen-btn{width:44px;height:44px;top:16px;right:16px}.fullscreen-btn svg{width:22px;height:22px}}.orientation-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#1a1a2e,#16213e);z-index:10000;display:flex;align-items:center;justify-content:center;flex-direction:column}.orientation-content{text-align:center;color:#fff;padding:20px}.phone-icon{position:relative;width:80px;height:80px;margin:0 auto 24px;animation:rotate-phone 2s ease-in-out infinite}.phone-icon svg{width:100%;height:100%;color:#ffffffe6}.rotate-arrow{position:absolute;top:-20px;right:-30px;width:40px;height:40px;animation:pulse-arrow 2s ease-in-out infinite}.rotate-arrow svg{width:100%;height:100%;color:#4fd1c5}@keyframes rotate-phone{0%,to{transform:rotate(90deg)}50%{transform:rotate(0)}}@keyframes pulse-arrow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.9)}}.orientation-message{font-size:1.2rem;font-weight:300;letter-spacing:.05em;color:#ffffffe6;max-width:280px;line-height:1.5}:root{--color-real-primary: #E8B4A6;--color-real-secondary: #F5D5C8;--color-real-accent: #D4A574;--color-real-background: #FDF6F0;--color-spectral-primary: #6B7B8C;--color-spectral-secondary: #8E9AAB;--color-spectral-accent: #5D6D7E;--color-spectral-background: #1C2833;--color-text: #2C3E50;--color-text-light: #F8F9FA}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;height:100%}button,a{touch-action:manipulation}.game-container{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;user-select:none;-webkit-user-select:none;background:linear-gradient(135deg,#ffecd2,#fcb69f)}.game-container>div{width:100%!important;height:100%!important}.game-container canvas{width:100%!important;height:100%!important;display:block;outline:none}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-real-background);z-index:1000}.loading-title{font-size:2.5rem;font-weight:300;letter-spacing:.5rem;color:var(--color-text);margin-bottom:2rem}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-real-secondary);border-top-color:var(--color-real-accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.game-ui{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100}.game-ui>*{pointer-events:auto}.world-indicator{position:absolute;top:20px;left:50%;transform:translate(-50%);padding:8px 24px;border-radius:20px;font-size:.875rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;transition:all .5s ease}.world-indicator.real{background:#e8b4a6e6;color:var(--color-text)}.world-indicator.spectral{background:#6b7b8ce6;color:var(--color-text-light)}.action-button{position:absolute;bottom:30px;right:30px;width:60px;height:60px;border-radius:50%;border:none;background:var(--color-real-accent);color:#fff;font-size:1.5rem;cursor:pointer;box-shadow:0 4px 12px #00000026;transition:transform .2s,box-shadow .2s}.action-button:active{transform:scale(.95);box-shadow:0 2px 6px #00000026}.message-box-container{position:fixed;bottom:120px;left:50%;transform:translate(-50%);max-width:90%;width:400px;max-height:40vh;background:#fffffffa;border-radius:12px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;z-index:9999}.message-box-close{position:absolute;top:8px;right:8px;width:28px;height:28px;border:none;background:#0000001a;border-radius:50%;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#666;transition:all .2s ease;z-index:10}.message-box-close:hover{background:#0003;color:#333}.message-box-close:active{transform:scale(.95)}.message-box-content{padding:16px 40px 16px 24px;font-size:1rem;line-height:1.6;color:var(--color-text);text-align:left;overflow-y:auto;max-height:35vh;-webkit-overflow-scrolling:touch;white-space:pre-wrap}.message-box-content::-webkit-scrollbar{width:6px}.message-box-content::-webkit-scrollbar-track{background:#0000000d;border-radius:3px}.message-box-content::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.message-box-content::-webkit-scrollbar-thumb:hover{background:#0000004d}@media (max-width: 480px){.message-box-container{width:95%;max-width:none;bottom:140px;max-height:45vh}.message-box-content{max-height:45vh;padding:14px 36px 14px 18px;font-size:.95rem}.message-box-close{width:32px;height:32px;font-size:16px}}.inventory{position:absolute;bottom:20px;left:20px;display:flex;gap:10px}.inventory-item{width:50px;height:50px;border-radius:10px;background:#ffffffe6;border:2px solid var(--color-real-secondary);display:flex;align-items:center;justify-content:center;font-size:1.5rem}.touch-area{position:absolute;bottom:20px;left:20px;width:120px;height:120px}.joystick-base{position:absolute;width:100%;height:100%;border-radius:50%;background:#ffffff4d;border:2px solid rgba(255,255,255,.5)}.joystick-knob{position:absolute;width:50px;height:50px;border-radius:50%;background:#fffc;top:50%;left:50%;transform:translate(-50%,-50%);transition:transform .1s}.world-transition{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:50;opacity:0;transition:opacity .4s ease}.world-transition.active{opacity:1}.world-transition.to-spectral{background:radial-gradient(circle,transparent 0%,rgba(28,40,51,.8) 100%)}.world-transition.to-real{background:radial-gradient(circle,transparent 0%,rgba(253,246,240,.8) 100%)}.effect-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:90}.effect-overlay.vignette:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.5) 100%)}.effect-overlay.vignette-warm:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,transparent 40%,rgba(80,40,0,.4) 100%)}.effect-overlay.vignette-dark:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,transparent 20%,rgba(0,0,0,.7) 100%)}.effect-overlay.scanlines:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.1) 2px,rgba(0,0,0,.1) 4px)}.effect-overlay.crt:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.15) 2px,rgba(0,0,0,.15) 4px),radial-gradient(ellipse at center,transparent 60%,rgba(0,0,0,.3) 100%)}.effect-overlay.crt:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 0%,rgba(255,255,255,.03) 50%,transparent 100%);animation:crt-flicker .15s infinite}@keyframes crt-flicker{0%,to{opacity:.98}50%{opacity:1}}.effect-overlay.glitch{animation:glitch-shift 3s infinite}.effect-overlay.glitch:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;animation:glitch-color .3s infinite}@keyframes glitch-shift{0%,95%,to{transform:translate(0)}96%{transform:translate(-2px,1px)}97%{transform:translate(2px,-1px)}98%{transform:translate(-1px,-1px)}99%{transform:translate(1px,1px)}}@keyframes glitch-color{0%,90%,to{box-shadow:none}91%{box-shadow:-3px 0 #ff00004d,3px 0 #00ffff4d}93%{box-shadow:3px 0 #ff00004d,-3px 0 #00ffff4d}95%{box-shadow:-2px 0 #f003,2px 0 #0ff3}}.effect-overlay.chromatic:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:inset 3px 0 10px #ff00001a,inset -3px 0 10px #00ffff1a}.effect-overlay.pixelate:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent 0px,transparent 3px,rgba(0,0,0,.02) 3px,rgba(0,0,0,.02) 6px),repeating-linear-gradient(90deg,transparent 0px,transparent 3px,rgba(0,0,0,.02) 3px,rgba(0,0,0,.02) 6px)}.effect-overlay.vhs:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.08) 2px,rgba(0,0,0,.08) 4px);animation:vhs-tracking 8s infinite}.effect-overlay.vhs:after{content:"";position:absolute;top:0;left:0;width:100%;height:5%;background:linear-gradient(to bottom,rgba(255,255,255,.1),transparent);animation:vhs-noise .5s infinite}@keyframes vhs-tracking{0%,to{transform:translateY(0)}10%{transform:translateY(1px)}20%{transform:translateY(-1px)}30%{transform:translateY(2px)}}@keyframes vhs-noise{0%,to{top:0;opacity:0}10%{top:30%;opacity:.1}20%{top:60%;opacity:0}70%{top:20%;opacity:.15}}.effect-overlay.sparkle:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 30%,rgba(255,255,255,.8) 0%,transparent .5%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.6) 0%,transparent .3%),radial-gradient(circle at 40% 70%,rgba(255,255,255,.7) 0%,transparent .4%),radial-gradient(circle at 70% 60%,rgba(255,255,255,.5) 0%,transparent .3%),radial-gradient(circle at 10% 80%,rgba(255,255,255,.6) 0%,transparent .4%),radial-gradient(circle at 90% 90%,rgba(255,255,255,.8) 0%,transparent .5%);animation:sparkle-twinkle 2s ease-in-out infinite}@keyframes sparkle-twinkle{0%,to{opacity:.3}50%{opacity:.8}}