.mascot{--size:64px;width:var(--size);height:var(--size);flex:none;display:inline-block;position:relative}@media (min-width:768px){.mascot{--size:96px}}.mascot--small{--size:32px}.mascot--button{appearance:none;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0}.mascot__body{width:100%;height:100%;display:block}.mascot__body[data-shake]{animation:.24s steps(4,end) mascot-shake}@keyframes mascot-shake{25%{transform:translate(-3px)}50%{transform:translate(3px)}75%{transform:translate(-3px)}}.mascot__sprite{background-image:url(/art/murloc-sheet.svg);background-repeat:no-repeat;background-size:calc(var(--size) * 16) var(--size);background-position:0 0;width:100%;height:100%;display:block}.mascot[data-pose=idle] .mascot__sprite{animation:1s steps(2,end) infinite mascot-idle}.mascot[data-pose=hop] .mascot__sprite{background-position-x:calc(var(--size) * -3);animation:.25s steps(3,end) mascot-hop}.mascot[data-pose=dive] .mascot__sprite{background-position-x:calc(var(--size) * -5);animation:.25s steps(2,end) infinite mascot-dive}.mascot[data-pose=swim] .mascot__sprite{background-position-x:calc(var(--size) * -14);animation:.34s steps(2,end) infinite mascot-swim}.mascot__sprite[data-flip]{transform:scaleX(-1)}.mascot[data-pose=land] .mascot__sprite{background-position-x:calc(var(--size) * -7)}.mascot[data-pose=cheer] .mascot__sprite{background-position-x:calc(var(--size) * -8);animation:.4s steps(4,end) infinite mascot-cheer}.mascot[data-pose=sad] .mascot__sprite{background-position-x:calc(var(--size) * -12);animation:.5s steps(2,end) infinite mascot-sad}@keyframes mascot-idle{0%{background-position-x:0}to{background-position-x:calc(var(--size) * -2)}}@keyframes mascot-hop{0%{background-position-x:calc(var(--size) * -2)}to{background-position-x:calc(var(--size) * -5)}}@keyframes mascot-dive{0%{background-position-x:calc(var(--size) * -5)}to{background-position-x:calc(var(--size) * -7)}}@keyframes mascot-swim{0%{background-position-x:calc(var(--size) * -14)}to{background-position-x:calc(var(--size) * -16)}}@keyframes mascot-cheer{0%{background-position-x:calc(var(--size) * -8)}to{background-position-x:calc(var(--size) * -12)}}@keyframes mascot-sad{0%{background-position-x:calc(var(--size) * -12)}to{background-position-x:calc(var(--size) * -14)}}.mascot__bubble{z-index:2;font-family:var(--font-pixel);color:var(--ink-900);white-space:nowrap;background:var(--parchment-100);box-shadow:0 0 0 3px var(--outline), 0 6px 0 3px #00000059;pointer-events:none;padding:6px 10px 7px;font-size:16px;line-height:1.2;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.mascot__bubble:after{content:"";background:var(--parchment-100);width:9px;height:9px;box-shadow:3px 3px 0 0 var(--outline);clip-path:polygon(0 0,100% 0,0 100%);margin-left:-4px;position:absolute;top:100%;left:50%}.mascot__puff{pointer-events:none;position:absolute;bottom:4px;left:50%}.mascot__puff span{opacity:0;border-radius:50%;width:6px;height:6px;animation:.6s ease-out forwards puff;position:absolute;box-shadow:inset 0 0 0 2px #bef0ffe6}.mascot__puff span:first-child{left:-20px}.mascot__puff span:nth-child(2){animation-delay:60ms;left:-6px}.mascot__puff span:nth-child(3){animation-delay:30ms;left:8px}.mascot__puff span:nth-child(4){animation-delay:90ms;left:20px}@keyframes puff{0%{opacity:.9;transform:translateY(0)scale(.6)}to{opacity:0;transform:translateY(-30px)scale(1.2)}}@media (prefers-reduced-motion:reduce){:root:not([data-motion=full]) .mascot__puff{display:none}}:root[data-motion=reduced] .mascot__puff{display:none}.mascot[data-golden] .mascot__sprite{filter:drop-shadow(0 0 3px #ffc440b3)drop-shadow(0 0 10px #ff800059);background-image:url(/art/murloc-sheet-gold.svg)}.mascot__sparkles{--px:calc(var(--size) / 32);pointer-events:none;position:absolute;inset:-6%}.mascot__sparkles span{width:calc(var(--px) * 5);height:calc(var(--px) * 5);background:linear-gradient(#fff6c8, #fff6c8) center / var(--px) 100% no-repeat, linear-gradient(#fff6c8, #fff6c8) center / 100% var(--px) no-repeat;opacity:0;animation:2.4s ease-in-out infinite mascot-sparkle;position:absolute}.mascot__sparkles span:first-child{animation-delay:-.2s;top:4%;left:6%}.mascot__sparkles span:nth-child(2){animation-delay:-.8s;top:12%;right:2%}.mascot__sparkles span:nth-child(3){animation-delay:-1.4s;bottom:26%;right:0}.mascot__sparkles span:nth-child(4){animation-delay:-2s;bottom:14%;left:0}@keyframes mascot-sparkle{0%,55%,to{opacity:0;transform:scale(.3)}25%{opacity:1;transform:scale(1)}}.mascot__flash{pointer-events:none;opacity:0;background:radial-gradient(circle,#fffbe1f2 0%,#ffcd5aa6 32%,#ff800000 68%);border-radius:50%;animation:.7s ease-out forwards mascot-flash;position:absolute;inset:-45%}@keyframes mascot-flash{0%{opacity:0;transform:scale(.3)}18%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}@media (prefers-reduced-motion:reduce){:root:not([data-motion=full]) .mascot__flash,:root:not([data-motion=full]) .mascot__sparkles span:nth-child(2n){display:none}:root:not([data-motion=full]) .mascot__sparkles span{opacity:.85;animation:none;transform:none}}:root[data-motion=reduced] .mascot__flash,:root[data-motion=reduced] .mascot__sparkles span:nth-child(2n){display:none}:root[data-motion=reduced] .mascot__sparkles span{opacity:.85;animation:none;transform:none}.page{--backing:#141117d9;width:100%;max-width:var(--col);padding:calc(max(8px, env(safe-area-inset-top)) + 56px) var(--gutter) max(20px, env(safe-area-inset-bottom));flex-direction:column;flex:1;gap:20px;margin:0 auto;display:flex}.page__col{flex-direction:column;gap:16px;display:flex}.page-header{text-align:center;background:var(--backing);box-shadow:0 0 0 2px var(--outline), inset 0 -2px 0 var(--gold-700);flex-direction:column;align-items:center;gap:6px;padding:14px 12px;display:flex}.page-header__eyebrow{font-family:var(--font-pixel);color:var(--gold-400);text-shadow:0 2px 0 var(--outline);font-size:16px;line-height:1.4}.page-header__title{font-family:var(--font-pixel);color:var(--gold-300);overflow-wrap:anywhere;text-shadow:0 calc(var(--px) * -1) 0 var(--outline), calc(var(--px) * -1) 0 0 var(--outline), var(--px) 0 0 var(--outline), 0 var(--px) 0 var(--gold-700), 0 calc(var(--px) * 2) 0 var(--outline);font-size:24px;font-weight:400;line-height:1.3}.page-header__subtitle{color:var(--text-muted);font-size:1.0625rem}.panel{flex-direction:column;gap:12px;padding:16px;display:flex}.panel__title{font-family:var(--font-pixel);color:var(--ink-900);font-size:16px;font-weight:400;line-height:1.4}.panel__lead{color:var(--ink-700);font-size:1.0625rem}.panel p,.panel li{overflow-wrap:anywhere}.panel a:not(.btn){color:var(--ink-900);font-weight:700}.panel--stone{color:var(--text)}.page-actions{flex-wrap:wrap;justify-content:center;gap:4px 8px;display:flex}.page-actions .btn{text-decoration:none}.text-button{appearance:none;cursor:pointer;min-height:44px;font-family:var(--font-body);text-align:left;text-underline-offset:3px;color:inherit;background:0 0;border:0;align-items:center;padding:0 4px;font-size:1.0625rem;font-weight:700;text-decoration:underline;display:inline-flex}.text-button:disabled{cursor:default;opacity:.6}.field{flex-direction:column;gap:6px;display:flex}.field__label{color:var(--ink-900);font-weight:700}.field__help{color:var(--ink-700);font-size:1rem}.field__row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.field__row>.input{flex:200px}.input{min-width:0;min-height:48px;font-family:var(--font-body);color:var(--ink-900);background:var(--parchment-50);box-shadow:inset 0 0 0 2px var(--ink-500), inset 0 3px 0 #00000014;border:0;border-radius:0;padding:10px 12px;font-size:1.125rem}.input::placeholder{color:var(--ink-500)}.input:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.input[aria-invalid=true]{box-shadow:inset 0 0 0 2px #9b1c1c}.input--code{font-family:ui-monospace,Cascadia Mono,Courier New,monospace;font-size:1rem}.form-error{color:#8f1d14;font-weight:700}.form-ok{color:#1d5e1f;font-weight:700}.form-note{color:var(--ink-700);font-size:1rem}.page-notice{color:var(--parchment-100);background:var(--backing);box-shadow:0 0 0 2px var(--gold-700);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;padding:10px 14px;font-size:1rem;display:flex}.page-notice[data-tone=error]{box-shadow:0 0 0 2px var(--danger)}.page-notice[data-tone=error] p{color:var(--danger-text)}.page-notice[data-tone=success] p{color:var(--success-text)}.page-notice .btn{margin:4px}.page-loading{text-align:center;flex-direction:column;align-items:center;gap:12px;min-height:160px;padding:20px;display:flex}.page-loading p{color:var(--parchment-100);background:var(--backing);padding:6px 12px}.page-footer{flex-direction:column;gap:10px;margin-top:auto;padding-top:8px;display:flex}.legal-links{color:var(--text-muted);background:var(--backing);box-shadow:0 0 0 2px var(--outline);flex-wrap:wrap;justify-content:center;align-items:center;gap:0 2px;padding:0 8px;display:flex}.legal-links a{min-width:44px;min-height:44px;color:var(--gold-300);justify-content:center;align-items:center;padding:0 8px;font-weight:700;display:inline-flex}.screen-legal{width:100%;max-width:var(--col);padding:0 var(--gutter) max(20px, env(safe-area-inset-bottom));margin:0 auto}.prose{flex-direction:column;gap:12px;padding:16px;font-size:1.0625rem;display:flex}.prose h2{font-family:var(--font-pixel);color:var(--ink-900);font-size:16px;font-weight:400;line-height:1.4}.prose h3{color:var(--ink-900);font-size:1.1875rem;font-weight:700}.prose ul,.prose ol{flex-direction:column;gap:6px;margin:0;padding-left:1.25em;display:flex}.prose a{color:var(--ink-900);font-weight:700}.prose__draft{color:var(--ink-900);background:var(--gold-300);box-shadow:0 0 0 2px var(--outline);align-self:flex-start;padding:2px 8px;font-size:1rem;font-weight:700}.faq{flex-direction:column;gap:4px;margin:0;display:flex}.faq dt{color:var(--ink-900);margin-top:8px;font-weight:700}.faq dd{color:var(--ink-700);margin:0}.howto-rules .rules__body{padding-top:16px}.lost{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:16px;display:flex}.lost__body{color:var(--parchment-100);background:var(--backing);box-shadow:0 0 0 2px var(--outline);padding:8px 14px;font-size:1.125rem}.toast{right:var(--gutter);bottom:max(16px, env(safe-area-inset-bottom));left:var(--gutter);z-index:60;max-width:var(--col);color:var(--parchment-100);box-shadow:0 0 0 2px var(--outline), inset 0 -3px 0 var(--gold-600);background:#141117f2;justify-content:space-between;align-items:center;gap:12px;margin:0 auto;padding:6px 6px 6px 16px;font-weight:700;display:flex;position:fixed}.toast__close{appearance:none;cursor:pointer;width:44px;height:44px;color:var(--gold-300);background:0 0;border:0;flex:none;font-size:1.75rem;line-height:1}.panel>.btn{align-self:flex-start;text-decoration:none}.support-line{text-align:center;color:var(--parchment-100);background:var(--backing);box-shadow:0 0 0 2px var(--outline);align-self:center;padding:6px 12px;font-size:1rem}.support-line a{min-height:44px;color:var(--gold-300);align-items:center;font-weight:700;display:inline-flex}.legal h2{margin-top:8px}.legal>p:first-child{color:var(--ink-700);font-weight:700}.consent-line{color:var(--ink-700);font-size:1rem}.consent-line a{color:var(--ink-900);font-weight:700}.page-footer .credit a{min-height:44px;color:var(--gold-300);align-items:center;font-weight:700;display:inline-flex}