body{background:var(--ground);color:var(--ink);font-family:var(--font-body);margin:0}.hz-row{gap:var(--space-4);padding:var(--space-5);flex-wrap:wrap;align-items:center;display:flex}.hz-col{gap:var(--space-3);padding:var(--space-5);flex-direction:column;display:flex}.hz-btn{font:500 14px/20px var(--font-body);letter-spacing:.01em;border-radius:var(--radius-md);padding:var(--space-3) var(--space-5);min-height:var(--hit-min);touch-action:manipulation;cursor:pointer;transition:box-shadow var(--dur-quick), background var(--dur-quick), transform var(--dur-quick);border:1px solid #0000}.hz-btn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.hz-btn:active{transform:translateY(1px)}.hz-btn-primary{background:var(--sakura);color:var(--on-sakura);font-weight:700}.hz-btn-primary:hover{box-shadow:var(--glow-sakura)}.hz-btn-quiet{background:var(--surface-raised);color:var(--ink);border-color:var(--line-strong)}.hz-btn-quiet:hover{background:var(--surface)}.hz-btn-ghost{color:var(--ink-muted);background:0 0}.hz-btn-ghost:hover{color:var(--ink)}.hz-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.hz-card{box-sizing:border-box;border-radius:var(--radius-lg);background:var(--surface);border:3px solid var(--timber);width:176px;min-height:240px;padding:var(--space-4);gap:var(--space-2);box-shadow:var(--shadow-lift);flex-direction:column;display:flex;position:relative}.hz-card-rare{border-color:var(--silver)}.hz-card-epic{border-color:var(--firefly);box-shadow:var(--shadow-lift), var(--glow-firefly)}.hz-card-art{border-radius:var(--radius-sm);background:var(--grape);justify-content:center;align-items:center;height:72px;display:flex}.hz-card-title{font:700 20px/24px var(--font-display);color:var(--ink);margin:0}.hz-card-meta{font:700 12px/16px var(--font-body);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-muted)}.hz-card-effect{font:400 13px/18px var(--font-body);color:var(--ink-muted);flex:1;margin:0}.hz-card-foot{font:500 13px/18px var(--font-body);color:var(--firefly)}.hz-card[aria-disabled=true]{opacity:.5;filter:saturate(.4)}.hz-marker{flex:none;display:inline-block}.hz-marker-ruby{background:conic-gradient(from 20deg, #f07a8e, var(--gem-ruby), #7a1426, var(--gem-ruby), #ff9fb0, var(--gem-ruby), #7a1426, #f07a8e);border-radius:50%}.hz-marker-topaz{background:conic-gradient(from 90deg at 50% 62%, #ffd98a, var(--gem-topaz), #8a5a10, var(--gem-topaz), #ffe7b0);clip-path:polygon(50% 4%,97% 92%,3% 92%)}.hz-marker-sapphire{background:conic-gradient(from 45deg, #8fb2ff, var(--gem-sapphire), #142f78, var(--gem-sapphire), #a9c4ff, var(--gem-sapphire), #142f78, #8fb2ff);border-radius:12%}.hz-marker-emerald{background:conic-gradient(from 0deg at 50% 55%, #6fe0a6, var(--gem-emerald), #0d4a2e, var(--gem-emerald), #9af0c4, var(--gem-emerald), #0d4a2e, #6fe0a6);clip-path:polygon(50% 2%,62% 36%,98% 37%,69% 59%,80% 95%,50% 74%,20% 95%,31% 59%,2% 37%,38% 36%)}.hz-compass{background:radial-gradient(circle at 50% 50%, var(--surface) 0 58%, var(--timber) 59% 66%, var(--surface-raised) 67% 100%);border:2px solid var(--timber);box-sizing:border-box;border-radius:50%;place-items:center;width:132px;height:132px;display:grid;position:relative}.hz-compass-needle{transform-origin:50% 100%;background:var(--sakura);width:8px;height:58px;transition:transform var(--dur-compass-spin) var(--ease-settle);border-radius:4px 4px 0 0;margin-top:-58px;margin-left:-4px;position:absolute;top:50%;left:50%}.hz-compass-topple .hz-compass-needle{background:var(--ember)}.hz-compass-count{font:800 48px/48px var(--font-display);color:var(--firefly);position:relative}.hz-compass-urgent{box-shadow:var(--glow-firefly)}.hz-compass-hidden .hz-compass-needle{display:none}.hz-compass-hidden .hz-compass-count{color:var(--lavender)}.hz-compass-label{font:500 13px/18px var(--font-body);color:var(--ink-muted);text-align:center;margin-top:var(--space-2)}.hz-player{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4) var(--space-2) var(--space-2);border-radius:var(--radius-pill);background:var(--surface);border:1px solid var(--line);box-sizing:border-box;min-width:260px;display:flex}.hz-player-compact{min-width:0;min-height:var(--hit-min);gap:var(--space-2);padding:var(--space-1) var(--space-3) var(--space-1) var(--space-2)}.hz-player-compact .hz-player-score{font-size:18px;line-height:20px}.hz-player-active{background:var(--surface-raised);border-color:var(--line-strong)}.hz-player-speaking{box-shadow:0 0 0 2px var(--brook)}.hz-player-name{font:700 16px/24px var(--font-body);flex:1}.hz-player-name-ruby{color:var(--ruby-ink)}.hz-player-name-topaz{color:var(--topaz-ink)}.hz-player-name-sapphire{color:var(--sapphire-ink)}.hz-player-name-emerald{color:var(--emerald-ink)}.hz-player-tag{font:700 12px/16px var(--font-body);letter-spacing:.18em;text-transform:uppercase;color:var(--brook)}.hz-player-score{font:800 22px/24px var(--font-display);color:var(--ink);font-variant-numeric:tabular-nums}.hz-player-sets{font:400 13px/18px var(--font-body);color:var(--ink-muted)}.hz-effect{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);background:var(--surface-raised);border:1px solid var(--line);font:500 14px/20px var(--font-body);color:var(--ink);display:inline-flex}.hz-effect-dot{background:var(--lavender);border-radius:50%;width:8px;height:8px}.hz-effect-ember .hz-effect-dot{background:var(--ember)}.hz-effect-firefly .hz-effect-dot{background:var(--firefly)}.hz-effect-jade .hz-effect-dot{background:var(--jade)}.hz-effect-turns{font-variant-numeric:tabular-nums;color:var(--ink-muted)}.hz-ticker{align-items:baseline;gap:var(--space-3);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);background:var(--surface);font:400 13px/18px var(--font-body);color:var(--ink-muted);max-width:420px;display:flex}.hz-ticker strong{color:var(--ink);font-weight:700}.hz-ticker-big{font:800 20px/24px var(--font-display);color:var(--firefly)}@media (prefers-reduced-motion:reduce){.hz-btn,.hz-compass-needle{transition:none}}.cm-compass-roll{font-variant-numeric:tabular-nums;height:48px;display:inline-grid;overflow:hidden}.cm-compass-roll>span{grid-area:1/1;display:inline-block}.cm-sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.cm-compass-spin .hz-compass-needle{opacity:0}.cm-compass-spin-arrow{fill:none;width:88%;height:88%;stroke:var(--ember);stroke-width:6px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;position:absolute;inset:6%}.cm-compass-fog{overflow:hidden}.cm-compass-fog:after{content:"";background:radial-gradient(ellipse 60% 35% at 30% 40%, color-mix(in srgb, var(--lavender) 45%, transparent), transparent 70%), radial-gradient(ellipse 55% 30% at 70% 65%, color-mix(in srgb, var(--lavender) 35%, transparent), transparent 70%);pointer-events:none;border-radius:50%;animation:6s ease-in-out infinite alternate cm-fog-drift;position:absolute;inset:0}@keyframes cm-fog-drift{0%{transform:translate(-6%)}to{transform:translate(6%)}}@media (prefers-reduced-motion:reduce){.cm-compass-fog:after{animation:none}}