body{margin:0;background:#FFF9EC;color:#2A1F00;font-family:system-ui;display:flex;flex-direction:column;align-items:center;overflow:hidden;height:100svh;width:100vw}#top{padding:6px;display:flex;gap:6px;align-items:center;width:100%;max-width:100vw;margin:0 auto;flex-wrap:wrap;box-sizing:border-box}#board-wrap{flex:1 1 auto;display:flex;align-items:center;justify-content:center;width:100vw;height:calc(100svh - 110px);overflow:hidden}#board{width:calc(min(100vw,100svh - 120px));height:calc(min(100vw,100svh - 120px));aspect-ratio:1;display:grid;grid-template:repeat(8,1fr)/repeat(8,1fr);border:2px solid #2A1F00;background:#2A1F00}#wrap{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;width:100%}#side{display:flex;flex-direction:column;gap:8px;max-width:320px;padding:8px}.sq{display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:100%}.l{background:#F5E7C6}.d{background:#B8813A}.hl{outline:3px solid #3fb984;outline-offset:-3px}.last{box-shadow:inset 0 0 0 3px rgba(63,185,132,.5)}.atk{background:radial-gradient(circle,rgba(63,185,132,.45) 30%,transparent 70%)}.pc{display:flex;align-items:center;justify-content:center;width:100%;height:100%;cursor:grab}.pc svg{width:90%;height:90%;pointer-events:none;max-width:100%;max-height:100%}#info{width:100%;margin:0 auto;padding:4px 8px;box-sizing:border-box;font-size:clamp(12px,2.5vw,14px)}#hist{width:100%;margin:0 auto;padding:4px 8px;max-height:clamp(80px,15svh,160px);overflow:auto;background:#f5f1e3;border-radius:8px;box-sizing:border-box;font-size:clamp(12px,2.5vw,14px)}input,button{background:#182433;border:1px solid #3a4d63;color:#fff;padding:6px 8px;border-radius:8px}.hidden{display:none}