@font-face{font-family:Cinzel;font-style:normal;font-weight:700;font-display:swap;src:url(fonts/cinzel-700-latin.701ae2cc2844d9c5.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cinzel;font-style:normal;font-weight:700;font-display:swap;src:url(fonts/cinzel-700-latin-ext.ba2b43436cc51966.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--space-1:clamp(4px, 1vmin, 10px);--space-2:clamp(8px, 2vmin, 18px);--space-3:clamp(12px, 3vmin, 26px);--space-4:clamp(18px, 4.5vmin, 40px);--space-5:clamp(24px, 6vmin, 60px);--font-xs:clamp(11px, 1.9vmin, 15px);--font-sm:clamp(13px, 2.4vmin, 19px);--font-md:clamp(16px, 3.2vmin, 26px);--font-lg:clamp(22px, 5.2vmin, 44px);--font-xl:clamp(30px, 9vmin, 84px);--radius:clamp(10px, 2.4vmin, 22px);--radius-sm:clamp(6px, 1.4vmin, 12px);--tap-min:max(44px, 9vmin);--ring:clamp(2px, .6vmin, 5px);--answer-ring:clamp(3px, .9vmin, 6px);--answer-edge:max(1px, .2vmin);--font-display:"Cinzel", "Trajan Pro", "Times New Roman", serif;--font-body:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--tracking-display:.06em;--capsule-h:clamp(44px, 9vmin, 68px);--hud-strip-h:clamp(28px, 6vmin, 46px);--players-band-h:calc(var(--safe-top) + var(--space-2) + var(--capsule-h));--hud-band-h:calc(var(--safe-bottom) + var(--space-2) + var(--hud-strip-h));--player-crimson:#d3352f;--player-crimson-dim:#7a2028;--player-crimson-border:#8f211c;--player-azure:#2f6fd0;--player-azure-dim:#1c3f80;--player-azure-border:#1a4488;--player-jade:#3a9b46;--player-jade-dim:#0d5e3a;--player-jade-border:#235e2a;--neutral:#e8d5a3;--neutral-stroke:#b39a63;--neutral-badge:#b08a4a;--territory-stroke:rgba(92,64,24,.5);--select-stroke:#f4b323;--map-bg:#ecdcb0;--map-bg-edge:#d8c088;--map-ink:rgba(92,64,24,.42);--parchment:#e9d8ac;--parchment-lit:#f6ecc9;--parchment-shade:#cdb583;--parchment-ink:#2e1c08;--parchment-ink-dim:#6b4f26;--frame-gold:#c8992c;--frame-gold-lit:#f3d885;--frame-gold-dark:#6d4a11;--metal-silver:#98a0ab;--metal-silver-lit:#dfe5ec;--metal-silver-dark:#474e59;--metal-ink:#221b10;--heraldic-red:#a3231d;--heraldic-red-lit:#d9483c;--heraldic-red-dark:#5c110e;--heraldic-green:#2c7534;--heraldic-green-lit:#4fa85a;--heraldic-green-dark:#12401a;--plate-ivory:#f4ecda;--plate-ivory-lit:#fffdf6;--plate-ivory-shade:#d9cdb0;--answer-gold:#ffee70;--answer-gold-edge:#3a2205;--answer-glow:255, 205, 96;--time-safe:#4fa85a;--time-safe-lit:#86d18f;--time-warn:#d38a1e;--time-warn-lit:#f0bb5c;--time-danger:#cf3b2f;--time-danger-lit:#f0796b;--bg-deep:#1a1c11;--bg-deep-lit:#3b3a1d;--vignette:rgba(6,8,4,.72);--bg:#14170e;--bg-2:#23261a;--surface:#2b2a1a;--surface-2:#3b3826;--surface-border:rgba(243,216,133,.16);--text:#f6ecd2;--text-dim:#c0ad86;--accent:#ffd23f;--danger:#ef4b52;--shadow:0 clamp(4px, 1.5vmin, 16px) clamp(12px, 4vmin, 40px) rgba(0,0,0,.55);--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}.parchment{background:repeating-linear-gradient(-38deg, rgba(255,255,255,.05) 0 2px, rgba(0,0,0,.04) 2px 4px), radial-gradient(120% 90% at 20% -10%, var(--parchment-lit), transparent 60%), linear-gradient(160deg, var(--parchment) 40%, var(--parchment-shade));color:var(--parchment-ink);border:clamp(2px, .5vmin, 4px) solid var(--frame-gold);border-radius:var(--radius);box-shadow:inset 0 0 0 1px rgba(255,255,255,.45), inset 0 0 clamp(6px, 1.6vmin, 14px) rgba(109,74,17,.35), 0 0 0 1px var(--frame-gold-dark), var(--shadow)}.parchment.framed{border-width:max(3px,min(.9vmin,7px));border-color:var(--frame-gold);box-shadow:inset 0 0 0 1px var(--frame-gold-lit), inset 0 0 clamp(8px, 2vmin, 18px) rgba(109,74,17,.4), 0 0 0 1px var(--frame-gold-dark), 0 0 clamp(10px, 3vmin, 26px) rgba(200,153,44,.18), var(--shadow)}.metal{--m-face:var(--metal-silver);--m-lit:var(--metal-silver-lit);--m-dark:var(--metal-silver-dark);--m-ink:var(--metal-ink);background:linear-gradient(180deg, color-mix(in srgb, var(--m-lit) 70%, var(--m-face)) 0%, var(--m-face) 46%, color-mix(in srgb, var(--m-dark) 55%, var(--m-face)) 100%);color:var(--m-ink);border:1px solid var(--m-dark);border-radius:var(--radius-sm);font-family:var(--font-display);letter-spacing:var(--tracking-display);text-shadow:0 1px rgba(255,255,255,.4),0 -1px rgba(0,0,0,.35);cursor:pointer;font-weight:700;transition:-webkit-filter .15s,filter .15s,transform 80ms;box-shadow:inset 0 1px rgba(255,255,255,.55),inset 0 -1px rgba(0,0,0,.35),0 1px 2px rgba(0,0,0,.4)}.metal:hover:not(:disabled){-webkit-filter:brightness(1.08);filter:brightness(1.08)}.metal:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 2px 4px rgba(0,0,0,.4),inset 0 -1px rgba(255,255,255,.2)}.metal:disabled{cursor:default;-webkit-filter:saturate(.55)brightness(.86);filter:saturate(.55)brightness(.86)}.metal:focus-visible{outline:2px solid var(--frame-gold-lit);outline-offset:2px}.metal.gold{--m-face:var(--frame-gold);--m-lit:var(--frame-gold-lit);--m-dark:var(--frame-gold-dark);--m-ink:#2b1c02}.metal.ivory{--m-face:var(--plate-ivory);--m-lit:var(--plate-ivory-lit);--m-dark:var(--plate-ivory-shade);--m-ink:var(--parchment-ink);border-color:var(--frame-gold-dark);text-shadow:0 1px rgba(255,255,255,.7),0 -1px rgba(109,74,17,.25)}.metal.jade{--m-face:var(--heraldic-green);--m-lit:var(--heraldic-green-lit);--m-dark:var(--heraldic-green-dark);--m-ink:#eafce9;text-shadow:0 1px rgba(0,0,0,.45)}.metal.crimson{--m-face:var(--heraldic-red);--m-lit:var(--heraldic-red-lit);--m-dark:var(--heraldic-red-dark);--m-ink:#ffeceb;text-shadow:0 1px rgba(0,0,0,.45)}.metal.seat{--m-face:var(--seat-color);--m-lit:color-mix(in srgb, var(--seat-color) 45%, #fff);--m-dark:var(--seat-border,color-mix(in srgb, var(--seat-color) 60%, #000));--m-ink:#fff;text-shadow:0 1px 2px rgba(0,0,0,.55)}.metal.seat.split{background:var(--seat-bands)}.engraved{font-family:var(--font-display);letter-spacing:var(--tracking-display);text-shadow:0 -1px rgba(0,0,0,.4),0 1px rgba(255,255,255,.28);font-weight:700}.parchment .engraved{text-shadow:0 1px rgba(255,252,235,.6),0 -1px rgba(109,74,17,.35)}.ribbon{--r-face:var(--heraldic-red);--r-lit:var(--heraldic-red-lit);--r-dark:var(--heraldic-red-dark);background:linear-gradient(180deg, color-mix(in srgb, var(--r-lit) 55%, var(--r-face)), var(--r-face) 55%, var(--r-dark));color:#fdf3e2;border:1px solid var(--r-dark);border-top-color:color-mix(in srgb, var(--r-lit) 60%, var(--r-face));border-radius:var(--radius-sm);position:relative;box-shadow:inset 0 1px rgba(255,255,255,.3),0 1px 3px rgba(0,0,0,.45)}.ribbon.mine{--r-face:var(--heraldic-green);--r-lit:var(--heraldic-green-lit);--r-dark:var(--heraldic-green-dark);border-color:var(--frame-gold);box-shadow:inset 0 0 0 1px rgba(243,216,133,.5),0 1px 3px rgba(0,0,0,.45)}.ribbon.seat{--r-face:var(--seat-color);--r-lit:color-mix(in srgb, var(--seat-color) 55%, #fff);--r-dark:var(--seat-border,color-mix(in srgb, var(--seat-color) 60%, #000))}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:repeating-linear-gradient(45deg, rgba(255,255,255,.016) 0 2px, rgba(0,0,0,.02) 2px 4px), repeating-linear-gradient(-45deg, rgba(255,255,255,.01) 0 3px, rgba(0,0,0,.02) 3px 6px), radial-gradient(115% 85% at 50% 38%, transparent 42%, var(--vignette) 100%), radial-gradient(90% 60% at 50% -10%, var(--bg-deep-lit), transparent 70%), var(--bg-deep);min-height:100dvh;color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overscroll-behavior:none;touch-action:manipulation;background-attachment:fixed;overflow-x:hidden}button{font-family:inherit}h1,h2,h3{font-family:var(--font-display);letter-spacing:var(--tracking-display);font-weight:700}#app{width:100%;overflow-x:hidden}.siege-stage-canvas{position:absolute;top:0;bottom:0;left:0;right:0}.siege-stage-canvas canvas{height:100%;width:100%;display:block}