*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;font-family:system-ui,sans-serif;color:#42352d;background:#b7dceb}button,select{font:inherit;color:inherit;min-height:44px;min-width:44px;border:2px solid #85624d;border-radius:10px;background:#fff3da;padding:7px 12px;cursor:pointer}button:hover{background:#ffe2ad}button:focus-visible,select:focus-visible,canvas:focus-visible{outline:3px solid #316579;outline-offset:2px}button.selected,button[aria-pressed=true]{border-color:#316579;background:#d7ede1}button:disabled{opacity:.5;cursor:default}#stage,#world{position:absolute;inset:0;width:100%;height:100%}#world{display:block;touch-action:none;outline:none}header{position:absolute;inset:max(10px,env(safe-area-inset-top)) 12px auto;display:flex;justify-content:space-between;gap:8px;pointer-events:none}header button{pointer-events:auto;background:#fff3dae8}.cardChip{max-width:55%;font-size:13px}#crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:26px;line-height:1;color:#fff6dc;text-shadow:1px 1px #302c27,-1px -1px #302c27;pointer-events:none}#notice,#callout,#hint{position:absolute;left:50%;transform:translateX(-50%);text-align:center;pointer-events:none;max-width:80%;border-radius:8px;padding:5px 9px;font-size:13px;background:#fff3dae8}#notice:empty,#callout:empty,#hint:empty{display:none}#notice{top:68px}#callout{top:100px}#hint{bottom:160px}#hotbar{position:absolute;bottom:max(58px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;gap:4px;max-width:98%;padding:4px;background:#fff3daab;border-radius:12px}#hotbar button{position:relative;width:48px;height:48px;padding:4px;flex-shrink:1}#hotbar small{position:absolute;bottom:1px;right:2px;line-height:1;font-size:11px;background:#fff3da}#selectedName{position:absolute;left:50%;bottom:116px;transform:translateX(-50%);font-size:12px;background:#fff3dae8;padding:3px 8px;border-radius:6px;pointer-events:none}#tools{position:absolute;bottom:max(7px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;gap:5px;white-space:nowrap}#tools button{font-size:12px;padding:5px 9px}.texture{display:inline-block;width:32px;height:32px;background-image:url('assets/atlas.png');background-size:192px 160px;image-rendering:pixelated;border:1px solid #765840}#touchControls{display:none;pointer-events:none}#stage.touch #touchControls{display:block}#movePad,#lookPad,#actionStack{position:absolute;pointer-events:auto;touch-action:none;user-select:none}#movePad{left:12px;bottom:145px;width:114px;height:114px;border:2px solid #fff3da9c;border-radius:50%;background:#385b6333}#thumb{position:absolute;width:42px;height:42px;left:34px;top:34px;border:2px solid #fff3da;border-radius:50%;background:#fff3da6b;pointer-events:none}#lookPad{right:12px;bottom:235px;width:140px;height:140px;border:1px dashed #fff3da80;border-radius:20px;background:#385b6310}#actionStack{right:12px;bottom:141px;display:flex;gap:5px}#actionStack button{width:54px;min-height:62px;padding:3px;font-size:11px;background:#fff3dadb;touch-action:none}dialog{max-width:min(620px,94vw);max-height:90dvh;overflow:auto;padding:0;border:3px solid #846149;border-radius:18px;background:#fff3da;color:#42352d;box-shadow:0 15px 70px #30281960}dialog::backdrop{background:#28393288}.body{padding:20px}.body h1{font-size:25px;margin:0 0 7px}.body h2{margin:0 0 10px}.body p{line-height:1.5;font-size:14px;margin:10px 0}.cover{display:block;width:100%;max-height:215px;object-fit:cover}.row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:12px 0}.row label{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.row select{max-width:230px}#blockList{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:12px 0}#blockList button{display:flex;align-items:center;gap:6px;font-size:12px;text-align:left;padding:6px}#blockList .texture{flex-shrink:0}#cardList{display:grid;gap:8px;margin:12px 0}#cardList button{text-align:left}#stage:not(.started)>:not(canvas){visibility:hidden}#stage.touch #hint{display:none}@media(max-width:480px){#hotbar{display:grid;grid-template-columns:repeat(4,48px);gap:3px;bottom:55px}#hotbar button{width:48px;height:48px;padding:2px}#selectedName{bottom:166px}#movePad{bottom:188px}#lookPad{bottom:278px}#actionStack{bottom:188px}.texture{width:28px;height:28px;background-size:168px 140px}.body{padding:14px}.body h1{font-size:21px}.cover{max-height:150px}#lookPad{width:118px;height:150px}#blockList{grid-template-columns:repeat(2,minmax(0,1fr))}#tools{gap:3px}#tools button{padding:4px 7px}}@media(max-height:500px){#movePad{bottom:105px;width:92px;height:92px}#thumb{left:23px;top:23px}#lookPad{bottom:150px;height:100px;width:150px}#actionStack{bottom:95px}#actionStack button{min-height:48px}#hint{bottom:145px}.cover{display:none}#hotbar{bottom:51px}#selectedName{bottom:108px}#tools button{min-height:44px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}