:root{color:#203039;background:#f6f5ee;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}.app-shell{align-items:center;background:linear-gradient(180deg,#ffffffbf,#f6f5eef0),repeating-linear-gradient(135deg,rgba(60,111,126,.08) 0 2px,transparent 2px 22px);display:flex;justify-content:center;min-height:100vh;padding:32px 18px}.game-panel{display:flex;flex-direction:column;gap:24px;max-width:760px;width:min(100%,760px)}.score-row{align-items:center;display:flex;gap:16px;justify-content:space-between;width:100%}h1{color:#182a32;font-size:clamp(2rem,6vw,3.5rem);line-height:1;margin:0;text-align:left}.score-actions{align-items:center;display:flex;gap:14px;justify-content:flex-end;margin-left:auto}.nav-link{align-items:center;background:#d8a22e;border:3px solid #203039;border-radius:8px;box-shadow:5px 5px #203039;color:#203039;display:inline-flex;flex:0 0 auto;font-weight:900;gap:8px;min-height:44px;padding:0 14px;text-decoration:none;transition:box-shadow .14s ease,transform .14s ease}.nav-link:hover{box-shadow:3px 3px #203039;transform:translate(2px,2px)}.nav-link:focus-visible{outline:3px solid rgba(216,162,46,.45);outline-offset:4px}.nav-icon{flex:0 0 auto;height:21px;width:21px}.score-card{align-items:center;background:#fff;border:3px solid #203039;border-radius:8px;box-shadow:7px 7px #203039;display:flex;gap:12px;justify-content:flex-end;margin-left:auto;min-width:0;padding:12px 16px;width:fit-content}.score-icon{aspect-ratio:1;display:block;flex:0 0 auto;height:clamp(70px,11vw,88px);object-fit:contain}.score-copy{align-items:flex-start;display:flex;flex-direction:column;min-width:0}.score-number{font-size:clamp(2rem,7vw,3.8rem);font-weight:900;line-height:1}.score-label{color:#496b69;font-size:.82rem;font-weight:800;line-height:1.1;text-transform:uppercase;white-space:nowrap}.name-row{align-items:center;display:flex;gap:12px;justify-content:flex-start;min-height:44px;width:100%}.seal-name-copy{display:flex;flex:0 1 auto;max-width:calc(100% - 90px);min-width:0}.seal-name-text{color:#203039;display:block;font-size:clamp(1.18rem,4vw,1.7rem);font-weight:900;line-height:1.15;overflow-wrap:anywhere}.seal-name-input{background:transparent;border:0;border-bottom:3px solid #d8a22e;color:#203039;flex:1 1 auto;font-size:clamp(1.18rem,4vw,1.7rem);font-weight:800;line-height:1.15;min-width:0;padding:2px 0 5px}.seal-name-input:focus{outline:0}.name-actions{align-items:center;display:flex;flex:0 0 auto;gap:6px}.name-icon-button{align-items:center;background:transparent;border:0;border-radius:999px;color:#203039;cursor:pointer;display:inline-flex;height:36px;justify-content:center;padding:0;transition:background .14s ease,color .14s ease,transform .14s ease;width:36px}.name-icon-button:hover{background:#d8a22e33;color:#6c4b00}.name-icon-button:focus-visible{outline:3px solid rgba(216,162,46,.45);outline-offset:2px}.name-icon-button:active{transform:translateY(1px)}.name-icon{height:21px;width:21px}.seal-button{align-items:center;align-self:center;aspect-ratio:1.57;background:transparent;border:0;cursor:pointer;display:flex;justify-content:center;max-width:660px;outline-offset:10px;padding:0;position:relative;touch-action:manipulation;transform:translateY(0) scale(1);transition:transform .16s ease;width:100%}.seal-button:hover{transform:translateY(-4px) scale(1.01)}.seal-button:focus:not(:focus-visible){outline:none}.seal-button:focus-visible{outline:3px solid #d8a22e}.seal-button:active,.seal-button.is-petting{transform:translateY(6px) scale(.97)}.main-seal{filter:drop-shadow(0 12px 10px rgba(18,32,36,.18));display:block;height:auto;-webkit-user-select:none;user-select:none;width:100%}.pet-pop{animation:pop-float .85s ease-out forwards;color:#e2573f;font-size:clamp(1.4rem,4vw,2.4rem);font-weight:900;pointer-events:none;position:absolute;text-shadow:0 3px 0 #ffffff}.status-bar{align-items:center;color:#496b69;display:flex;font-size:1rem;font-weight:700;gap:14px;justify-content:space-between}.reset-button{background:#203039;border:0;border-radius:8px;color:#fff;cursor:pointer;font-weight:800;min-height:44px;padding:0 18px}.reset-button:hover{background:#2f5159}.leaderboard-panel{gap:18px}.leaderboard-summary{align-items:center;background:#fff;border:3px solid #203039;border-radius:8px;box-shadow:7px 7px #203039;display:flex;gap:14px;padding:14px 16px}.leaderboard-summary>div{display:flex;flex-direction:column;gap:3px;min-width:0}.leaderboard-summary strong{color:#182a32;font-size:clamp(1.25rem,4vw,1.8rem);line-height:1.05;overflow-wrap:anywhere}.leaderboard-summary span{color:#496b69;font-weight:800}.leaderboard-kicker{color:#8a6417;font-size:.78rem;font-weight:900;text-transform:uppercase}.leaderboard-list{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.leaderboard-entry{align-items:center;background:#ffffffb8;border:2px solid rgba(32,48,57,.22);border-radius:8px;display:grid;gap:12px;grid-template-columns:64px minmax(0,1fr) minmax(72px,auto);min-height:58px;padding:10px 14px}.leaderboard-entry.is-current{background:#fff6d7;border-color:#d8a22e}.leaderboard-rank{color:#8a6417;font-size:1.05rem;font-weight:900}.leaderboard-name{color:#203039;font-weight:900;min-width:0;overflow-wrap:anywhere}.leaderboard-points{color:#182a32;font-size:1.4rem;font-weight:900;justify-self:end}.empty-leaderboard{align-items:flex-start;background:#ffffffb8;border:2px dashed rgba(32,48,57,.32);border-radius:8px;color:#496b69;display:flex;flex-direction:column;gap:5px;padding:18px}.empty-leaderboard strong{color:#203039}@keyframes pop-float{0%{opacity:0;transform:translate(-50%,20px) scale(.8)}20%{opacity:1}to{opacity:0;transform:translate(-50%,-60px) scale(1.15)}}@media(max-width:620px){.app-shell{padding:24px 14px}.score-row{align-items:center;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.score-actions{align-items:stretch;flex:1 1 100%;flex-direction:column-reverse;margin-left:0}.nav-link{justify-content:center;width:100%}.score-card{align-items:center;gap:10px;justify-content:flex-end;margin-left:auto;min-width:0;width:fit-content}.score-copy{align-items:flex-start}.status-bar{align-items:stretch;flex-direction:column}.name-row{align-items:flex-start}.reset-button{width:100%}.leaderboard-summary{align-items:flex-start}.leaderboard-entry{grid-template-columns:48px minmax(0,1fr) minmax(54px,auto);padding:10px 12px}.leaderboard-points{font-size:1.18rem}}