: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-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}@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-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%}}