html,body{background:var(--up-accent-900,#000);color:#fff;height:100%;font-family:var(--up-font-body);-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;margin:0;overflow:hidden}#game,#ui{position:fixed;top:0;bottom:0;left:0;right:0}#ui{pointer-events:none}canvas{image-rendering:pixelated}.btn{min-height:48px;font-family:var(--up-font-display);cursor:pointer;border:0;border-radius:999px;padding:0 28px;font-size:18px;font-weight:600}.btn:disabled{opacity:.6}.btn-primary{background:var(--up-primary);color:#fff}.btn-secondary{background:var(--up-accent-400);color:var(--up-primary)}.screen{pointer-events:auto;padding:max(24px, env(safe-area-inset-top)) 24px max(24px, env(safe-area-inset-bottom));box-sizing:border-box;flex-direction:column;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.title{font-family:var(--up-font-display);text-align:center;margin:0;font-weight:600}.landing{background:var(--up-primary);justify-content:center;gap:32px}.landing .logo{width:min(56vw,220px)}.landing .title{max-width:14em;font-size:clamp(26px,7.5vw,40px);line-height:1.15}.landing-privacy{bottom:max(16px, env(safe-area-inset-bottom));color:var(--up-accent-400);font-size:14px;position:absolute}.progress{background:var(--up-primary-700);border-radius:2px;width:min(60vw,240px);height:4px;transition:opacity .4s;overflow:hidden}.progress.done{opacity:0}.progress-bar{background:var(--up-accent-400);width:0;height:100%;transition:width .2s}.avatar{pointer-events:none;justify-content:space-between;padding-left:12px;padding-right:12px}.avatar-title{font-size:24px}.sheet{pointer-events:auto;background:var(--up-primary);box-sizing:border-box;border-radius:24px;flex-direction:column;gap:6px;width:100%;max-width:480px;padding:14px 16px 16px;display:flex}.sheet h2{font-family:var(--up-font-display);color:var(--up-accent-400);margin:2px 0 0;font-size:14px;font-weight:500}.sheet .btn{align-self:stretch;margin-top:8px}.sheet .btn-primary{background:var(--up-accent-400);color:var(--up-primary)}.swatches,.chips{flex-wrap:wrap;gap:6px;display:flex}.swatch{background:var(--c);cursor:pointer;border:3px solid #0000;border-radius:50%;width:44px;height:44px;box-shadow:inset 0 0 0 2px #00000040}.swatch[aria-checked=true],.chip[aria-checked=true]{border-color:var(--up-accent-400)}.chip{background:var(--up-primary-700);color:#fff;min-height:44px;font:500 15px var(--up-font-body);cursor:pointer;border:3px solid #0000;border-radius:999px;padding:0 16px}.avatar .swatches,.avatar .chips{scrollbar-width:none;flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto}.avatar .swatches::-webkit-scrollbar{display:none}.avatar .chips::-webkit-scrollbar{display:none}.avatar .swatch,.avatar .chip{flex-shrink:0}.avatar-step{flex-direction:column;gap:6px;display:flex}.avatar-step[hidden]{display:none}.avatar-step-actions{gap:8px;display:flex}.avatar-step-actions .btn{flex:1;padding:0 12px}.name-row{gap:8px;display:flex}.name-input{border:2px solid var(--up-accent);background:var(--up-accent-900);color:#fff;min-width:0;height:48px;font:600 18px var(--up-font-display);-webkit-user-select:text;user-select:text;border-radius:14px;flex:1;padding:0 14px}.name-input[aria-invalid=true]{border-color:var(--up-warn)}.dice{background:var(--up-primary-700);cursor:pointer;border:0;border-radius:14px;width:48px;height:48px;font-size:24px}.name-hint{opacity:.9;margin:0;font-size:13px}.name-error{margin:0;font-size:14px;font-weight:700}.name-error:empty{display:none}.hud{padding:max(10px, env(safe-area-inset-top)) 10px max(12px, env(safe-area-inset-bottom));box-sizing:border-box;flex-direction:column;justify-content:space-between;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.hud-top,.hud-bottom{align-items:center;gap:4px;display:flex}.hud-bottom{justify-content:flex-end;position:relative}.hud-btn{pointer-events:auto;background:var(--up-primary);color:#fff;min-height:48px;font:600 15px var(--up-font-display);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:6px;padding:0 16px 0 12px;display:inline-flex}.hud-btn span{font-size:22px}button.pill{color:#fff;font-family:var(--up-font-body);cursor:pointer;border:0}.spacer{flex:1}.pill{pointer-events:auto;background:var(--up-accent-900);white-space:nowrap;border-radius:999px;flex-shrink:0;padding:6px 10px;font-size:13px;font-weight:600}.pill.name{text-overflow:ellipsis;min-width:0;font-family:var(--up-font-display);color:var(--up-accent-400);flex-shrink:1;overflow:hidden}.hud-top .spacer{flex:1 1 0;min-width:0}.emote-toggle,.emote{pointer-events:auto;background:var(--up-primary);cursor:pointer;border:0;border-radius:50%;width:48px;height:48px;font-size:24px}.emote-bar{box-sizing:border-box;background:var(--up-accent-900);border-radius:28px;flex-wrap:wrap;justify-content:flex-end;gap:4px;max-width:calc(100vw - 20px);padding:6px;display:flex;position:absolute;bottom:56px;right:0}.emote-bar[hidden]{display:none}.emote{background:0 0;width:44px;height:44px}.panel-layer{z-index:9;pointer-events:auto;flex-direction:column;justify-content:flex-end;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.panel-backdrop{background:#00000073;position:absolute;top:0;bottom:0;left:0;right:0}.panel{background:var(--up-primary);width:100%;max-width:520px;max-height:min(88dvh,88vh);padding-bottom:env(safe-area-inset-bottom);border-radius:24px 24px 0 0;flex-direction:column;animation:.18s ease-out panel-in;display:flex;position:relative;box-shadow:0 -8px 32px #00000059}@keyframes panel-in{0%{opacity:0;transform:translateY(24px)}}.panel-head{border-bottom:1px solid var(--up-primary-700);align-items:center;gap:8px;padding:10px 8px 6px 18px;display:flex}.panel-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font:600 20px var(--up-font-display);flex:1;margin:0;overflow:hidden}.panel-close{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:50%;width:44px;height:44px;font-size:30px;line-height:1}.panel-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;-webkit-user-select:text;user-select:text;flex-direction:column;flex:1;gap:8px;min-height:80px;padding:10px 14px 14px;display:flex;overflow-y:auto}.panel-foot{border-top:1px solid var(--up-primary-700);flex-direction:column;gap:8px;padding:10px 14px 14px;display:flex}.panel-foot:empty{display:none}.panel-summary,.muted{color:var(--up-accent-400);margin:0;font-size:14px}.npc-line{background:var(--up-accent-900);border-radius:14px;margin:0;padding:10px 14px;font-style:italic}.row-wrap{flex-direction:column;gap:8px;display:flex}.row{background:var(--up-primary-700);border-radius:16px;align-items:center;gap:8px;padding:6px 8px 6px 6px;display:flex}.row-main{min-width:0;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:10px;padding:0;display:flex}.row-text{flex-direction:column;min-width:0;display:flex}.row-name{font:600 15px var(--up-font-display);overflow-wrap:anywhere;line-height:1.2}.row-sub{opacity:.85;overflow-wrap:anywhere;font-size:13px;line-height:1.3}.row-side{flex-shrink:0;align-items:center;gap:8px;display:flex}.row-badge{color:var(--up-accent-400);text-align:right;max-width:6em;font-size:13px;font-weight:600}.row-price{font:600 15px var(--up-font-display);white-space:nowrap}.row-go{opacity:.7;font-size:24px}.shoe-icon{width:32px;height:32px;image-rendering:pixelated;background:var(--up-accent-900);border-radius:10px;flex-shrink:0;padding:6px}.shoe-icon.big{border-radius:14px;width:64px;height:64px;padding:8px}.btn-small{min-height:44px;font:600 14px var(--up-font-display);white-space:nowrap;cursor:pointer;border:0;border-radius:999px;padding:0 14px}.btn-small:disabled,.btn:disabled{opacity:.6}.panel .btn-primary{background:var(--up-accent-400);color:var(--up-primary)}.panel .btn-secondary{background:var(--up-accent-900);color:#fff}.price-picker{background:var(--up-accent-900);border-radius:16px;flex-direction:column;gap:8px;padding:10px;display:flex}.price-picker[hidden]{display:none}.stepper{justify-content:center;align-items:center;gap:10px;display:flex}.step{background:var(--up-primary-700);color:#fff;cursor:pointer;border:0;border-radius:50%;width:48px;height:48px;font-size:26px}.price-input{border:2px solid var(--up-accent);background:var(--up-primary);color:#fff;width:96px;height:48px;font:600 22px var(--up-font-display);text-align:center;-webkit-user-select:text;user-select:text;border-radius:14px}.price-picker .chips{justify-content:center}.price-hint{text-align:center;margin:0;font-size:13px}.pp-head{align-items:center;gap:12px;display:flex}.pp-id{min-width:0}.pp-name{font:600 20px var(--up-font-display);margin:0}.pp-sub,.pp-value,.pp-owner{margin:2px 0 0;font-size:14px}.pp-value{font-weight:600}.pp-owner{color:var(--up-accent-400);font-weight:600}.badge{border-radius:999px;padding:2px 8px;font-size:13px;font-weight:700;display:inline-block}.badge-ok{color:var(--up-primary);background:#fff}.badge-fake{color:var(--up-warn);border:2px solid var(--up-warn);background:#fff}.chain{margin:6px 0 0;padding:0;list-style:none}.ring{gap:12px;padding-bottom:14px;display:flex;position:relative}.ring:not(:last-child):before{content:"";background:var(--up-accent);width:2px;position:absolute;top:20px;bottom:0;left:8px}.ring-dot{background:var(--up-accent-400);width:18px;height:18px;box-shadow:0 0 0 3px var(--up-primary);border-radius:50%;flex-shrink:0;margin-top:2px}.ring-pending .ring-dot,.ring-sending .ring-dot{background:var(--up-primary-700);border:2px dashed var(--up-accent-400);box-sizing:border-box}.ring-unknown .ring-dot,.ring-failed .ring-dot{background:var(--up-warn)}.ring-body{min-width:0}.ring-text{margin:0;font-weight:600}.ring-meta,.ring-hash{margin:2px 0 0;font-size:13px}.ring-hash{opacity:.75;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.cert-ok{color:#fff;font-weight:600}a.cert-ok{text-underline-offset:2px;text-decoration:underline}.cert-warn{font-weight:600}.cert-pending{color:var(--up-accent-400)}.just-certified .ring-body{animation:1.2s ease-out certified}@keyframes certified{0%{background:var(--up-accent-400);color:var(--up-primary)}}.pp-footer{opacity:.85;margin:4px 0 0;font-size:13px}.shoe-stamp{flex-shrink:0;display:inline-flex;position:relative}.shoe-stamp .stamp{font-size:18px;line-height:1;position:absolute;bottom:-6px;right:-6px}.stamp-fake .shoe-icon{box-shadow:inset 0 0 0 2px var(--up-warn)}.verdict{color:var(--up-primary);border-left:6px solid var(--up-accent);background:#fff;border-radius:14px;padding:12px 14px}.verdict-fake{border-left-color:var(--up-warn)}.verdict-title{margin:0;font-weight:700}.btn-dim{opacity:.7}.banners{z-index:8;left:50%;top:calc(84px + env(safe-area-inset-top));flex-direction:column;gap:8px;width:min(94vw,480px);display:flex;position:absolute;transform:translate(-50%)}.drop-banner,.beat-banner{box-sizing:border-box;pointer-events:auto;background:var(--up-accent-900);border:2px solid var(--up-accent-400);border-radius:18px;align-items:center;gap:8px;padding:8px 4px 8px 10px;animation:.2s ease-out panel-in;display:flex;box-shadow:0 6px 24px #00000059}.drop-banner-text{flex:1;margin:0;font-size:14px;font-weight:600}.toasts{z-index:10;left:50%;bottom:calc(80px + env(safe-area-inset-bottom));flex-direction:column;align-items:center;gap:8px;width:max-content;max-width:86vw;display:flex;position:absolute;transform:translate(-50%)}.toast{max-width:86vw;color:var(--up-primary);border-left:4px solid var(--up-warn);background:#fff;border-radius:12px;padding:12px 16px;font-weight:600;transition:opacity .4s}.toast.out{opacity:0}.blocker{background:var(--up-accent-900);text-align:center;justify-content:center;gap:20px;font-size:18px}.hud-head{flex-direction:column;gap:6px;display:flex}.hud-run{justify-content:center;display:flex}.rank-pill{font:600 15px var(--up-font-display);font-variant-numeric:tabular-nums}.rank-pill[hidden]{display:none}.rank-pill.up{animation:1.2s ease-out rank-up}.rank-pill.down{animation:1.2s ease-out rank-down}@keyframes rank-up{0%,40%{background:var(--up-accent-400);color:var(--up-primary);transform:scale(1.25)}}@keyframes rank-down{0%,40%{background:var(--up-primary-700);transform:scale(.9)}}.beat-banner{color:var(--up-primary);background:#fff;border-radius:18px;align-items:center;gap:8px;padding:8px 4px 8px 12px;animation:.2s ease-out panel-in;display:flex;box-shadow:0 6px 24px #00000059}.beat-text{flex:1;margin:0;font-size:15px;font-weight:600;line-height:1.3}.beat-banner .panel-close{color:var(--up-primary)}.panel-foot a.btn{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.lb-row{background:var(--up-accent-900);border-radius:14px;align-items:center;gap:10px;min-height:52px;padding:2px 10px;display:flex}.lb-me{outline-offset:-2px;outline:2px solid #fff}.lb-rank{text-align:right;width:2ch;font:600 16px var(--up-font-display);color:var(--up-accent-400)}.lb-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.lb-you{color:var(--up-accent-400);font-weight:400}.lb-value{font:600 16px var(--up-font-display);font-variant-numeric:tabular-nums}.lb-podium{border:2px solid var(--up-accent-400);min-height:60px}.lb-podium .lb-rank{text-align:center;width:1.4em;font-size:26px}.lb-1{background:var(--up-primary-700)}.lb-1 .lb-name,.lb-1 .lb-value{font-size:18px}.lb-gap{text-align:center;color:var(--up-accent-400)}.avatar-thumb{width:36px;height:48px;image-rendering:pixelated;flex-shrink:0}.wine-icon{background:var(--up-accent-900);border-radius:14px;flex-shrink:0;place-items:center;width:64px;height:64px;font-size:40px;display:grid}.badge-demo{background:var(--up-accent-400);color:var(--up-primary)}.hud-brand{justify-content:center;min-width:0;display:flex}.hud-logo{background:var(--up-accent-900);border-radius:999px;width:64px;padding:6px 10px}