:root{--bg: #181512;--bg-bottom: #332d26;--panel: #e8ded0;--panel-light: #f8efe5;--panel-dark: #968878;--screen: #e1d6c8;--text: #181512;--muted: #4d463b;--good: #5c705f;--bad: #8a3d3d;--warn: #9f5f38;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px)}*{box-sizing:border-box}html,body,#game-root{width:100%;height:100%;margin:0}body{overflow:hidden;background:repeating-linear-gradient(0deg,rgba(255,247,234,.035) 0,rgba(255,247,234,.035) 1px,transparent 1px,transparent 4px),linear-gradient(90deg,rgba(98,121,130,.08),transparent 38%,rgba(159,95,56,.07)),linear-gradient(180deg,#ffffff0f,#0000003d),linear-gradient(180deg,var(--bg),var(--bg-bottom));color:var(--text);font-family:Avenir Next,Inter,Trebuchet MS,Verdana,Tahoma,Arial,sans-serif}@supports (height: 100dvh){body,#game-root{height:100dvh}}canvas{display:block;image-rendering:auto;touch-action:none}.semantic-surface{position:fixed;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;z-index:1000}.semantic-surface__heading{margin:0 0 8px;font-size:1.5rem;line-height:1.2}.semantic-surface__summary{margin:0 0 12px;color:var(--muted);line-height:1.45;white-space:pre-line}.semantic-surface__details{display:grid;gap:4px;padding:8px 0;margin:0 0 12px;list-style:none;border-top:1px solid var(--panel-dark);border-bottom:1px solid var(--panel-dark)}.semantic-surface__details[hidden]{display:none}.semantic-surface__groups{display:grid;gap:12px;min-inline-size:0;padding:0;margin:0 0 12px;list-style:none}.semantic-surface__groups[hidden]{display:none}.semantic-surface__group{display:grid;gap:8px;min-inline-size:0;padding:12px;border:1px solid var(--panel-dark)}.semantic-surface__group-heading,.semantic-surface__mappings-heading,.semantic-surface__source,.semantic-surface__metadata,.semantic-surface__mapping-token,.semantic-surface__mapping-description,.semantic-surface__mapping-value{min-inline-size:0;margin:0;overflow-wrap:anywhere}.semantic-surface__group-heading{font-size:1.05rem;line-height:1.3}.semantic-surface__mappings-heading{font-size:.95rem;line-height:1.3}.semantic-surface__source{font-weight:700;line-height:1.45}.semantic-surface__metadata,.semantic-surface__mapping-description{color:var(--muted);line-height:1.4}.semantic-surface__mappings{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;min-inline-size:0;padding:0;margin:0;list-style-position:inside}.semantic-surface__mapping{display:grid;gap:4px;min-inline-size:0;padding:8px;background:var(--panel);border-left:3px solid var(--panel-dark)}.semantic-surface__mapping-token,.semantic-surface__mapping-value{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:baseline}.semantic-surface__position,.semantic-surface__mapping-value span{font-weight:700}.semantic-surface__source bdi,.semantic-surface__mapping code,.semantic-surface__mapping bdi{min-inline-size:0;max-inline-size:100%;overflow-wrap:anywhere;white-space:pre-wrap}.semantic-surface__controls,.semantic-surface__actions{display:grid;gap:8px}.semantic-surface__control{display:flex;min-width:0;min-height:44px;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px;background:var(--panel);border:1px solid var(--panel-dark)}.semantic-surface__control--button{padding:0;border:0}.semantic-surface__control-label,.semantic-surface__control-value,.semantic-surface__control label{min-width:0;overflow-wrap:anywhere}.semantic-surface__control-label,.semantic-surface__control label{font-weight:700}.semantic-surface__control-value{color:var(--muted);text-align:right}.semantic-surface__control input[role=switch]{flex:0 0 auto;width:26px;height:26px;margin:0;accent-color:var(--good);cursor:pointer}.semantic-surface__actions button,.semantic-surface__control--button button,.semantic-surface__dialog-actions button{width:100%;min-height:44px;padding:9px 12px;color:var(--text);font:inherit;font-weight:700;text-align:left;background:var(--panel);border:2px solid var(--text);border-radius:3px;cursor:pointer}.semantic-surface__actions button:disabled,.semantic-surface__control--button button:disabled,.semantic-surface__dialog-actions button:disabled,.semantic-surface__control input[role=switch]:disabled{color:var(--muted);cursor:not-allowed;opacity:.68}.semantic-surface__actions button:focus-visible,.semantic-surface__control button:focus-visible,.semantic-surface__control input[role=switch]:focus-visible,.semantic-surface__dialog-actions button:focus-visible{outline:4px solid #f6d04d;outline-offset:3px;box-shadow:0 0 0 2px var(--text)}.semantic-surface__content[inert]{pointer-events:none;opacity:.42}.semantic-surface__dialog-host[hidden]{display:none}.semantic-surface__dialog-host{margin-top:12px}.semantic-surface__dialog{display:grid;gap:12px;padding:16px;background:var(--panel-light);border:3px solid var(--text);box-shadow:4px 4px #18151270}.semantic-surface__dialog-title,.semantic-surface__dialog-message{margin:0;overflow-wrap:anywhere}.semantic-surface__dialog-title{font-size:1.25rem;line-height:1.2}.semantic-surface__dialog-message{color:var(--muted);line-height:1.45}.semantic-surface__dialog-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.semantic-surface__dialog-actions button[data-semantic-destructive=true]{color:var(--bad);border-color:var(--bad)}.semantic-surface__live{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.semantic-surface:focus-within,.semantic-surface[data-semantic-qa-visible=true]{top:calc(var(--safe-area-top) + 12px);right:auto;left:calc(var(--safe-area-left) + 12px);width:min(32rem,calc(100vw - var(--safe-area-left) - var(--safe-area-right) - 24px));height:auto;max-height:calc(100dvh - var(--safe-area-top) - var(--safe-area-bottom) - 24px);padding:16px;margin:0;overflow:auto;overflow-x:hidden;clip:auto;clip-path:none;white-space:normal;color:var(--text);background:var(--panel-light);border:3px solid var(--text);border-radius:4px;box-shadow:6px 6px #181512b8}.semantic-surface[data-semantic-qa-visible=true]{z-index:1100}@media(max-width:360px){.semantic-surface:focus-within,.semantic-surface[data-semantic-qa-visible=true]{top:calc(var(--safe-area-top) + 8px);left:calc(var(--safe-area-left) + 8px);width:calc(100vw - var(--safe-area-left) - var(--safe-area-right) - 16px);max-height:calc(100dvh - var(--safe-area-top) - var(--safe-area-bottom) - 16px);padding:12px}.semantic-surface__group{padding:10px}}