@font-face{font-family:Galmuri11;src:url(/fonts/Galmuri11.woff2)format("woff2");font-display:swap}@font-face{font-family:Galmuri9;src:url(/fonts/Galmuri9.woff2)format("woff2");font-display:swap}@font-face{font-family:Galmuri7;src:url(/fonts/Galmuri7.woff2)format("woff2");font-display:swap}:root{--text-scale:1;--color-semantic-background-app:#17131a;--color-semantic-text-primary:#f6e6c5;--color-semantic-text-secondary:#c7b08b;--color-semantic-text-accent:#f9c22b;--color-semantic-surface-panel:#2e222ff0;--color-semantic-border-default:#625565;--color-semantic-border-focus:#f9c22b}*{box-sizing:border-box}html,body{background:var(--color-semantic-background-app);height:100%;color:var(--color-semantic-text-primary);font-family:Galmuri11,Neo둥근모,monospace;font-size:calc(15px * var(--text-scale));image-rendering:pixelated;margin:0}#game-root canvas{image-rendering:pixelated;display:block}.dom-layer{pointer-events:none;position:fixed;inset:0;overflow-y:auto}.dom-layer>.screen{pointer-events:auto}.dom-layer[data-surface=canvas]{width:min(360px,100vw);max-height:100vh;inset:auto 0 0 auto}.screen{background:var(--color-semantic-surface-panel);border:2px solid var(--color-semantic-border-default);flex-direction:column;gap:16px;max-width:960px;margin:0 auto;padding:24px 20px 48px;display:flex}.screen-eyebrow{color:var(--color-semantic-text-accent);letter-spacing:.08em;margin:0;font-size:.8em}.screen-headline{margin:4px 0 0;font-size:1.6em}.screen-support,.screen-question{color:var(--color-semantic-text-secondary);margin:0;line-height:1.6}.screen-body{flex-direction:column;gap:12px;display:flex}.card{border:1px solid var(--color-semantic-border-default);padding:12px 14px}.card-title{color:var(--color-semantic-text-accent);margin:0 0 6px;font-size:.9em}.card-value{margin:0;line-height:1.5}.card-list{margin:0;padding-left:18px;line-height:1.7}.data-list{border:1px dashed var(--color-semantic-border-default);grid-template-columns:max-content 1fr;gap:4px 16px;margin:0;padding:12px 14px;display:grid}.data-key{color:var(--color-semantic-text-secondary)}.data-value{margin:0}.button{border:2px solid var(--color-semantic-border-default);min-height:44px;color:inherit;font:inherit;cursor:pointer;background:0 0;padding:10px 16px}.button-primary{border-color:var(--color-semantic-text-accent);color:var(--color-semantic-text-accent)}.button:focus-visible,.slot:focus-visible,.faction-card:focus-visible,.input:focus-visible{outline:3px solid var(--color-semantic-border-focus);outline-offset:2px}.field{flex-direction:column;gap:6px;display:flex}.field-label{color:var(--color-semantic-text-secondary);font-size:.85em}.input{border:2px solid var(--color-semantic-border-default);color:inherit;font:inherit;background:#241c27;padding:10px 12px}.trait-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;display:grid}.trait-cell{border:1px solid var(--color-semantic-border-default);justify-content:space-between;padding:8px 10px;display:flex}.trait-name{color:var(--color-semantic-text-secondary)}.slot-grid,.faction-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;display:grid}.slot,.faction-card{border:2px solid var(--color-semantic-border-default);min-height:56px;color:inherit;font:inherit;cursor:pointer;background:0 0;flex-direction:column;align-items:flex-start;gap:4px;padding:10px;display:flex}.faction-card{border-left:6px solid var(--faction-color,currentColor)}.faction-card[aria-pressed=true]{border-color:var(--color-semantic-text-accent)}.faction-shape{color:var(--color-semantic-text-secondary);font-size:.8em}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:root[data-reduce-motion=true] *{transition-duration:.001ms!important;animation-duration:.001ms!important}:root[data-high-contrast=true] .screen{background:#000;border-color:#fff}:root[data-high-contrast=true]{--color-semantic-text-secondary:#fff}@media (max-width:767px){.screen{padding:16px 12px 32px}.dom-layer[data-surface=canvas]{width:100vw;max-height:55vh}.button{min-height:48px}}@media (min-width:1440px){.screen{max-width:1120px}}