:root{color:#f3ead8;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#101614;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}#root{min-height:100svh}.landing,.game-shell{color:#f3ead8;background:radial-gradient(circle at 25% 18%,#d9b76f3d,#0000 26%),radial-gradient(circle at 80% 8%,#77b9c82e,#0000 24%),linear-gradient(135deg,#101614f0,#1d181ffa),url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E");min-height:100svh}.landing{place-items:center;padding:24px;display:grid}.start-panel{background:#0f1110b8;border:1px solid #d9b76f57;border-radius:8px;width:min(760px,100%);padding:42px;box-shadow:0 24px 80px #0000006b}.sigil{color:#20180d;background:linear-gradient(135deg,#f4d98f,#9f7135);border-radius:50%;place-items:center;width:56px;height:56px;margin-bottom:20px;display:grid}.eyebrow{color:#d7bd7f;letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:800}.landing h1,.topbar h1{letter-spacing:0;color:#fff3d6;margin:8px 0 12px;font-family:Cinzel,Georgia,serif;font-size:clamp(38px,6vw,74px);line-height:.95}.intro{color:#cfc3ad;max-width:58ch;font-size:18px}.name-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin:30px 0;display:grid}label{color:#bca978;text-transform:uppercase;gap:8px;font-size:13px;font-weight:800;display:grid}input,select{color:#fff6df;background:#ffffff14;border:1px solid #d9b76f4d;border-radius:6px;outline:none;min-height:42px;padding:0 12px}button,select,input{font:inherit}button{border:0}button:disabled{cursor:not-allowed;opacity:.5}.primary,.icon-button,.wide,.segmented button,.trade button{color:#1e160d;cursor:pointer;background:linear-gradient(135deg,#f1d58b,#b7813d);border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:42px;transition:transform .15s,filter .15s;display:inline-flex}.primary:hover,.icon-button:hover,.wide:hover,.segmented button:hover,.trade button:hover{filter:brightness(1.07);transform:translateY(-1px)}.game-shell{padding:18px}.topbar{background:#070b0aad;border:1px solid #d9b76f38;border-radius:8px;justify-content:space-between;align-items:center;gap:18px;min-height:92px;padding:18px 20px;display:flex}.topbar h1{font-size:clamp(30px,4vw,52px)}.turn-actions{gap:10px;display:flex}.layout{grid-template-columns:minmax(210px,.72fr) minmax(520px,1.9fr) minmax(270px,.9fr);align-items:stretch;gap:16px;margin-top:16px;display:grid}.panel{background:#090d0dbd;border:1px solid #d9b76f38;border-radius:8px;padding:16px;box-shadow:inset 0 1px #ffffff0d}.panel h2{color:#fff0ca;letter-spacing:0;margin:0 0 12px;font-family:Georgia,serif;font-size:20px}.player-row{border-bottom:1px solid #ffffff14;grid-template-columns:10px 1fr auto;align-items:center;gap:10px;padding:10px 0;display:grid}.banner{background:var(--player);border-radius:4px;width:10px;height:38px}.player-row strong,.player-row small{display:block}.player-row small{color:#b8aa92}.winner{color:#1d160c;background:#e9c86f;border-radius:6px;margin-top:14px;padding:12px;font-weight:800}.board-wrap{background:linear-gradient(#0f131299,#0f131299),repeating-linear-gradient(30deg,#ffffff08 0 1px,#0000 1px 16px),#121817;border:1px solid #d9b76f38;border-radius:8px;min-height:670px;position:relative;overflow:hidden}.board{position:absolute;inset:22px}.hex{aspect-ratio:1.08;color:#fff7e4;text-align:center;background:var(--terrain);clip-path:polygon(25% 4%,75% 4%,100% 50%,75% 96%,25% 96%,0 50%);cursor:pointer;place-items:center;width:clamp(82px,8.4vw,126px);padding:12px 10px 10px;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 18px 28px #00000057}.hex:after{content:"";clip-path:inherit;border:3px solid var(--owner);background:linear-gradient(145deg,#ffffff2e,#00000029);position:absolute;inset:7px}.hex-texture{opacity:.28;background:radial-gradient(circle at 34% 20%,#ffffff7a,#0000 12%),radial-gradient(circle at 72% 72%,#00000047,#0000 22%);position:absolute;inset:0}.token{z-index:1;color:#1f170e;background:#f3dfb2;border-radius:50%;place-items:center;min-width:28px;min-height:28px;font-weight:900;display:grid}.terrain{z-index:1;color:#fffbe9;text-shadow:0 1px 5px #00000073;max-width:76px;font-size:10px;font-weight:900;line-height:1.05}.settlement{z-index:2;color:#19120a;background:var(--owner);border-radius:50%;place-items:center;width:32px;height:32px;display:grid;box-shadow:0 0 0 2px #0003}.controls{align-content:start;gap:14px;display:grid}.segmented{grid-template-columns:1fr 1fr;gap:8px;display:grid}.segmented button{color:#eee1bf;background:#ffffff14;border:1px solid #d9b76f33}.segmented .active{color:#1e160d;background:linear-gradient(135deg,#f1d58b,#b7813d)}.wide{width:100%}.resource-list{gap:8px;display:grid}.resource-list div{color:#e9ddc7;background:#ffffff12;border-radius:6px;justify-content:space-between;align-items:center;min-height:34px;padding:0 10px;display:flex}.resource-list span{align-items:center;gap:8px;display:inline-flex}.trade{grid-template-columns:1fr 1fr auto;gap:8px;display:grid}.log{color:#cbbd9f;gap:8px;margin:0;padding-left:18px;font-size:13px;display:grid}@media (width<=1120px){.layout{grid-template-columns:1fr}.board-wrap{order:-1;min-height:620px}.roster{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.roster h2,.winner{grid-column:1/-1}}@media (width<=720px){.game-shell{padding:10px}.start-panel{padding:24px}.name-grid,.roster{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:stretch}.turn-actions{grid-template-columns:1fr 1fr;display:grid}.board-wrap{min-height:520px}.hex{width:clamp(68px,18vw,88px)}.terrain{max-width:58px;font-size:9px}}