:root{--color-ui-bg: #181818;--color-panel-bg: #2d2d2d;--color-panel-muted-bg: #232323;--color-card-bg: #f4f1ea;--color-card-border: #d6d2c8;--color-text-primary: #1a1a1a;--color-text-secondary: #4a4a4a;--color-text-muted: #7a7a7a;--color-disabled: #b0b0b0;--color-accent-primary: #6f8f72;--color-accent-warning: #d6a24a;--color-accent-active-player: #5b7fa6;--color-zone-village: #f4ecdc;--color-zone-estate: #dfe6dd;--color-zone-kingdom: #e1e4ea;--color-zone-village-locked: #2e2a25;--color-zone-estate-locked: #2a2d2b;--color-zone-kingdom-locked: #2c2a2e;--space-4: 4px;--space-8: 8px;--space-12: 12px;--space-16: 16px;--space-24: 24px;--space-32: 32px;--radius-small: 6px;--radius-medium: 10px;--radius-large: 14px;--shadow-panel: 0 8px 24px rgba(0, 0, 0, .35);--shadow-card: 0 4px 12px rgba(0, 0, 0, .25);--shadow-hover: 0 6px 16px rgba(0, 0, 0, .35);--text-on-dark-primary: #ffffff;--text-on-dark-secondary: #b0b0b0;--text-on-light-primary: #1a1a1a;--text-on-light-secondary: #4a4a4a}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--color-text-primary);background-color:var(--color-ui-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.card{position:relative;width:190px;aspect-ratio:300 / 420;font-family:Georgia,Times New Roman,serif}.card__frame{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none;z-index:0}.card__content{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;z-index:1}.card__header{position:absolute;top:3%;left:8%;right:8%;height:8%;display:flex;align-items:center;justify-content:center}.card__title{margin:0;font-size:clamp(5px,4cqw,12px);font-weight:600;color:#f5efe6;text-transform:uppercase;letter-spacing:.08em;text-align:center;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.card__illustration-slot{position:absolute;top:14.4%;left:6.5%;right:6.5%;height:39.2%;overflow:hidden;border-radius:4px}.card__illustration{display:block;width:100%;height:100%;object-fit:cover;object-position:center 45%}.card__illustration-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.card__icon{font-size:clamp(24px,20cqw,64px)}.card__type-tag{position:absolute;top:56%;left:50%;transform:translate(-50%);width:55%;height:5%;display:flex;align-items:center;justify-content:center}.card__type-text{font-size:clamp(4px,3cqw,9px);font-weight:500;color:#5a5347;text-transform:uppercase;letter-spacing:.12em;text-align:center}.card__rules-area{position:absolute;top:64%;left:8%;right:8%;height:23%;display:flex;flex-direction:column;justify-content:flex-start;padding:2%;overflow:hidden}.card__rules-text{margin:0 0 4px;font-size:clamp(5px,3.5cqw,10px);line-height:1.2;color:#2a2520;text-align:center}.card__rules-text strong,.card__rules-text b{color:#8b4513}.card__flavor-text{margin:0;font-size:clamp(4px,3cqw,8px);font-style:italic;color:#6b6560;text-align:center;line-height:1.15}.card__cost-badge{position:absolute;bottom:4%;left:50%;transform:translate(-50%);width:10%;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.card__cost-value{font-size:clamp(8px,6cqw,18px);font-weight:700;color:#2a2520;text-shadow:0 1px 1px rgba(255,255,255,.3)}.card:hover{transform:translateY(-2px);transition:transform .2s ease}.image-card{position:relative;width:190px;aspect-ratio:300 / 420}.image-card__img{width:100%;height:100%;object-fit:contain;border-radius:4px}.image-card:hover{transform:translateY(-2px);transition:transform .2s ease}.kingdom-card{position:relative;width:190px;aspect-ratio:300 / 420;font-family:Georgia,Times New Roman,serif}.kingdom-card__frame{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none;z-index:0}.kingdom-card__content{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;z-index:1}.kingdom-card__header{position:absolute;top:3%;left:8%;right:8%;height:8%;display:flex;align-items:center;justify-content:center}.kingdom-card__title{margin:0;font-size:clamp(3px,2.5cqw,8px);font-weight:600;color:#f5efe6;text-transform:uppercase;letter-spacing:.08em;text-align:center;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.kingdom-card__illustration-slot{position:absolute;top:14.4%;left:6.5%;right:6.5%;height:39.2%;overflow:hidden;border-radius:4px}.kingdom-card__illustration{display:block;width:100%;height:100%;object-fit:cover;object-position:center 45%}.kingdom-card__illustration-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.kingdom-card__icon{font-size:clamp(12px,10cqw,32px)}.kingdom-card__type-tag{position:absolute;top:56%;left:50%;transform:translate(-50%);width:55%;height:5%;display:flex;align-items:center;justify-content:center}.kingdom-card__type-text{font-size:clamp(3px,2cqw,6px);font-weight:500;color:#5a5347;text-transform:uppercase;letter-spacing:.12em;text-align:center}.kingdom-card__rules-area{position:absolute;top:64%;left:8%;right:8%;height:23%;display:flex;flex-direction:column;justify-content:flex-start;padding:2%;overflow:hidden}.kingdom-card__rules-text{margin:0 0 4px;font-size:clamp(4px,2.5cqw,7px);line-height:1.2;color:#2a2520;text-align:center}.kingdom-card__rules-text strong,.kingdom-card__rules-text b{color:#8b4513}.kingdom-card__flavor-text{margin:0;font-size:clamp(3px,2cqw,6px);font-style:italic;color:#6b6560;text-align:center;line-height:1.15}.kingdom-card:hover{transform:translateY(-2px);transition:transform .2s ease}