*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0d0a12;--panel: #1a1428;--accent: #c9a227;--accent-glow: #f0d060;--text: #e8e0f0;--muted: #8a7e9a;--danger: #c44;--success: #4a8}html,body{width:100%;height:100%;height:100dvh;overflow:hidden;background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,sans-serif;-webkit-tap-highlight-color:transparent;touch-action:manipulation}#app{width:100%;height:100%;height:100dvh;position:relative}#maze-container{width:100%;height:100%}#maze-container canvas,#maze-container .maze-canvas{display:block;width:100%;height:100%;touch-action:none}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#08050fe0;z-index:100;opacity:0;pointer-events:none;transition:opacity .3s ease}.overlay.visible{opacity:1;pointer-events:auto}.overlay.hidden{display:none}.panel{background:var(--panel);border:1px solid rgba(201,162,39,.35);border-radius:12px;padding:2rem;max-width:480px;width:90%;text-align:center;box-shadow:0 0 40px #c9a2271f}.panel-wide{max-width:min(760px,96vw);width:96vw}.panel-scroll{max-height:96vh;overflow-y:auto;display:flex;flex-direction:column}#assembly-screen .panel{padding:1.25rem 1.5rem}#assembly-screen .panel-actions{margin-top:auto;padding-top:.75rem}.panel-story{max-width:560px;text-align:left}.level-list{list-style:none;text-align:left;margin-bottom:1.5rem;color:var(--muted);font-size:.9rem;line-height:1.8}.level-list li:before{content:"◆ ";color:var(--accent)}.panel h1,.panel h2{color:var(--accent-glow);margin-bottom:1rem;font-weight:600}.panel p{color:var(--muted);line-height:1.6;margin-bottom:1.5rem}.btn-primary,.btn-secondary{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:transform .15s,box-shadow .15s;touch-action:manipulation;-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:44px}.btn-primary{background:linear-gradient(135deg,var(--accent),#8b6914);color:#1a1000;font-weight:600}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 20px #c9a22766}.btn-secondary{background:transparent;border:1px solid var(--accent);color:var(--accent-glow)}.btn-secondary:hover{background:#c9a2271a}.panel-actions{margin-top:1.5rem;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.btn-reset{margin-top:.75rem}#assembly-screen .panel-actions .btn-reset{margin-top:0}.btn-reset-hud{margin-top:.35rem;padding:.35rem .65rem;border:1px solid rgba(201,162,39,.35);border-radius:6px;background:#140f1ed9;color:var(--muted);font-size:.75rem;cursor:pointer}.btn-reset-hud:hover{color:var(--accent-glow);border-color:var(--accent)}.hud{position:fixed;top:1rem;left:1rem;z-index:50;display:flex;flex-direction:column;gap:.5rem}.hud-stats{display:flex;flex-direction:column;gap:.5rem}.hud-footer{display:flex;flex-direction:column;gap:.35rem}.hud.hidden{display:none}.hud-item{background:#140f1ed9;border:1px solid rgba(201,162,39,.25);border-radius:8px;padding:.5rem 1rem;display:flex;gap:.75rem;align-items:center}.hud-label{color:var(--muted);font-size:.85rem}.hud-value{color:var(--accent-glow);font-size:1.25rem;font-weight:700;font-variant-numeric:tabular-nums}.hud-value.warning{color:var(--danger);animation:pulse .5s ease infinite alternate}@keyframes pulse{0%{opacity:1}to{opacity:.6}}.hud-hint{color:var(--muted);font-size:.8rem;margin-top:.25rem}#puzzle-board-wrap{width:100%;margin:0 auto .75rem;border-radius:8px;background:#0003;display:flex;justify-content:center;align-items:center;overflow:hidden;flex-shrink:0}#puzzle-board{position:relative;margin:0 auto;background-color:#00000059;border:2px solid rgba(201,162,39,.45);border-radius:8px;overflow:hidden;max-width:100%}.puzzle-inventory{display:flex;flex-wrap:wrap;gap:6px;max-height:min(28vh,140px);overflow-y:auto;padding:.65rem;margin-bottom:.75rem;background:#00000059;border-radius:8px;border:1px dashed rgba(201,162,39,.35);min-height:56px;flex-shrink:0}.puzzle-inventory:empty:after{content:"Toplanan parçalar burada görünür — sürükleyip tahtaya yerleştir";color:var(--muted);font-size:.85rem;width:100%;text-align:center;padding:.5rem}.puzzle-slot{position:absolute;box-sizing:border-box;pointer-events:none}.puzzle-slot.ghost{opacity:.35;border:1px dashed rgba(201,162,39,.55);border-radius:3px;object-fit:cover;filter:brightness(.85)}.puzzle-piece{cursor:grab;border:2px solid rgba(201,162,39,.65);border-radius:4px;box-shadow:0 4px 12px #00000080;touch-action:none;object-fit:cover;display:block}#puzzle-board .puzzle-piece{position:absolute;z-index:10}.puzzle-inventory .puzzle-piece,.puzzle-piece.inventory-piece{position:relative;z-index:1;flex-shrink:0}.puzzle-piece:active{cursor:grabbing}.puzzle-piece.locked{cursor:default;border-color:var(--success);box-shadow:0 0 12px #4a86;z-index:5}#riddle-text{font-size:1.1rem;color:var(--text);font-style:italic;margin-bottom:1.25rem}.riddle-options{display:flex;flex-direction:column;gap:.65rem;margin-bottom:1.25rem;text-align:left}.riddle-option{display:flex;align-items:center;gap:.75rem;width:100%;padding:.85rem 1rem;border:1px solid rgba(201,162,39,.35);border-radius:8px;background:#00000040;color:var(--text);font-size:1rem;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}.riddle-option:hover:not(.wrong):not(.correct){background:#c9a2271f;border-color:var(--accent);transform:translate(4px)}.riddle-option-label{display:inline-flex;align-items:center;justify-content:center;min-width:1.75rem;height:1.75rem;border-radius:50%;background:#c9a22733;color:var(--accent-glow);font-weight:700;font-size:.9rem;flex-shrink:0}.riddle-option-text{flex:1}.riddle-option.correct{border-color:var(--success);background:#4a83}.riddle-option.wrong{border-color:var(--danger);background:#cc444426;animation:shake .35s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.entrance-options{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.5rem}.entrance-option{display:flex;align-items:center;gap:.65rem;padding:.9rem 1rem;border:1px solid rgba(201,162,39,.35);border-radius:8px;background:#00000040;color:var(--text);font-size:.95rem;cursor:pointer;transition:background .15s,transform .15s,border-color .15s}.entrance-option:hover{background:#c9a2271f;border-color:var(--entrance-color, var(--accent));transform:translateY(-2px)}.entrance-dot{width:14px;height:14px;border-radius:50%;background:var(--entrance-color, var(--accent));flex-shrink:0;box-shadow:0 0 8px var(--entrance-color, var(--accent))}.entrance-label{text-align:left}.story-page-indicator{color:var(--accent-glow);font-size:.9rem;margin-bottom:1rem;text-align:center}.story-body{color:var(--text);line-height:1.85;font-size:1.05rem;margin-bottom:1.5rem;min-height:200px;text-align:justify}.story-nav{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.attempts{color:var(--muted);font-size:.9rem;margin-bottom:.5rem}.feedback{min-height:1.5rem;margin-bottom:1rem}.feedback.error{color:var(--danger)}.feedback.success{color:var(--success)}.maze-touch-controls{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;pointer-events:none}.maze-touch-controls.hidden{display:none}.maze-joystick-zone{position:absolute;left:1.25rem;bottom:max(1.25rem,env(safe-area-inset-bottom));width:120px;height:120px;border-radius:50%;background:#140f1e8c;border:2px solid rgba(201,162,39,.35);pointer-events:auto;touch-action:none}.maze-joystick-knob{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:#c9a227d9;box-shadow:0 2px 12px #00000073;will-change:transform}@media(max-width:768px){#app.hud-active{display:grid;grid-template-rows:auto 1fr;grid-template-areas:"hud" "maze";overflow:hidden}#app.hud-active #hud{grid-area:hud;position:relative;top:auto;left:auto;right:auto;z-index:50;width:100%;flex-shrink:0;padding:max(.4rem,env(safe-area-inset-top)) max(.5rem,env(safe-area-inset-right)) .4rem max(.5rem,env(safe-area-inset-left));background:#08050ff5;border-bottom:1px solid rgba(201,162,39,.22);gap:.35rem}#app.hud-active #hud .hud-stats{flex-direction:row;justify-content:space-between;gap:.35rem;width:100%}#app.hud-active #hud .hud-item{flex:1;min-width:0;padding:.4rem .35rem;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;text-align:center}#app.hud-active #hud .hud-label{font-size:.68rem;line-height:1.1}#app.hud-active #hud .hud-value{font-size:1.05rem;line-height:1.1}#app.hud-active #hud .hud-footer{flex-direction:row;align-items:center;justify-content:space-between;gap:.5rem}#app.hud-active #hud .hud-hint{margin:0;font-size:.72rem;line-height:1.3;flex:1;min-width:0}#app.hud-active #hud .btn-reset-hud{margin-top:0;flex-shrink:0;white-space:nowrap}#app.hud-active #maze-container{grid-area:maze;min-height:0;height:auto;width:100%}}@media(max-width:480px){.panel{padding:1.25rem;width:94%}.panel h1{font-size:1.35rem}.entrance-options{grid-template-columns:1fr}.maze-joystick-zone{width:108px;height:108px}}