@font-face{font-family:ScorePixel;src:url('/fonts/lisnard-arcade-latin.woff2') format('woff2');font-display:swap}
.score-share-dialog{box-sizing:border-box;max-width:none;width:min(830px,calc(100% - 28px));max-height:calc(100dvh - 28px);padding:20px;margin:auto;background:#0c153e;color:#f7e7ad;border:2px solid #e0c777;box-shadow:0 0 0 4px #07102d,0 20px 100px #000b;overflow:auto;overscroll-behavior:contain}
.score-share-dialog[open]{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.score-share-dialog::backdrop{background:#030719d9}
.score-share-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.score-share-header h2{font:12px/1.6 ScorePixel,monospace;margin:0}.score-share-header .score-close{width:44px;height:44px;min-height:44px;padding:0;background:transparent;border:1px solid #8b92ad;color:#f8e7af;font:25px/1 Arial;cursor:pointer}
.score-share-preview{min-width:0;line-height:0;background:#07102d}.score-share-preview img{display:block;width:100%;height:auto;aspect-ratio:1200/630;object-fit:contain}
.score-share-actions,.score-public-actions{display:flex;align-items:stretch;justify-content:center;flex-wrap:wrap;gap:10px}
.score-share-actions>a,.score-share-actions>button,.score-public-actions>a,.score-public-actions>button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:12px 14px;color:#e6ddba;background:#152351;border:1px solid #6a7192;text-decoration:none;font:8px/1.6 ScorePixel,monospace;cursor:pointer}
.score-share-actions .score-primary,.score-public-actions .score-primary{background:#f4dfa1;color:#0b1236;border-color:#fff2c4}.score-share-actions .score-x span{font:24px/1 Arial}.score-share-actions .score-native{background:#e4d194;color:#10183e}
.score-share-actions [hidden]{display:none!important}.score-share-status{font:12px/1.5 Arial,sans-serif;margin:0;text-align:center;color:#c3cde8}.score-share-status:empty{display:none}
.score-share-dialog :focus-visible,.score-public-actions :focus-visible{outline:3px solid #fff1b5;outline-offset:3px}
.score-game-button{gap:10px!important}.score-game-button>span{font:18px/1 Arial!important}.score-game-button[hidden]{display:none!important}
.score-page{margin:0;min-height:100dvh;box-sizing:border-box;padding:32px 18px;background:radial-gradient(ellipse at 50% 20%,#1b3066,#070e2c 80%);color:#f3e3ae;font:12px/1.6 Arial,sans-serif}.score-page main{width:min(100%,1100px);margin:auto}.score-home{display:block;text-decoration:none;color:#efd49b;font:11px/1.7 ScorePixel,monospace;margin-bottom:24px}.score-public-image{display:block;width:100%;height:auto;border:1px solid #b8a367;box-sizing:border-box}.score-public-actions{margin-top:22px}.score-page #score-error{color:#e5b88d}
@media(max-width:520px){.score-share-dialog{padding:12px;gap:12px}.score-share-actions{display:grid;grid-template-columns:1fr 1fr}.score-share-actions .score-primary,.score-share-actions .score-native{grid-column:1/-1}.score-share-header h2{font-size:10px}.score-share-actions>a,.score-share-actions>button{font-size:8px}.score-page{padding:20px 12px}.score-public-actions>a,.score-public-actions>button{flex:1;padding:12px 8px}}
@media(orientation:landscape) and (max-height:520px){.score-share-dialog[open]{width:min(100% - 24px,980px);max-height:calc(100dvh - 24px);grid-template-columns:minmax(0,1fr) 190px;grid-template-rows:auto 1fr;gap:12px;padding:12px}.score-share-preview{grid-column:1;grid-row:1/4;align-self:center}.score-share-preview img{max-height:calc(100dvh - 52px)}.score-share-header{grid-column:2;grid-row:1}.score-share-header h2{font-size:9px}.score-share-actions{grid-column:2;grid-row:2;display:flex;flex-direction:column;gap:6px}.score-share-actions>a,.score-share-actions>button{min-height:44px;padding:8px;font-size:7px}.score-share-status{grid-column:2;font-size:11px}.score-share-header .score-close{width:44px;height:44px;min-height:44px;flex:none}.score-share-actions .score-x span{font-size:19px}}
/* Only essential actions stay on the result screen. Secondary controls remain in the regular menu. */
#overlay[data-result=true] .menu-choices [data-menu-dialog],#overlay[data-result=true] .ranked-mode,#overlay[data-result=true] .graphics-status{display:none}
#result .result-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}
#result .result-actions>*{width:100%;min-height:44px;margin:0;padding:10px 8px;font-size:7px;line-height:1.7;display:flex;align-items:center;justify-content:center}
#result .result-actions #share-score{font-size:6px}
#result .box{max-height:100%;overflow:auto}
@media(orientation:landscape) and (max-height:520px){
 #overlay[data-result=true] .menu-choices{display:grid;grid-template-columns:1fr 1fr;gap:5px}
 #overlay[data-result=true] .menu-choices #start{grid-column:auto}
 #overlay[data-result=true] .menu-choices .menu-choice{min-height:44px;font-size:6px;padding:10px 8px 10px 25px}
 #result .box{width:min(520px,96%);max-width:none;padding:12px 18px}
 #result .box #final-score{margin:4px 0 10px;font-size:25px}
 #result .box p{margin:5px 0;font-size:10px}
 #result .result-actions{margin-top:10px}
 #result .box #rank-status{min-height:0;margin-bottom:0}
}
@media(orientation:landscape) and (max-height:350px){
 #result .box{padding:8px 14px}
 #result .box #final-score{font-size:21px;margin:2px 0 8px}
 #result .box .location{font-size:6px}
 #result .result-actions{margin-top:7px;gap:4px}
}