:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--night:#241536;--cream:#f4eedd;--lilac:#b7a5ef;--orange:#ff7a1a;--w:clamp(170px, 22vw, 260px);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}body{background:var(--night);color:var(--cream);margin:0;overflow-x:hidden}*{box-sizing:border-box}main{flex-direction:column;justify-content:flex-start;gap:1.5rem;min-height:100svh;padding:2rem 0;display:flex}header,.note{padding:0 16px}h1{letter-spacing:-.02em;margin:0;font-size:clamp(2.5rem,7vw,4.5rem);line-height:1.05}header p{max-width:40rem;color:var(--lilac);text-wrap:pretty;margin:.4rem 0 1rem;line-height:1.5}.note{color:var(--lilac);margin:0}form,.controls{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.controls{gap:1rem}input,button{font:inherit;border-radius:6px;font-size:16px}input{border:2px solid var(--lilac);width:6ch;color:inherit;font-variant-numeric:tabular-nums;background:0 0;padding:.35rem .5rem}button{background:var(--orange);color:#141414;cursor:pointer;border:0;padding:.4rem .9rem;font-weight:700}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible{outline:3px solid var(--cream);outline-offset:2px}.street{height:calc(var(--w) * 1.375);background:url(/art/scenery/street.svg) repeat-x 0 calc(var(--w) * .925) / var(--w) calc(var(--w) * .45);scroll-snap-type:x proximity;background-attachment:local;align-items:flex-start;margin:0;padding:0 16px;list-style:none;display:flex;overflow-x:auto}.house{flex:0 0 var(--w);height:calc(var(--w) * 1.2);content-visibility:auto;contain-intrinsic-size:var(--w) calc(var(--w) * 1.2);scroll-snap-align:center;position:relative}.house img{display:block;position:absolute}.house-button{background:0 0;border-radius:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.house-button:hover{filter:brightness(1.12)}.layer{width:100%;height:100%;inset:0}.portrait-frame{width:38%;height:31.6667%;position:absolute;top:36.6667%;left:47%;overflow:hidden}.portrait-frame img{object-fit:cover;width:100%;height:100%;inset:0}.portrait-overlay{pointer-events:none}.plaque{color:#141414;width:11%;height:4%;font-weight:800;font-size:calc(var(--w) * .032);font-variant-numeric:tabular-nums;place-items:center;display:grid;position:absolute;top:47.8333%;left:23.5%}.simple{font-family:var(--font-hand);padding-top:1.2rem;font-size:1.1rem}.simple header{justify-items:start;gap:.7rem;display:grid}.simple-logo{filter:drop-shadow(3px 4px #141414);width:clamp(170px,28vw,300px);height:auto}.player-line{font-size:1.15rem}.simple .board{margin:0 16px}.simple .panel{position:relative}.simple .close{position:absolute;top:14px;right:14px}.panel-grid{grid-template-columns:minmax(180px,320px) 1fr;gap:1.5rem;display:grid}.portrait-frame.large{aspect-ratio:1;border:3px solid #141414;border-radius:12px;width:100%;height:auto;display:block;position:relative;top:auto;left:auto;box-shadow:4px 5px #141414}.portrait-frame.large img{position:absolute}.inline-icon{vertical-align:-6px;width:28px;height:28px}.visits,.feed ol{padding-left:1.5rem;line-height:1.7}@media (width<=600px){:root{--w:170px}main{gap:1rem;padding:1rem 0}.panel-grid{grid-template-columns:1fr}.portrait-frame.large{max-width:320px}.street{max-width:100vw}}body{touch-action:manipulation}.view-switch{top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));z-index:20;position:fixed}.start-screen{min-height:100svh;padding:90px max(16px, env(safe-area-inset-left)) max(32px, env(safe-area-inset-bottom));background:radial-gradient(at 50% 30%,#4b2c62,#180e27 75%);justify-content:center;align-items:center}.start-logo{filter:drop-shadow(4px 6px #141414);width:min(370px,70vw)}.start-screen>p{font:1.4rem var(--font-hand);margin:-10px 0 0}.start-card{gap:1rem;width:min(430px,100%);display:grid}.start-card h1{font:1.8rem/1.15 var(--font-display);color:#ffc93c}.start-card .plaque-input,.start-card .row{justify-content:center}.simple{padding-top:max(80px, calc(env(safe-area-inset-top) + 70px));padding-bottom:max(24px, env(safe-area-inset-bottom))}@media (width<=720px){.view-switch .sticker{padding:.3rem .5rem;font-size:.7rem}.view-switch img{width:24px;height:24px}}:root{--ink:#141414;--paper:#f4eedd;--font-display:"Luckiest Guy", "Arial Black", system-ui, sans-serif;--font-hand:"Patrick Hand", "Comic Sans MS", system-ui, sans-serif;--wobble:255px 18px 225px 18px / 18px 225px 18px 255px;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.sticker{--tilt:-1.5deg;--fill:var(--paper);--lip:#c9b48a;border:3px solid var(--ink);border-radius:var(--wobble);background:var(--grain), var(--fill);color:var(--ink);font:400 1.05rem/1 var(--font-display);letter-spacing:.03em;box-shadow:0 5px 0 -2px var(--lip), 0 5px 0 var(--ink);transform:rotate(var(--tilt));cursor:pointer;-webkit-tap-highlight-color:transparent;align-items:center;gap:.45rem;padding:.4rem .95rem .45rem;transition:transform 50ms ease-out,box-shadow 50ms ease-out;display:inline-flex;position:relative;overflow:hidden}.sticker:nth-of-type(2n){--tilt:1.2deg}@media (hover:hover){.sticker:hover:not(:disabled){animation:.35s ease-in-out jiggle;transform:rotate(0)scale(1.06)}}.sticker:active:not(:disabled){box-shadow:0 1px 0 var(--ink);animation:none;transform:translateY(4px)rotate(0)}.sticker:focus-visible{outline:3px dashed var(--orange,#ff7a1a);outline-offset:4px}.sticker:disabled{filter:grayscale(.85);opacity:.55;cursor:not-allowed}.sticker img{flex:none;width:28px;height:28px}.sticker--orange{--fill:#ff7a1a;--lip:#b84e00}.sticker--purple{--fill:#836ef9;--lip:#5438dc;color:var(--paper)}.sticker--gold{--fill:#ffc93c;--lip:#c48a0c}.sticker--round{border-radius:50% 46% 52% 48%/48% 52% 46% 50%;padding:.35rem}.sticker--round img{width:40px;height:40px}.sticker .badge{font:400 .8rem/1 var(--font-display);border:2px solid var(--ink);background:var(--paper);color:var(--ink);border-radius:999px;padding:.15rem .35rem}.sticker .badge img{vertical-align:-2px;width:14px;height:14px}.sticker .splash{pointer-events:none;background:#14141440;border-radius:50%;width:12px;height:12px;margin:-6px 0 0 -6px;animation:.5s ease-out forwards splash;position:absolute}@keyframes splash{to{opacity:0;transform:scale(18)}}@keyframes jiggle{0%,to{transform:rotate(0)scale(1.06)}30%{transform:rotate(-3deg)scale(1.08)}60%{transform:rotate(2.5deg)scale(1.07)}}.plaque-input{font:400 1rem/1 var(--font-display);color:var(--paper);align-items:center;gap:.4rem;display:inline-flex}.plaque-input input{border:3px solid var(--ink);background:var(--grain), var(--paper);width:5.5ch;color:var(--ink);font:400 1.1rem/1 var(--font-display);text-align:center;font-variant-numeric:tabular-nums;box-shadow:2px 3px 0 var(--ink);border-radius:10px 4px 12px 5px;padding:.3rem .4rem;font-size:max(16px,1.1rem)}.plaque-input input:focus-visible{outline-offset:3px;outline:3px dashed #ff7a1a}.board{border:3px solid var(--ink);background:var(--grain), #3a2551;color:var(--paper);box-shadow:4px 6px 0 var(--ink);font-family:var(--font-hand);border-radius:14px 6px 16px 8px;padding:1.1rem 1.1rem 1.2rem;font-size:1.1rem;position:relative}.board:before,.board:after{content:"";border:2px solid var(--ink);background:#ffc93c;border-radius:50%;width:10px;height:10px;position:absolute;top:8px}.board:before{left:8px}.board:after{right:8px}.board h2,.board h3{font:400 1.35rem/1.1 var(--font-display);letter-spacing:.03em;color:#ffc93c;margin:0 0 .6rem}.board h3{color:var(--paper);margin-top:1rem;font-size:1.05rem}.board p{margin:.3rem 0;line-height:1.35}.row{flex-wrap:wrap;align-items:center;gap:.6rem .7rem;display:flex}.bubble{border:3px solid var(--ink);background:var(--paper);max-width:min(36rem,100%);color:var(--ink);font:400 1.05rem/1.3 var(--font-hand);box-shadow:3px 4px 0 var(--ink);overflow-wrap:anywhere;border-radius:18px 22px 16px 24px;padding:.55rem .9rem;animation:.25s ease-out pop;display:inline-block;position:relative}@keyframes pop{0%{opacity:0;transform:scale(.85)}}@media (prefers-reduced-motion:reduce){.sticker,.sticker:hover:not(:disabled),.bubble{transition:none;animation:none}}.bag{gap:.4rem .9rem}.bag-item{font:400 1.1rem/1 var(--font-display);align-items:center;gap:.25rem;display:inline-flex}.bag-item img{width:34px;height:34px;filter:drop-shadow(1px 2px 0 var(--ink))}.sticker{touch-action:manipulation;justify-content:center;min-width:48px;min-height:48px;text-decoration:none}.plaque-input input{touch-action:manipulation;min-width:64px;min-height:48px}a.sticker:focus-visible{outline:3px dashed var(--orange);outline-offset:4px}.candy-chip{gap:.35rem;font-size:.85rem}.candy-chip small{font-family:var(--font-hand);border:1px solid;border-radius:5px;padding:3px;font-size:.8rem}.candy-info{max-width:min(32rem,100vw - 32px);max-height:calc(100svh - 40px);overflow:auto}.candy-info::backdrop{background:#0c0718cc}.candy-info .row{margin-top:1rem}.house-badges{flex-wrap:wrap;gap:.35rem;display:flex}.house-badges:empty{display:none}.house-badges span{border:2px solid var(--ink);background:var(--paper);color:var(--ink);border-radius:7px 3px 9px 4px;align-items:center;padding:3px 6px;font-size:.85rem;display:inline-flex}.house-badges img{width:28px;height:28px}.earned{max-width:min(30rem,100% - 24px)}.earned>img{width:120px;margin:auto;display:block}.earned>strong{color:#ffc93c;display:block}.earned .sticker{margin-top:.5rem}.wallet-picker{text-align:center;justify-items:center;gap:.7rem;display:grid}.wallet-chogs{justify-content:center;max-height:15rem;padding:.5rem;overflow-y:auto}.sticker.wallet-chog{flex-direction:column;padding:.4rem}.sticker.wallet-chog img{border:2px solid var(--ink);border-radius:8px 3px 7px 4px;width:64px;height:64px}