@import"https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800&display=swap";:root{color-scheme:dark;font-family:Vazirmatn,Tahoma,sans-serif}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;min-height:100%;overflow:hidden;background:#0b1020;overscroll-behavior:none}body{display:grid;place-items:center;touch-action:pan-x pan-y}#game-shell{position:relative;width:100vw;height:100vh;height:100dvh;overflow:hidden;background:#101626;isolation:isolate}#game,#game canvas{width:100%;height:100%}#game canvas{touch-action:none}#game{width:100%;height:100%;display:flex;align-items:center;justify-content:center}canvas{display:block;image-rendering:pixelated}#overlay-root{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;align-items:center;justify-content:center;padding:18px}.panel{pointer-events:auto;width:min(680px,94vw);max-height:min(82vh,760px);overflow:auto;color:#f7f0e8;background:#14192bf5;border:2px solid #d9a8c4;box-shadow:0 12px 50px #0009,inset 0 0 0 4px #ffffff0a;padding:24px;border-radius:12px;text-align:right;direction:rtl;scrollbar-width:thin;scrollbar-color:#bd8eaa #20263a}.panel h1,.panel h2{margin:0 0 12px;color:#ffd6e8}.panel p{line-height:2;white-space:pre-wrap;color:#f0e6ed}.panel .eyebrow{color:#a9c8df;font-size:12px;letter-spacing:1px;margin-bottom:8px}.panel button,.pixel-button{border:2px solid #f4c4d8;background:#713e69;color:#fff;padding:10px 17px;margin:6px 4px 0 0;font:600 14px Vazirmatn,Tahoma,sans-serif;cursor:pointer;border-radius:4px;box-shadow:0 3px #3b2344}.panel button:hover{background:#91537f;transform:translateY(-1px)}.panel button:disabled{opacity:.45;cursor:not-allowed}.panel .secondary{background:#33455f;border-color:#9dbbd0;box-shadow:0 3px #1d2a3d}.panel .choice{display:block;width:100%;text-align:right;margin:8px 0;background:#29364e;border-color:#8ca8c2}.panel .choice.correct{background:#315c4b;border-color:#8bd5ae}.panel .choice.wrong{background:#68404a;border-color:#d99aa6}.panel .letter{white-space:pre-wrap;line-height:2.15;padding:14px;background:#ffffff0a;border-right:3px solid #e6a9c9}.panel .row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.panel input[type=range]{accent-color:#e5a6c8}#toast{position:absolute;left:50%;bottom:24px;transform:translate(-50%);background:#18243bef;color:#fff;border:1px solid #9ab8d0;padding:8px 16px;border-radius:4px;opacity:0;transition:opacity .2s;pointer-events:none;font-size:13px;text-align:center}#toast.show{opacity:1}#mobile-controls{display:none;position:absolute;inset:auto max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));justify-content:space-between;align-items:end;pointer-events:none;z-index:5}#mobile-controls.is-hidden{display:none!important}.dpad{pointer-events:auto;display:flex;flex-direction:column;align-items:center;gap:6px;filter:drop-shadow(0 3px 8px #0008)}.dpad button,#mobile-interact{width:clamp(46px,8vh,62px);height:clamp(46px,8vh,62px);border:1px solid #ffffff70;border-radius:13px;color:#fff;background:linear-gradient(145deg,#263755ef,#111b30ef);font-size:clamp(18px,3vh,23px);touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;box-shadow:inset 0 1px #ffffff20,0 3px #0b1221}.dpad button:active,#mobile-interact:active{background:#8a557c;transform:translateY(2px);box-shadow:inset 0 1px #ffffff30}.dpad-mid{display:flex;gap:6px}#mobile-interact{pointer-events:auto;width:auto;min-width:clamp(110px,17vw,160px);padding:0 18px;height:clamp(48px,8vh,64px);font:700 clamp(13px,2vh,16px) Vazirmatn,Tahoma,sans-serif;border-color:#f2bfd8;background:linear-gradient(145deg,#8b557c,#583654)}#mobile-controls-toggle{display:none;position:absolute;top:max(14px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));z-index:10;width:44px;height:44px;border:1px solid #ffffff70;border-radius:12px;background:#263755ee;color:#fff;font-size:25px;cursor:pointer;touch-action:manipulation}@media(pointer:coarse),(max-width:760px){#mobile-controls-toggle{pointer-events:auto;-webkit-tap-highlight-color:transparent;display:block}}#rotate-hint{display:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;align-items:center;justify-content:center;padding:24px;background:#080c18f0;text-align:center}.rotate-card{display:grid;justify-items:center;gap:12px;color:#fff0f6;font-family:Vazirmatn,Tahoma,sans-serif}.rotate-icon{font-size:54px;color:#f5b8d2;line-height:1}.rotate-card small{color:#bdc8dc}@media(pointer:coarse),(max-width:760px){#mobile-controls{display:flex}.panel{width:min(620px,96vw);padding:clamp(14px,3vw,22px);max-height:calc(100dvh - 28px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.panel h1{font-size:clamp(19px,3.2vh,25px)}.panel p{font-size:clamp(14px,2.1vh,17px);line-height:1.9}.panel button{min-height:42px}#toast{bottom:calc(88px + env(safe-area-inset-bottom));max-width:88vw}}@media(orientation:portrait)and (max-width:900px){#mobile-controls-toggle{display:none}#rotate-hint{display:flex}#mobile-controls{display:none}}#fullscreen-btn{display:none;position:absolute;top:max(14px,env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:10;width:44px;height:44px;border:1px solid #ffffff70;border-radius:12px;background:#263755ee;color:#fff;font-size:22px;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media(pointer:coarse){#fullscreen-btn{display:block}}#game-shell{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#joy-base{display:none;position:absolute;width:116px;height:116px;margin:-58px 0 0 -58px;border-radius:50%;border:2px solid #ffffff55;background:radial-gradient(circle,#ffffff18,#ffffff08);z-index:4;pointer-events:none}#joy-knob{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:#f4c4d8cc;border:2px solid #ffffffaa;box-shadow:0 3px 10px #0007}@media(pointer:coarse){.dpad,#mobile-controls-toggle{display:none!important}#mobile-controls{top:0!important;right:0!important;bottom:0!important;left:0!important}#mobile-interact{position:absolute;right:max(26px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));width:clamp(76px,18vh,96px);height:clamp(76px,18vh,96px);min-width:0;padding:0;border-radius:50%}}body.dialogue-open #mobile-controls,body.dialogue-open #joy-base,body.minigame-open #mobile-controls,body.minigame-open #joy-base,body.minigame-open #fullscreen-btn{display:none!important}
