*{box-sizing:border-box}body{margin:0;background:#080b0e;color:#fff;font-family:monospace;font-size:16px}main{max-width:1000px;margin:0 auto;padding:18px 20px}header{display:flex;align-items:center;gap:22px;height:40px;margin-bottom:12px;letter-spacing:3px;color:#21b3f4}a{color:inherit;text-decoration:none}.brand{font-weight:900;color:white;letter-spacing:0}.brand span{color:#f4e82e}header button{margin-left:auto}canvas{display:block;width:100%;background:black;image-rendering:pixelated;aspect-ratio:4/3;touch-action:none;border:2px solid #1b2630}.controls{display:flex;gap:8px;margin-top:14px}button{font:inherit;font-weight:bold;color:#eaf8ff;background:#101b23;border:2px solid #2b5365;padding:12px 16px;cursor:pointer;touch-action:manipulation}button:hover{border-color:#1bb7fa}button:focus-visible{outline:3px solid #fff;outline-offset:3px}#swing{background:#12a9eb;color:#00121e;flex:1;border-color:#12a9eb}#instruction{min-height:40px;line-height:1.5;color:#bed5de;margin:14px 0 5px}footer{display:flex;align-items:center;gap:14px;color:#6d939f;font-size:12px}footer button,header button{padding:7px 9px;font-size:12px}dialog{max-width:540px;background:#071621;color:white;border:3px solid #12a9eb;line-height:1.7;padding:24px}dialog::backdrop{background:#000c}h2{color:#18b4f4}@media(max-width:600px){main{padding:10px 6px}header{font-size:14px;gap:14px}button{padding:12px 10px;font-size:14px}.controls{gap:5px}footer{flex-wrap:wrap}footer span{width:100%}#instruction{font-size:14px}}

[hidden]{display:none!important}.game-frame{position:relative}#start-screen{position:absolute;left:0;right:0;bottom:4%;display:flex;align-items:center;justify-content:center;gap:12px;padding:0 16px}#start-round{background:#12a9eb;border-color:#12a9eb;color:#00121e;letter-spacing:2px;padding:14px 24px}#title-help{padding:14px 18px}@media(max-width:500px){#start-screen{gap:8px;padding:0 10px}#start-round,#title-help{font-size:12px;padding:10px 12px}#start-round{letter-spacing:1px}}

#start-duel{background:#f4e832;color:#101508;border-color:#f4e832;padding:14px 22px}#title-options{text-align:center;padding:10px}#duel-incoming{color:#f4e832;line-height:1.5}#duel-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding:12px;border:2px solid #12a9eb}#duel-status{color:#f4e832;font-size:14px}#mulligan-note{flex-basis:100%;font-size:14px;line-height:1.4;color:#bed5de;margin:0}button:disabled{opacity:.5;cursor:default}#duel-result{border:2px solid #12a9eb;padding:20px;margin-top:18px}input{font:inherit;display:block;width:100%;padding:12px;background:#101b23;color:#fff;border:2px solid #2b5365;margin:8px 0 16px}label{display:block;margin-top:16px;font-size:14px}#share-status,#payment-status{font-size:14px;line-height:1.5}footer{flex-wrap:wrap}@media(max-width:500px){#start-round,#start-duel{font-size:12px;padding:10px 12px}#duel-bar{padding:8px}#mulligan{font-size:12px}}