:root{--stone-900: #1a1614;--stone-800: #241e1a;--stone-700: #322a24;--mortar: #4a3e35;--parchment: #e8dcc4;--bone: #b6ab97;--gold: #d8a24a;--arcane: #6fa7c7;--blood: #b14034;--verdant: #7e9b5b;--r-card: 12px;--r-btn: 10px;--r-chip: 999px;--font-display: "Fraunces", Georgia, serif;--font-wordmark: "Cinzel", serif;--font-body: "Asap", system-ui, sans-serif;--font-data: "Spline Sans Mono", ui-monospace, monospace;--shadow-carved: inset 0 2px 6px rgba(0, 0, 0, .55), inset 0 -1px 0 rgba(255, 255, 255, .04);--shadow-raised: 0 6px 18px rgba(0, 0, 0, .45)}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%;overflow:hidden}body{font-family:var(--font-body);background:var(--stone-900);color:var(--parchment);-webkit-font-smoothing:antialiased}canvas{display:block}.font-data{font-family:var(--font-data);font-variant-numeric:tabular-nums}.df-btn{font-family:var(--font-body);font-weight:700;font-size:15px;letter-spacing:.02em;color:var(--parchment);background:linear-gradient(180deg,var(--stone-700),var(--stone-800));border:2px solid var(--mortar);border-radius:var(--r-btn);padding:12px 22px;cursor:pointer;transition:transform .08s ease,filter .15s ease,box-shadow .15s ease;box-shadow:var(--shadow-raised)}.df-btn:hover{filter:brightness(1.12)}.df-btn:active{transform:translateY(2px);box-shadow:var(--shadow-carved)}.df-btn--primary{border-color:var(--gold);color:#fff4dd;background:linear-gradient(180deg,#4a3a22,#2c2114)}.df-panel{background:linear-gradient(180deg,var(--stone-700),var(--stone-800));border:2px solid var(--mortar);border-radius:var(--r-card);box-shadow:var(--shadow-carved),var(--shadow-raised)}