*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;background:#000;color:#f1f0e9;overflow:hidden;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button{color:inherit}#field{position:fixed;inset:0;outline:none;touch-action:none}#artwork,#game{position:absolute;inset:0;width:100%;height:100%;display:block}#artwork{object-fit:contain;user-select:none;-webkit-user-drag:none}#game{visibility:hidden}.playing #game{visibility:visible}.playing #artwork{visibility:hidden}#artists{position:fixed;left:max(14px,env(safe-area-inset-left));bottom:max(12px,env(safe-area-inset-bottom));padding:8px 2px;border:0;border-bottom:1px solid #666;background:#000;font-size:11px;letter-spacing:.025em;cursor:pointer;z-index:3}#hud{position:fixed;top:max(12px,env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left));font:11px/1.5 ui-monospace,SFMono-Regular,monospace;letter-spacing:.06em;pointer-events:none;z-index:2;background:#000c;padding:4px 6px}#hud span{font-variant-numeric:tabular-nums}#hud .secondary{font-size:10px;color:#a5a5a5}#pause{position:fixed;right:12px;bottom:max(12px,env(safe-area-inset-bottom));border:1px solid #555;background:#000;padding:6px 12px;font-size:14px;cursor:pointer;z-index:3}#message{position:fixed;left:50%;top:76%;transform:translate(-50%,-50%);text-align:center;background:#000d;padding:14px 22px;pointer-events:none;white-space:nowrap;font:14px/1.6 ui-monospace,monospace;letter-spacing:.05em}#message small{display:block;color:#aaa;font-size:11px}[hidden]{display:none!important}dialog{color:#f1f0e9;background:#080808;border:1px solid #555;padding:32px;width:min(340px,calc(100vw - 40px))}dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}h1{font-size:19px;font-weight:500;margin:0 0 28px}label{display:block;font-size:12px;color:#aaa;margin-bottom:9px}input{width:100%;padding:11px;background:#111;color:#fff;border:1px solid #555;border-radius:0}form>button[type=submit]{margin-top:10px;border:1px solid #fff;background:#eee;color:#000;padding:10px 20px;width:100%;cursor:pointer}#close-gate{position:absolute;right:10px;top:8px;border:0;background:none;font-size:22px;cursor:pointer}#gate-error{min-height:16px;font-size:12px;margin:10px 0 0}button:focus-visible,input:focus-visible{outline:2px solid #fff;outline-offset:4px}@media(max-aspect-ratio:1/1){#artwork{object-fit:contain}}

/* One shared artwork box before and during play; space beneath it is for the paddle. */
#artwork{height:calc(100% - clamp(80px,12vh,112px));object-fit:contain}

#play-hint{position:fixed;bottom:max(12px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);border:0;background:#000;color:#bdbdbd;font-size:11px;letter-spacing:.03em;padding:10px 16px;cursor:pointer;z-index:3}.playing #play-hint{display:none}

.art-ready #artwork{visibility:hidden}.art-ready #game{visibility:visible}