@font-face{font-family:"Comic Neue";src:url("fonts/ComicNeue-Bold.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}
:root{color-scheme:light;font-family:Arial,Helvetica,sans-serif;color:#222;background:#fff}
*{box-sizing:border-box}body{margin:0;padding:24px 16px}.page{max-width:1120px;margin:0 auto}
header{padding:8px 0 24px}h1{font:700 clamp(32px,6vw,58px)/1.15 "Comic Neue","Comic Sans MS","Chalkboard SE",cursive;margin:0;letter-spacing:-1px}.word{display:inline-block;white-space:nowrap}.letter:nth-child(7n+1){color:#d12b32}.letter:nth-child(7n+2){color:#d56812}.letter:nth-child(7n+3){color:#b38b00}.letter:nth-child(7n+4){color:#238240}.letter:nth-child(7n+5){color:#1678b4}.letter:nth-child(7n+6){color:#5b4cbb}.letter:nth-child(7n){color:#ad3c91}
.tabs{display:flex;border-bottom:1px solid #bbb;margin-bottom:24px}.tabs button{min-width:90px;border:1px solid #bbb;border-bottom:0;border-radius:3px 3px 0 0;background:#fff;padding:10px 24px;margin-bottom:-1px;font-weight:bold;position:relative}.tabs button::after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#fff}
h2{font-size:18px;font-weight:normal;margin:0 0 14px}.play-area{display:grid;grid-template-columns:minmax(0,1fr) 144px;gap:20px;align-items:start}.game-box{min-width:0}iframe{display:block;width:100%;aspect-ratio:16/9;border:1px solid #ccc;background:#000}.game-note,.game-hint{font-size:13px;line-height:1.5;color:#666;margin:10px 0 0}.game-hint{margin-top:20px}
button{font:14px Arial,Helvetica,sans-serif;color:inherit;background:#f6f6f6;border:1px solid #b8b8b8;border-radius:3px;min-height:44px;padding:8px;cursor:pointer}button:hover{background:#eee}button:active,button.pressed{background:#ddd}button:focus-visible{outline:2px solid #1678b4;outline-offset:2px}.game-controls{display:flex;flex-direction:column;gap:14px}.touch-controls{display:flex;flex-direction:column;gap:14px;touch-action:none;user-select:none}.dpad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,44px);gap:3px}.dpad button{font-size:22px;padding:4px}.dpad [data-key=up]{grid-area:1/2}.dpad [data-key=left]{grid-area:2/1}.dpad [data-key=right]{grid-area:2/3}.dpad [data-key=down]{grid-area:3/2}.actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.keyboard-help{font-size:12px;line-height:1.7;color:#666;margin:0}footer{margin-top:32px;padding-top:16px;border-top:1px solid #ddd;font-size:12px;color:#777}
.play-area:fullscreen{padding:12px;background:#fff;align-items:center;gap:12px}.play-area:fullscreen iframe{max-height:calc(100dvh - 52px)}.play-area:fullscreen .game-hint{display:none}.play-area:fullscreen .keyboard-help{display:none}.play-area:fullscreen .game-controls{gap:8px}.play-area:fullscreen .touch-controls{gap:8px}
@media(pointer:coarse){.keyboard-help{display:none}}
@media(max-width:650px){body{padding:16px 10px}header{padding:0 0 18px}.tabs{margin-bottom:18px}.play-area{grid-template-columns:minmax(0,1fr) 138px;gap:10px}.game-note,.game-hint{font-size:12px}.game-controls{gap:10px}footer{margin-top:24px}.play-area:fullscreen{padding:6px;gap:6px}}
@media(pointer:coarse) and (orientation:landscape){body{padding-top:10px}header{padding-bottom:12px}h1{font-size:34px}.tabs{margin-bottom:14px}}