:root{color-scheme:light;--paper:#f5f0e4;--ink:#282d30;--red:#a52f22;--blue:#344c65;--muted:#62635c;font-family:'Baloo 2','Nunito',system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);overflow:hidden}button,select,summary{font:inherit;color:inherit}button,select{background:#fcf7eb;border:1px solid #7d837e;border-radius:10px;padding:7px 12px;min-height:44px;cursor:pointer}button:disabled{opacity:.5;cursor:default}button:hover:not(:disabled){transform:translateY(-1px)}button:active:not(:disabled){transform:scale(.97)}button:focus-visible,select:focus-visible,summary:focus-visible,#movePad:focus-visible{outline:3px solid var(--red);outline-offset:2px}.primary{background:var(--blue);color:#fff9e8;border-color:var(--blue)}[hidden]{display:none!important}#stage{position:relative;width:100vw;height:100dvh;overflow:hidden}#world{width:100%;height:100%;display:block;touch-action:none}#hud{position:absolute;left:max(12px,env(safe-area-inset-left));top:max(12px,env(safe-area-inset-top));display:flex;flex-direction:column;gap:2px;max-width:calc(100% - 225px);pointer-events:none;text-shadow:0 1px var(--paper)}#hud>div{display:flex;gap:12px;align-items:center;flex-wrap:wrap}#roomLabel{font-size:1.05rem}#objective,#tempo{font-size:.85rem}#ammo{color:var(--blue);font-size:.94rem}nav{position:absolute;right:max(12px,env(safe-area-inset-right));top:max(12px,env(safe-area-inset-top));display:flex;gap:5px}nav button{padding:5px 9px;font-size:.8rem;background:#f7f1dfed}#crosshair{position:absolute;left:50%;top:50%;width:11px;height:11px;border:2px solid #233848;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}#crosshair::after{content:'';position:absolute;left:3px;top:3px;width:1px;height:1px;background:#f9f0da}#hint{position:absolute;top:82px;left:12px;max-width:380px;font-size:.83rem;color:#394e60;pointer-events:none;background:#f6f0e3b3;padding:2px 6px;border-radius:6px}#callout{position:absolute;left:50%;top:30%;transform:translateX(-50%);color:var(--red);font-size:1.3rem;font-weight:700;text-shadow:0 1px var(--paper);pointer-events:none;max-width:70%;text-align:center}#toolBar{position:absolute;bottom:max(16px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;gap:7px}#toolBar button{display:flex;align-items:center;gap:5px;padding:5px 9px;background:#f9f1e3ed}#toolBar button.selected{border:2px solid var(--blue);background:#d8e1e1}#toolBar img{width:31px;height:31px;object-fit:contain}#movePad,#lookPad,#fireButton{display:none}#notice{position:absolute;bottom:76px;left:12px;right:12px;margin:0;text-align:center;font-size:.76rem;pointer-events:none;background:#f6f0e3b3}#notice:empty{display:none}dialog{border:1px solid #777a73;border-radius:16px;background:var(--paper);color:var(--ink);padding:18px;width:calc(100% - 24px);max-width:520px;max-height:94dvh;overflow:auto;text-align:center;box-shadow:0 8px 30px #26343a33}dialog::backdrop{background:#26333a92;backdrop-filter:blur(3px)}dialog h1,dialog h2{margin:7px 0;font-size:1.65rem}dialog p{line-height:1.4;font-size:.96rem}dialog button{margin:4px}dialog label{display:flex;gap:10px;align-items:center;justify-content:center;margin:9px 0}dialog select{max-width:100%;min-width:130px}.cover{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px}#resultArt{width:105px;height:100px;object-fit:contain}details{margin:12px 0;border-top:1px solid #afb1a4;padding:8px 0}summary{cursor:pointer}input[type=checkbox]{width:20px;height:20px;accent-color:var(--blue)}#replayStrip{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);display:flex;gap:8px;align-items:center;background:#f5f0e4e6;padding:5px 10px;border-radius:9px;max-width:95%}.touch #movePad{display:flex;position:absolute;bottom:max(22px,env(safe-area-inset-bottom));left:max(17px,env(safe-area-inset-left));width:112px;height:112px;background:#f5f0e470;border:1px solid #61737a88;border-radius:50%;align-items:center;justify-content:center;touch-action:none;user-select:none}.touch #movePad span{font-size:.7rem;color:#465961;pointer-events:none}.touch #thumb{position:absolute;left:35px;top:35px;width:40px;height:40px;border-radius:50%;background:#344c6559;border:1px solid #344c65;pointer-events:none}.touch #lookPad{display:block;position:absolute;right:0;top:70px;width:52%;bottom:100px;touch-action:none;user-select:none}.touch #lookPad span{position:absolute;bottom:0;right:22px;font-size:.7rem;color:#465961;pointer-events:none}.touch #fireButton{display:block;position:absolute;right:max(20px,env(safe-area-inset-right));bottom:max(26px,env(safe-area-inset-bottom));min-width:90px;min-height:60px;touch-action:none}.touch #toolBar{left:12px;top:78px;bottom:auto;transform:none;gap:4px}.touch #toolBar button{min-height:44px;padding:4px 7px;font-size:.73rem}.touch #toolBar img{width:23px;height:23px}.touch #hint{top:130px;max-width:44%;font-size:.72rem}.touch #notice{bottom:150px}.touch #hud{max-width:calc(100% - 120px)}.touch nav{flex-wrap:wrap;max-width:114px;justify-content:flex-end}.touch nav button{font-size:.7rem;padding:4px 6px}.touch #hud>div{gap:7px}.touch #roomLabel{font-size:.85rem}.touch #objective,.touch #tempo,.touch #ammo{font-size:.72rem}.touch #callout{font-size:1rem}.replay #toolBar,.replay #movePad,.replay #lookPad,.replay #fireButton{display:none}#stage:not(.started) #crosshair{display:none}@media(max-width:650px){#hud{max-width:calc(100% - 140px)}nav{max-width:132px;flex-wrap:wrap;justify-content:flex-end}#hud>div{gap:7px}#roomLabel{font-size:.85rem}#objective,#tempo,#ammo{font-size:.75rem}nav button{font-size:.7rem;padding:4px 7px}#hint{top:113px;max-width:65%;font-size:.72rem}#toolBar button{font-size:.72rem;padding:4px 7px}#toolBar img{width:23px;height:23px}dialog{padding:13px}.cover{max-height:170px}}@media(orientation:landscape) and (max-height:520px){.touch #hint{top:130px;max-width:230px}.touch nav{max-width:none}.touch #movePad{width:98px;height:98px;bottom:16px}.touch #thumb{left:28px;top:28px}.cover{max-height:110px}#resultArt{height:70px}.touch #toolBar{top:71px}.touch #lookPad{top:70px;bottom:95px}.touch #fireButton{bottom:19px}dialog p{font-size:.88rem}}@media(prefers-reduced-motion:reduce){button:hover,button:active{transform:none}}

#world:focus{outline:none}

#sealArt{width:66px;height:66px;object-fit:contain}.critics{display:flex;justify-content:center;gap:18px}.critics img{width:70px;height:70px;object-fit:contain}

nav,#toolBar{z-index:5}.touch #movePad,.touch #fireButton{z-index:5}.touch #lookPad{z-index:2}
.touch nav{flex-wrap:nowrap;max-width:none;gap:4px}.touch nav button{width:44px;padding:0;font-size:0}.touch #helpButton::before{content:'?';font-size:22px}.touch #pauseButton::before{content:'Ⅱ';font-size:22px}.touch #menuButton::before{content:'≡';font-size:25px}.touch #hud{max-width:calc(100% - 164px)}.touch #toolBar{top:100px}.touch #hint{top:151px}@media(orientation:landscape) and (max-height:520px){.touch #toolBar{top:71px}.touch #hint{top:130px}}