.score-entry{position:fixed;inset:0;z-index:30000;display:grid;place-items:center;padding:20px;background:#070710dc;backdrop-filter:blur(12px);overflow:auto;touch-action:pan-y}.score-entry[hidden]{display:none}.score-card{width:min(100%,480px);padding:30px;border:1px solid #e6bf71;border-top:4px solid #e6bf71;border-radius:18px;background:radial-gradient(ellipse at 100% 0,#5e234b55,transparent 65%),#171820;box-shadow:0 25px 90px #0009;color:#fff0d7;font-family:Arial,sans-serif}.score-card>small{font-size:9px;letter-spacing:2px;color:#e6bf71}.score-card h2{font:clamp(24px,6vw,38px)/1.2 Bungee,Impact,sans-serif;margin:22px 0}.score-card p{font-size:14px;line-height:1.6;color:#d1c5c3}.score-card label{display:block;font-size:10px;letter-spacing:1px;margin:22px 0 10px}.score-card input{width:100%;min-height:50px;padding:12px;border:1px solid #a08a65;border-radius:8px;background:#0c0c14;color:white;font-size:18px;user-select:text;-webkit-user-select:text}.score-card button,.score-card a{display:inline-block;background:#edc478;color:#21151e;border:0;border-radius:6px;padding:13px 15px;font:bold 11px Arial,sans-serif;text-decoration:none;cursor:pointer;touch-action:manipulation}.score-card form button{width:100%;margin-top:8px}.score-card .entry-note{font-size:11px}.entry-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.entry-actions button{background:#ffffff12;color:#fff;border:1px solid #ffffff35}#entryStatus{font-size:12px}.leaderboard-link{display:inline-block;color:#ffe0a0;border:1px solid #edc47888;border-radius:7px;background:#2c2039;padding:12px 16px;text-decoration:none;font:bold 11px Arial,sans-serif;letter-spacing:1px;margin:8px 0 16px}

.home-tagline-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0 22px}.home-tagline-row .tagline{margin:0;flex:1;min-width:0}.home-tagline-row .leaderboard-link{flex:none;display:inline-flex;align-items:center;justify-content:center;margin:0;padding:9px 13px;min-height:32px;border:1px solid #ffffff55;border-radius:8px;background:#ffffff14;color:#fff;font:700 9px/1 Arial,sans-serif;letter-spacing:.8px;text-decoration:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:inset 0 1px 0 #ffffff10}.home-tagline-row .leaderboard-link:hover{background:#ffffff25;border-color:#ffffff88}.home-tagline-row .leaderboard-link:focus-visible{outline:2px solid white;outline-offset:3px}@media(max-width:650px){.home-tagline-row{gap:8px;margin:12px 0 18px}.home-tagline-row .tagline{font-size:8px;letter-spacing:1px}.home-tagline-row .leaderboard-link{font-size:8px;letter-spacing:.5px;padding:8px 10px}}

/* Wider arcade leaderboard button beside the tagline. */
.home-tagline-row .leaderboard-link{width:46%;max-width:240px;min-height:34px;padding:9px 12px;border:2px solid #e7c478;border-radius:9px;background:linear-gradient(135deg,#ffffff2e,#ffffff12 55%,#c79b4322);color:#ffe9b4;font:400 11px/1.2 Bungee,Impact,sans-serif;letter-spacing:.4px;text-shadow:0 2px 0 #6d2530,0 3px 5px #0009;box-shadow:inset 0 0 0 1px #fff2be33,0 3px 0 #725732,0 5px 12px #0005}
.home-tagline-row .leaderboard-link:hover{background:linear-gradient(135deg,#ffffff3d,#e7c47825);border-color:#ffdf99}
@media(max-width:650px){.home-tagline-row .leaderboard-link{width:46%;min-height:34px;font-size:9px;padding:8px 9px}.home-tagline-row .tagline{font-size:7px;letter-spacing:.8px}}

/* Score entry owns one bounded touch scroll area, even above a locked game. */
.score-entry[role="dialog"]{box-sizing:border-box;height:100dvh;max-height:100dvh;grid-template-rows:minmax(0,1fr);overflow:hidden;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));}
.score-entry[role="dialog"] .score-card{box-sizing:border-box;min-height:0;max-height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;}
/* Mackin loss uses independent city, character, title and native score/control layers. */
.mackin-loss-scene,.mackin-loss-home,.mackin-loss-stats,.mackin-loss-menu{display:none!important}
.score-entry[data-game="mackin"]{background:#09080f;backdrop-filter:none;padding:0;display:block;overflow-y:auto;overscroll-behavior:contain}
.score-entry[data-game="mackin"] .score-card{position:relative;width:min(100%,560px);max-height:none;overflow:visible;margin:0 auto;padding:0 18px max(24px,env(safe-area-inset-bottom));border:0;border-radius:0;background:#100c16;box-shadow:0 0 70px #d8206033;scrollbar-gutter:auto;isolation:isolate}
.score-entry[data-game="mackin"] .score-card>small,.score-entry[data-game="mackin"] #entryMessage{display:none}
.score-entry[data-game="mackin"] .mackin-loss-scene{display:block!important;position:relative;margin:0 -18px;height:clamp(430px,69dvh,650px);overflow:hidden;perspective:900px;background:#15101c}
.mackin-loss-city{position:absolute;inset:0;background:url('/assets/mackin-loss-city-v1.webp') center/cover;transform:scale(1.03);animation:mackin-city-depth 14s ease-in-out infinite alternate}
.mackin-loss-scene::after{content:'';position:absolute;inset:75% 0 0;background:linear-gradient(transparent,#100c16);pointer-events:none}
.mackin-loss-character{position:absolute;bottom:0;left:5%;width:90%;height:60%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 16px 12px #000b) drop-shadow(2px 0 2px #ef198877);animation:mackin-character-depth 7s ease-in-out infinite alternate;transform-origin:bottom center}
.mackin-loss-title{position:absolute;top:11%;left:3%;width:94%;height:28%;object-fit:contain;filter:drop-shadow(0 8px 1px #120711) drop-shadow(0 0 10px #fb126755)}
.score-entry[data-game="mackin"] .mackin-loss-home{display:block!important;position:absolute;top:max(8px,env(safe-area-inset-top));left:34%;width:32%;height:56px;z-index:3;padding:0;background:none;border:0}
.mackin-loss-home img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 3px #000)}
.score-entry[data-game="mackin"] .mackin-loss-stats{display:grid!important;position:relative;z-index:2;grid-template-columns:1fr 1fr;gap:10px;margin:-12px 0 12px}
.mackin-loss-stats>div{min-width:0;display:flex;flex-direction:column;justify-content:center;text-align:center;background:linear-gradient(135deg,#211420,#09090f);border:2px solid #ffb535;border-radius:10px;padding:12px 6px;box-shadow:0 5px #000,0 0 12px #ff168233}
.mackin-loss-stats>div+div{border-color:#31e1e6}
.mackin-loss-stats span{font:clamp(12px,3.4vw,18px)/1.3 Bungee,Impact,sans-serif;color:#fff2d3;letter-spacing:.05em}
.mackin-loss-stats strong{display:block;overflow-wrap:anywhere;font:clamp(32px,10vw,65px)/1.25 Bungee,Impact,sans-serif;color:#ffcc4d;text-shadow:0 3px #9e4a07,0 6px 3px #000}
.score-entry[data-game="mackin"] #entryTitle{font:18px/1.3 Bungee,Impact,sans-serif;margin:12px 0 6px;text-align:center;color:#ffe895}
.score-entry[data-game="mackin"] #entryStatus{text-align:center;font-size:13px;color:#fff0df;line-height:1.5;margin:8px 0 16px}
.score-entry[data-game="mackin"] .entry-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.score-entry[data-game="mackin"] .entry-actions>*{text-align:center;display:flex;align-items:center;justify-content:center;min-height:50px;font:14px/1.3 Bungee,Impact,sans-serif;border:2px solid #ffc653;border-radius:12px;background:linear-gradient(135deg,#ffe38b,#f8b32c);color:#171019;box-shadow:0 4px #000,0 0 8px #fdbe4744}
.score-entry[data-game="mackin"] #entryClose{grid-column:1/-1;grid-row:1;min-height:66px;font-size:clamp(22px,6vw,32px);background:linear-gradient(135deg,#ccff62,#18f189);border-color:#d5ff90;box-shadow:0 4px #103a1b,0 0 16px #29ff5866;color:#091610}
.score-entry[data-game="mackin"] .mackin-loss-menu{display:flex!important;background:linear-gradient(#28202e,#0b0c14);border-color:#36dfe9;color:#fff}
.score-entry[data-game="mackin"] #entryForm{background:#0b0b13e8;border:1px solid #edbf69;border-radius:12px;padding:12px;margin:12px 0}
@keyframes mackin-city-depth{from{transform:scale(1.03) translateY(0)}to{transform:scale(1.07) translateY(-4px)}}
@keyframes mackin-character-depth{from{transform:translateY(0) scale(1)}to{transform:translateY(-3px) scale(1.015)}}
@media(prefers-reduced-motion:reduce){.mackin-loss-city,.mackin-loss-character{animation:none}}
@media(min-aspect-ratio:1/1){.score-entry[data-game="mackin"] .score-card{width:min(100%,640px)}.score-entry[data-game="mackin"] .mackin-loss-scene{height:440px}}
.score-entry[data-game="mackin"][hidden]{display:none!important}
/* Fit the complete Mackin result to the dynamic viewport, including mobile browser bars. */
.score-entry[data-game="mackin"]{height:100dvh;max-height:100dvh;overflow:hidden}
.score-entry[data-game="mackin"] .score-card{box-sizing:border-box;height:100%;max-height:100%;display:grid;grid-template-rows:minmax(0,1fr) auto auto auto;gap:clamp(4px,1dvh,8px);padding:0 14px max(10px,env(safe-area-inset-bottom));overflow:hidden}
.score-entry[data-game="mackin"] .mackin-loss-scene{grid-row:1;min-height:0;height:auto;margin:0 -14px}
.score-entry[data-game="mackin"] .mackin-loss-home{top:max(4px,env(safe-area-inset-top));height:clamp(30px,6dvh,48px)}
.score-entry[data-game="mackin"] .mackin-loss-title{top:13%;height:29%}
.score-entry[data-game="mackin"] .mackin-loss-character{height:59%}
.score-entry[data-game="mackin"] .mackin-loss-stats{grid-row:2;margin:0;gap:8px}
.score-entry[data-game="mackin"] .mackin-loss-stats>div{padding:5px;min-height:0}
.score-entry[data-game="mackin"] .mackin-loss-stats span{font-size:clamp(9px,1.8dvh,14px);line-height:1.2}
.score-entry[data-game="mackin"] .mackin-loss-stats strong{font-size:clamp(24px,6dvh,44px);line-height:1.15}
.score-entry[data-game="mackin"] #entryTitle{display:none}
.score-entry[data-game="mackin"] #entryStatus{grid-row:3;margin:0;font-size:clamp(10px,1.7dvh,13px);line-height:1.3}
.score-entry[data-game="mackin"] .entry-actions{grid-row:4;margin:0;gap:7px}
.score-entry[data-game="mackin"] .entry-actions>*{box-sizing:border-box;min-height:40px;padding:8px 6px;font-size:clamp(10px,1.8dvh,14px)}
.score-entry[data-game="mackin"] #entryClose{min-height:46px;font-size:clamp(18px,3.5dvh,28px);padding:8px}
.score-entry[data-game="mackin"] #entryForm:not([hidden]){position:absolute;z-index:5;left:14px;right:14px;bottom:116px;max-height:60%;overflow-y:auto;margin:0;box-shadow:0 0 0 100vmax #080710a6}
@media(max-height:450px) and (min-aspect-ratio:1/1){.score-entry[data-game="mackin"] .score-card{width:min(100%,900px);grid-template-columns:1fr 1fr;grid-template-rows:1fr auto auto;gap:6px 14px;padding-top:8px}.score-entry[data-game="mackin"] .mackin-loss-scene{grid-column:1;grid-row:1/4;margin:-8px 0 -10px -14px}.score-entry[data-game="mackin"] .mackin-loss-stats{grid-column:2;grid-row:1;align-self:end}.score-entry[data-game="mackin"] #entryStatus{grid-column:2;grid-row:2}.score-entry[data-game="mackin"] .entry-actions{grid-column:2;grid-row:3}.score-entry[data-game="mackin"] .mackin-loss-home{left:9%;width:28%}}