*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#10202e;color:#eef6fa;font:16px/1.4 system-ui,sans-serif}body{height:100dvh;display:flex;flex-direction:column;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}header{padding:6px 8px;flex:none}h1{font-size:19px;margin:0 0 4px}.bar{display:flex;gap:4px;align-items:center;flex-wrap:wrap}#goal{flex:1;min-width:190px;font-size:13px;color:#ffe292}button{font:inherit;font-size:14px;color:white;background:#315574;border:2px solid #7896ab;border-radius:9px;padding:7px 9px;min-height:40px;cursor:pointer}button:disabled{opacity:.5;cursor:default}button.active{border-color:#ffd974;background:#62562e}button:focus-visible,input:focus-visible{outline:3px solid #ffe292}main{flex:1;min-height:0;display:flex;flex-direction:column;padding:0 6px 4px;gap:4px}#game{flex:1;min-height:0;position:relative;overflow:hidden;background:#142b39;border:2px solid #4e7283;border-radius:10px;touch-action:none}canvas{display:block;width:100%;height:100%}#status{flex:none;margin:0;background:#203c4b;padding:5px 8px;border-radius:8px;font-size:13px}dialog{width:min(650px,94vw);max-height:90dvh;overflow:auto;background:#183142;color:white;border:3px solid #e9c875;border-radius:16px;padding:18px}dialog::backdrop{background:#071523dd}dialog h2{font-size:22px;margin-top:0}#actions{display:grid;gap:8px;margin:12px 0}#actions button{text-align:left;min-height:46px;font-size:17px}#feedback:not(:empty){padding:12px;background:#294e5a;border-left:4px solid #e9c875}#close{width:100%}input{font:inherit;width:100%;padding:12px;background:#102332;color:white;border:2px solid #8caab8;border-radius:8px}.slots,.puzzle-row{display:flex;gap:8px;margin:10px 0;flex-wrap:wrap}.slots button,.puzzle-row button{flex:1;min-width:130px}.puzzle-box{padding:12px;background:#254352;border-radius:9px;margin:8px 0}.puzzle-box>button{display:block;width:100%;margin:7px 0;text-align:left;min-height:46px}.puzzle-note{font-size:14px;color:#d8e6eb}small{color:#b7cedb}details{background:#254352;padding:10px;border-radius:8px;margin:8px 0}summary{cursor:pointer}@media(orientation:landscape) and (max-height:550px){header{padding:3px 6px}h1{display:none}.bar{flex-wrap:nowrap}#goal{min-width:0;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar button{font-size:11px;padding:4px 5px;min-height:30px}#status{font-size:12px;padding:2px 8px}dialog{padding:12px;max-height:94dvh}}