@font-face{font-family:Titan One;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/titan-one-latin.woff2) format("woff2")}@font-face{font-family:Nunito;font-style:normal;font-weight:500 900;font-display:swap;src:url(/fonts/nunito-latin.woff2) format("woff2")}:root{--cream: #fff3d6;--cream-deep: #ffe9b8;--cream-gold: #f6c468;--grass: #5fa84e;--grass-shadow: #47823a;--grass-pale: #dff0c8;--grass-mist: #eaf4dc;--cocoa: #8a5a34;--cocoa-light: #9a6a40;--cocoa-dark: #7a4e2a;--cocoa-shadow: #6b4423;--chaos: #f25c1f;--chaos-shadow: #c4430f;--chaos-pale: #fbd9c6;--honk-gold: #f2a31f;--midnight: #241b2e;--midnight-surface: #332543;--midnight-deep: #100b18;--lavender: #b9a8d6;--pond: #7fb8cf;--feather: #f4efe4;--ink: #3a352c;--font-shout: "Titan One", system-ui, sans-serif;--font-body: "Nunito", system-ui, sans-serif}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{font-family:var(--font-body);background:var(--cream);color:var(--ink);user-select:none;-webkit-user-select:none;touch-action:manipulation;overscroll-behavior:none;overflow:hidden}#root{display:flex;justify-content:center}.screen{width:min(100vw,440px);height:100%;display:flex;flex-direction:column;padding:calc(14px + env(safe-area-inset-top)) 18px calc(18px + env(safe-area-inset-bottom));overflow-y:auto;overflow-x:hidden;position:relative}.screen--chill{background:var(--cream)}.screen--dawn{background:linear-gradient(#bfe3f2,#fff3d6 45%,#ffe9b8)}.screen--grassy{background:var(--grass-mist)}.screen--secret{background:linear-gradient(#bfe3f2,#dff0c8 60%,#bfdb9a)}.screen--dark{background:var(--midnight);color:#fff}.screen--gold{background:linear-gradient(#ffe9b8,#ffd98f 50%,#f6c468)}.screen--pond{background:linear-gradient(#2a3a4e,#1d2b3a 60%,#16222e);color:#cfe3f2}.shout{font-family:var(--font-shout);font-weight:400;line-height:1.05}.kicker{font-family:var(--font-shout);font-size:13px;letter-spacing:2px;text-align:center}.title-xl{font-size:40px;text-align:center}.muted{color:#00000080}.screen--dark .muted,.screen--pond .muted{color:#dce6f599}.btn{display:block;width:100%;border:none;border-radius:28px;padding:16px;text-align:center;font-family:var(--font-shout);font-size:18px;color:#fff;cursor:pointer;transition:transform .06s ease,box-shadow .06s ease;touch-action:manipulation}.btn:active{transform:translateY(4px)}.btn--grass{background:var(--grass);box-shadow:0 5px 0 var(--grass-shadow)}.btn--grass:active{box-shadow:0 1px 0 var(--grass-shadow)}.btn--chaos{background:var(--chaos);box-shadow:0 5px 0 var(--chaos-shadow);transform:rotate(1deg)}.btn--chaos:active{transform:rotate(1deg) translateY(4px);box-shadow:0 1px 0 var(--chaos-shadow)}.btn--midnight{background:var(--midnight);box-shadow:0 5px 0 var(--midnight-deep)}.btn--cocoa{background:var(--cocoa);box-shadow:0 4px 0 var(--cocoa-shadow)}.btn--ghost{background:#fff;color:var(--cocoa);box-shadow:0 5px #0000001f}.btn--water{background:#ffffff1a;border:2px solid rgba(255,255,255,.25);color:#cfe3f2;box-shadow:none}.btn:disabled{opacity:.45;pointer-events:none}.btn--narrow{width:84px;flex:none}.btn .sub{display:block;font-family:var(--font-body);font-weight:800;font-size:11px;margin-top:2px;opacity:.85}.tracker{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.tracker__pills{display:flex;gap:4px;justify-content:center;align-items:center;flex-wrap:wrap;padding:0 48px}.pill{width:20px;height:11px;border-radius:6px;background:#eee5cc;transition:background .4s,transform .4s}.pill--chill-on{background:var(--grass)}.pill--chaos{background:var(--chaos-pale)}.pill--chaos-on{background:var(--chaos)}.pill--gap{width:10px;height:0;background:none}.tracker__labels{display:flex;justify-content:center;gap:14px;font-weight:900;font-size:9.5px;color:#00000073}.tracker__labels .chaos{color:var(--chaos)}.screen--dark .tracker__labels{color:var(--lavender)}.avatar{border-radius:50%;position:relative;flex:none;display:flex;align-items:center;justify-content:center}.avatar__accessory{position:absolute;top:-10px;right:-6px;font-size:18px}.avatar--off{opacity:.35}.avatar--banished{filter:grayscale(1) brightness(.7)}.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ptile{border-radius:16px;aspect-ratio:1;position:relative;transition:transform .1s}.ptile__name{position:absolute;bottom:5px;left:7px;font-weight:800;font-size:10px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.35)}.ptile__badge{position:absolute;top:-8px;right:-4px;color:#fff;font-family:var(--font-shout);font-size:11px;padding:3px 8px;border-radius:10px;background:var(--chaos);transform:rotate(8deg);z-index:1}.ptile__badge--calm{background:var(--grass);font-family:var(--font-body);font-weight:800;transform:none}.ptile--honking{animation:honkshake .3s infinite;outline:3px solid var(--chaos);outline-offset:-3px}.card{background:#fff;border-radius:20px;padding:14px 16px;display:flex;align-items:center;gap:12px;text-align:left;width:100%;border:3px solid;cursor:pointer;transition:transform .12s}.card:active{transform:scale(.97)}.card--chill{border-color:var(--grass);box-shadow:0 4px #5fa84e59}.card--chaos{border-color:var(--chaos);box-shadow:0 4px #f25c1f59}.card--chaos:nth-child(odd){transform:rotate(-1.2deg)}.card--chaos:nth-child(2n){transform:rotate(1deg)}.card__icon{width:50px;height:50px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;flex:none}.card--chill .card__icon{background:var(--grass-pale)}.card--chaos .card__icon{background:var(--chaos-pale)}.card__name{font-family:var(--font-shout);font-size:15px}.card--chill .card__name{color:#3d7a34}.card--chaos .card__name{color:var(--chaos-shadow)}.card__flavor{font-weight:700;font-size:11px;color:#00000080}.card--selected{outline:4px dashed rgba(0,0,0,.3);outline-offset:3px}.trash{border:3px dashed rgba(0,0,0,.3);border-radius:22px;padding:16px;text-align:center;background:#ffffff80;margin-top:14px}.panel{background:#fff;border-radius:18px;padding:14px 18px;text-align:center}.panel--chaosline{border:3px solid var(--chaos);border-radius:22px}.panel--dashed{border:3px dashed var(--chaos)}.panel--dark{background:var(--midnight-surface);border:2px solid var(--chaos);color:#fff}.panel--glass{background:#00000059;color:#f08a8a}.input{width:100%;border:3px solid #e8dfc8;border-radius:22px;background:#fff;padding:14px 18px;font-family:var(--font-body);font-weight:800;font-size:16px;color:var(--ink);outline:none;user-select:text;-webkit-user-select:text}.input:focus{border-color:var(--grass)}.input--code{text-transform:uppercase;text-align:center;letter-spacing:1px;font-family:var(--font-shout)}@keyframes honkshake{0%,to{transform:rotate(0)}25%{transform:rotate(-2.5deg)}75%{transform:rotate(2.5deg)}}@keyframes bobble{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes rainfall{0%{background-position:0 0}to{background-position:0 120px}}@keyframes popin{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}@keyframes floatup{0%{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}.bobble{animation:bobble 3.5s ease-in-out infinite}.popin{animation:popin .25s cubic-bezier(.34,1.56,.64,1) both}.floatup{animation:floatup .3s ease-out both}.rain:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(170deg,transparent 0 14px,rgba(160,200,230,.18) 14px 16px);background-size:100% 120px;animation:rainfall 1.2s linear infinite;pointer-events:none}@media(prefers-reduced-motion:reduce){.bobble,.ptile--honking,.rain:before{animation:none}}.spacer{flex:1}.row{display:flex;gap:10px;align-items:center}.col{display:flex;flex-direction:column;gap:10px}.center{text-align:center}.mt{margin-top:12px}.mb{margin-bottom:12px}.lang-toggle{position:absolute;top:calc(10px + env(safe-area-inset-top));right:14px;background:#ffffffb3;border:none;border-radius:14px;padding:6px 10px;font-weight:900;font-size:12px;cursor:pointer;z-index:5}.shockwave{position:fixed;inset:0;pointer-events:none;z-index:25;border-radius:22px;box-shadow:inset 0 0 0 7px #f25c1fa6;animation:shockfade .45s ease-out both}@keyframes shockfade{0%{opacity:1;transform:scale(1.02)}to{opacity:0;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.shockwave{animation-duration:.01s}}.banner{position:fixed;top:calc(54px + env(safe-area-inset-top));left:50%;transform:translate(-50%);width:min(92vw,400px);background:var(--midnight);color:#fff;border:none;border-radius:18px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:800;font-size:12px;z-index:30;box-shadow:0 6px 16px #00000040}.banner__btn{border:none;background:var(--grass);color:#fff;font-weight:900;font-size:11.5px;padding:8px 12px;border-radius:14px;cursor:pointer;flex:none}.banner--chip{width:auto;cursor:pointer;font-family:var(--font-body)}.toast{position:fixed;bottom:calc(24px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);background:var(--midnight);color:#fff;font-weight:800;font-size:13px;padding:10px 18px;border-radius:20px;z-index:50;animation:floatup .25s ease-out;max-width:90vw;text-align:center}