[data-game=monarchs]{--game-accent-h: 46;--game-accent-s: 70%;--game-accent-l: 50%;--royal-blue-h: 224;--royal-blue-s: 64%;--royal-blue-l: 12%;--royal-gold: hsl(var(--game-accent-h), var(--game-accent-s), var(--game-accent-l));--royal-gold-light: hsl(var(--game-accent-h), var(--game-accent-s), 65%);--royal-gold-dark: hsl(var(--game-accent-h), var(--game-accent-s), 35%);--royal-gold-glow: hsla(var(--game-accent-h), var(--game-accent-s), var(--game-accent-l), .3);--royal-blue: hsl(var(--royal-blue-h), var(--royal-blue-s), var(--royal-blue-l));--royal-blue-light: hsl(var(--royal-blue-h), var(--royal-blue-s), 20%);--royal-blue-dark: hsl(var(--royal-blue-h), var(--royal-blue-s), 6%);color-scheme:dark light;--color-surface-page: light-dark(#f4f5f8, var(--royal-blue-dark));--color-surface-raised: light-dark(#ffffff, var(--royal-blue-light));--color-surface-overlay: light-dark(#e9ebf2, var(--royal-blue));--color-text-primary: light-dark(#121829, #f1f5f9);--color-text-secondary: light-dark(#4a5568, #94a3b8);--color-text-tertiary: light-dark(#718096, #475569);--color-border-subtle: light-dark(rgba(0, 0, 0, .08), rgba(255, 255, 255, .07));--color-border-default: light-dark(rgba(0, 0, 0, .15), rgba(255, 255, 255, .15));--font-body: "Inter", system-ui, sans-serif;--game-accent: var(--royal-gold);--game-accent-hover: var(--royal-gold-light);--game-accent-muted: var(--royal-gold-dark);--game-accent-glow: var(--royal-gold-glow)}.monarchs-main{flex:1;display:flex;flex-direction:column;align-items:center;padding:calc(var(--space-16) + var(--space-4)) var(--space-4) var(--space-6);gap:var(--space-5);width:100%;box-sizing:border-box}.monarchs-scores{display:flex;gap:var(--space-6);justify-content:center;align-items:center}.monarchs-scores strong{font-family:var(--font-body);font-size:var(--text-sm);font-weight:700;color:var(--color-text-secondary)}.monarchs-scores strong[data-accent]{color:var(--royal-gold-light)}.monarchs-intro{width:100%;max-width:500px;padding:var(--space-8);display:flex;flex-direction:column;align-items:center;gap:var(--space-5);text-align:center}.monarchs-intro h1{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:700;letter-spacing:-.01em;color:var(--royal-gold)}.monarchs-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);min-height:60dvh}.monarchs-loading p{color:var(--color-text-secondary);font-size:var(--text-sm)}.monarchs-question-container{width:100%;max-width:680px;display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.monarchs-question-card{width:100%;padding:var(--space-6);border-radius:var(--radius-2xl);border:1px solid var(--color-border-default);background:var(--color-surface-raised);box-shadow:0 8px 32px #0003;display:flex;flex-direction:column;align-items:center;gap:var(--space-4);text-align:center;position:relative}.monarchs-prompt{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;line-height:1.4;color:var(--color-text-primary);max-width:45ch}.monarchs-portrait-frame{position:relative;width:140px;height:175px;border-radius:var(--radius-lg);border:4px solid var(--royal-gold);box-shadow:0 10px 25px #0006,inset 0 0 15px #00000080;overflow:hidden;background:#000;margin-top:var(--space-2)}.monarchs-portrait-frame img{width:100%;height:100%;object-fit:cover;display:block}.monarchs-portrait-reflection{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ffffff26,#fff0 50%);pointer-events:none}.monarchs-choices{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);width:100%;max-width:680px;margin-top:var(--space-2)}.monarchs-choice-btn{background:var(--color-surface-raised);border:1px solid var(--color-border-default);color:var(--color-text-primary);padding:var(--space-4) var(--space-5);border-radius:var(--radius-xl);font-family:var(--font-body);font-size:var(--text-base);font-weight:600;text-align:center;cursor:pointer;transition:all var(--duration-normal) var(--ease-out);box-shadow:0 4px 10px #0000001a;display:flex;justify-content:center;align-items:center}.monarchs-choice-btn:hover:not(:disabled){transform:translateY(-2px);border-color:var(--royal-gold);box-shadow:0 8px 20px var(--royal-gold-glow);background:var(--color-surface-overlay)}.monarchs-choice-btn:active:not(:disabled){transform:translateY(0)}.monarchs-choice-btn:disabled{cursor:default}.monarchs-choice-btn[data-state=correct]{background:var(--color-status-success)!important;border-color:var(--color-status-success)!important;color:#fff!important;box-shadow:0 0 15px #10b98166}.monarchs-choice-btn[data-state=wrong]{background:var(--color-status-error)!important;border-color:var(--color-status-error)!important;color:#fff!important;box-shadow:0 0 15px #ef444466}.monarchs-choice-btn[data-state=dimmed]{opacity:.35}.monarchs-tree-wrapper{width:100%;max-width:600px;aspect-ratio:3/2;border-radius:var(--radius-xl);border:1px solid var(--color-border-subtle);background:light-dark(rgba(240,242,247,.5),rgba(10,14,25,.4));padding:var(--space-2);display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:inset 0 0 20px #0000004d;margin:var(--space-2) 0}.royal-tree-svg{width:100%;height:100%;display:block}.tree-node{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:var(--space-2);border-radius:var(--radius-md);border:1.5px solid var(--color-border-default);background:light-dark(rgba(255,255,255,.85),rgba(24,30,48,.75));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 4px 10px #0003;box-sizing:border-box;text-align:center}.tree-node__house{font-size:8px;letter-spacing:.08em;font-weight:800;text-transform:uppercase;color:var(--royal-gold-light);line-height:1.1}.tree-node__name{font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;margin:1px 0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%;color:var(--color-text-primary);line-height:1.2}.tree-node__reign{font-size:9px;color:var(--color-text-secondary);line-height:1.1}.tree-node--missing{border:2px dashed var(--royal-gold);background:#d4af371a!important;box-shadow:0 0 16px #d4af3740;animation:gold-pulse 2.5s ease-in-out infinite}.tree-node__question-mark{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:900;color:var(--royal-gold);text-shadow:0 0 8px rgba(212,175,55,.6);line-height:1}@keyframes gold-pulse{0%,to{box-shadow:0 0 12px #d4af3733;border-color:#d4af3780}50%{box-shadow:0 0 24px #d4af3780;border-color:var(--royal-gold)}}@media (prefers-reduced-motion: reduce){.tree-node--missing{animation:none;border:2px solid var(--royal-gold)}.monarchs-choice-btn{transition:none;animation:none}}@media (max-width: 500px){.monarchs-main{padding:calc(var(--space-12) + var(--space-4)) var(--space-3) var(--space-4);gap:var(--space-3)}.monarchs-question-card{padding:var(--space-4)}.monarchs-prompt{font-size:var(--text-base)}.monarchs-portrait-frame{width:110px;height:138px}.monarchs-choices{grid-template-columns:1fr;gap:var(--space-2)}.monarchs-choice-btn{padding:var(--space-3) var(--space-4);font-size:var(--text-sm)}}@media (max-height: 500px) and (orientation: landscape){.monarchs-main{padding:calc(var(--space-8) + var(--space-2)) var(--space-4) var(--space-2);display:grid;grid-template-columns:1fr 1.2fr;gap:var(--space-4)}.monarchs-question-container{max-width:none}.monarchs-question-card{padding:var(--space-4)}.monarchs-portrait-frame{width:90px;height:112px}.monarchs-choices{grid-template-columns:1fr;max-height:70dvh;overflow-y:auto;margin:0}}