:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e6f5ff;background:#080d19;font-family:system-ui,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0}button{min-width:44px;min-height:44px;color:inherit;font:inherit;cursor:pointer;touch-action:manipulation;background:#101e32;border:1px solid #32dfff;border-radius:8px}button:hover{background:#193148}:focus-visible{outline-offset:3px;outline:3px solid #ffcc53}.app-shell{--layout:portrait;height:100dvh;padding:max(10px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"brand""board""controls";gap:10px;display:grid;overflow:hidden}.brand{text-align:center;grid-area:brand}h1{letter-spacing:.06em;color:#32dfff;margin:0;font-size:clamp(24px,4vw,40px)}h1 span{color:#ff50d8}.brand p{color:#a8bdcf;margin:4px 0 0;font-size:14px}.board-area{grid-area:board;min-width:0;min-height:0}.input-surface{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#0c1424;border-radius:14px;width:100%;height:100%;position:relative;overflow:hidden}.input-surface canvas{display:block;position:absolute;inset:0}.board-message{text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:20px}.board-message strong{color:#d1f6ff;font-size:clamp(16px,2.3vw,28px)}.board-message p{color:#a8bdcf}.controls{grid-area:controls;justify-items:center;gap:8px;min-width:0;display:grid}.notice,.input-help{text-align:center;margin:0}.input-help{color:#a8bdcf}.direction-pad{grid-template-rows:repeat(2,44px);grid-template-columns:repeat(3,48px);gap:4px;display:grid}[data-direction=N]{grid-column:2}[data-direction=W]{grid-area:2/1}[data-direction=S]{grid-area:2/2}[data-direction=E]{grid-area:2/3}nav{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}nav button{padding:8px 12px}dialog{width:min(560px,100vw - 24px);max-height:calc(100dvh - 24px);color:inherit;background:#101a2b;border:1px solid #32dfff;border-radius:12px;padding:0}dialog::backdrop{background:#030710d9}.panel-scroll{touch-action:auto;-webkit-user-select:text;user-select:text;max-height:calc(100dvh - 30px);padding:24px;overflow-y:auto}.panel-content{line-height:1.8}.panel-close{padding:8px 24px}@media (width>=900px) and (orientation:landscape){.app-shell{--layout:pc;grid-template:"brand board""controls board"minmax(0,1fr)/260px minmax(0,1fr);gap:24px;padding:24px}.controls{align-content:center;gap:20px}.brand{text-align:left}}@media (height<=600px){.app-shell,.controls{gap:5px}.brand p,.input-help{display:none}.board-message p{margin:4px 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}}