@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Newsreader:opsz,wght@6..72,500;6..72,600&display=swap";body .board-wrap{position:relative;max-width:760px;aspect-ratio:1;overflow:hidden;border:1px solid #285156;border-radius:30px;background:radial-gradient(circle at 50% 47%,#126f84 0 54%,#0c4e5d 55% 66%,transparent 67%),linear-gradient(145deg,#142c31,#07181c 58%,#040d10);box-shadow:0 8px #061417,0 22px 34px #16352f38,inset 0 1px #ffffff18,inset 0 -18px 35px #0007;filter:none}body .board-wrap:before{content:"";position:absolute;top:5.5%;right:5.5%;bottom:5.5%;left:5.5%;z-index:0;border-radius:50%;background:repeating-radial-gradient(circle at 48% 42%,transparent 0 18px,#d5f7ff0a 19px 20px),radial-gradient(circle at 42% 34%,#45bfd2,#16869f 46%,#0b5a6f 75%,#073a49);box-shadow:inset 0 0 38px #bceeff28,inset 0 -25px 45px #032f3d99,0 0 0 2px #67c7d83d}body .board-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:250;pointer-events:none;border-radius:inherit;background:linear-gradient(135deg,#ffffff12 0%,transparent 25%,transparent 76%,#00000035 100%);box-shadow:inset 0 0 0 7px #ffffff08}.board-wrap .board{position:absolute;width:88%;height:auto;aspect-ratio:.908;left:50%;top:50%;z-index:2;transform:translate(-50%,-50%)}.board .sea-hex,.board .hex{position:absolute;width:17.8%;aspect-ratio:1.1547;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}.board .sea-hex{display:grid;place-items:center;background:linear-gradient(145deg,#ffffff32 0%,transparent 36%),radial-gradient(circle at 38% 34%,#59c8df,#208eac,#0a5674);filter:drop-shadow(0 4px 0 #073b53) drop-shadow(0 7px 5px #001d2a66)}.board .sea-hex:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;clip-path:inherit;background:repeating-radial-gradient(ellipse at 30% 45%,transparent 0 10px,#d8f8ff22 11px 12px),linear-gradient(155deg,#ffffff19,transparent 42%);box-shadow:inset 0 0 0 2px #9de8f64a,inset 0 -9px 15px #06415b66}.board .sea-hex span{position:relative;z-index:1;color:#d9f8ff4a;font-family:Georgia,serif;font-size:clamp(18px,3vw,34px);transform:rotate(-8deg)}.board .hex{--rim-light: #d5a65b;--rim-mid: #9b6934;--rim-dark: #5a351d;display:flex;align-items:center;justify-content:center;overflow:visible;border-radius:0;background:linear-gradient(145deg,var(--rim-light) 0%,var(--rim-mid) 55%,var(--rim-dark) 100%);filter:drop-shadow(0 5px 0 var(--rim-dark)) drop-shadow(0 9px 7px #001b1f66);transition:transform .16s ease,filter .16s ease}.board .hex:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;z-index:0;clip-path:inherit;background:var(--terrain-fill);box-shadow:inset 0 2px 3px #ffffff52,inset 0 -10px 16px #00000035}.board .hex:after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;z-index:1;clip-path:inherit;background:linear-gradient(145deg,#ffffff24 0%,transparent 34%,transparent 67%,#00000030 100%);box-shadow:inset 0 0 0 2px #ffffff2e;pointer-events:none}.board .hex:hover{z-index:500!important;transform:translateY(-4px) scale(1.018);filter:drop-shadow(0 7px 0 var(--rim-dark)) drop-shadow(0 13px 10px #001b1f80)}.board .hex.forest{--terrain-fill: radial-gradient(circle at 25% 30%, #8ab96a 0 7%, transparent 8%), radial-gradient(circle at 62% 27%, #6da354 0 8%, transparent 9%), radial-gradient(circle at 45% 58%, #87b665 0 9%, transparent 10%), radial-gradient(circle at 76% 66%, #4d8b45 0 8%, transparent 9%), linear-gradient(145deg, #5c9750 0%, #2f7147 56%, #1c4b36 100%)}.board .hex.pasture{--terrain-fill: radial-gradient(ellipse at 24% 28%, #d7e99c55 0 7%, transparent 8%), radial-gradient(ellipse at 68% 62%, #e8f3b54a 0 9%, transparent 10%), radial-gradient(circle at 48% 44%, #ffffff4a 0 2%, transparent 3%), linear-gradient(145deg, #a9c66e 0%, #74a25a 58%, #4e7f48 100%)}.board .hex.fields{--terrain-fill: repeating-linear-gradient(76deg, #fff1a229 0 2px, transparent 2px 7px), repeating-linear-gradient(104deg, transparent 0 8px, #8c681e22 9px 10px), linear-gradient(145deg, #e7ca58 0%, #c89c32 62%, #8b6624 100%)}.board .hex.hills{--terrain-fill: radial-gradient(ellipse at 25% 36%, #d38a5d 0 14%, transparent 15%), radial-gradient(ellipse at 64% 58%, #8f493b 0 18%, transparent 19%), repeating-linear-gradient(18deg, #efb07618 0 2px, transparent 2px 8px), linear-gradient(145deg, #bd6b4d 0%, #8d493c 64%, #60332f 100%)}.board .hex.mountains{--terrain-fill: linear-gradient(135deg, transparent 0 34%, #d5ddd8 35% 41%, #697674 42% 58%, transparent 59%), linear-gradient(45deg, transparent 0 34%, #aab7b3 35% 45%, #4d5c5b 46% 62%, transparent 63%), linear-gradient(145deg, #8f9b97 0%, #667473 58%, #414f50 100%)}.board .hex.desert{--terrain-fill: repeating-radial-gradient(ellipse at 70% 70%, transparent 0 12px, #fff1bf24 13px 14px), radial-gradient(ellipse at 34% 35%, #ead39b 0%, #c9a96f 65%, #987744 100%)}.board .hex .terrain-icon{position:absolute;top:12%;z-index:2;color:#fff8d638;font-family:Georgia,serif;font-size:clamp(22px,4.8vw,52px);line-height:1;text-shadow:0 2px 2px #0004;transform:scaleX(1.15);pointer-events:none}.board .hex b{position:relative;z-index:3;width:clamp(27px,34%,43px);height:auto;aspect-ratio:1;display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px solid #d1be8f;border-radius:50%;background:radial-gradient(circle at 34% 27%,#fffdf5,#f3e8ca 48%,#d1be91);box-shadow:0 4px #927d55,0 7px 8px #0007,inset 0 1px 1px #fff;color:#303832;font-family:Georgia,serif;font-size:clamp(11px,1.65vw,17px);line-height:1}.board .hex b.hot{color:#b2352d}.board .hex b small{margin-top:2px;color:currentColor;font-family:Arial,sans-serif;font-size:clamp(4px,.55vw,6px);line-height:1;letter-spacing:-.5px}@media(max-width:680px){body .board-wrap{border-radius:20px}.board .hex:before,.board .hex:after,.board .sea-hex:before{top:3px;right:3px;bottom:3px;left:3px}.board .hex{filter:drop-shadow(0 3px 0 var(--rim-dark)) drop-shadow(0 6px 4px #001b1f66)}}@media(prefers-reduced-motion:reduce){.board .hex{transition:none}}.table-area .board-stage{width:min(100%,780px);margin:0 auto;display:grid;justify-items:center}.table-area .board-stage .board-wrap{width:100%;margin:18px auto 0}.table-area .board-controls{position:relative;z-index:300;width:min(88%,680px);margin:16px auto 4px;padding:12px;display:grid;grid-template-columns:minmax(0,1fr) minmax(145px,175px);gap:12px;align-items:stretch;border:1px solid #b98a37;border-radius:18px;background:linear-gradient(145deg,#183d3a,#102d2b 55%,#0b2422);box-shadow:0 8px #081c1a,0 14px 25px #102a2638,inset 0 1px #ffffff18}.board-controls .dice-panel{min-width:0;padding:4px 6px;display:flex;align-items:center;justify-content:center;gap:16px;border:0;border-radius:0;background:transparent;box-shadow:none}.board-controls .dice-pair{flex:none;display:flex;gap:10px;margin:0}.board-controls .dice-pair .die{--die-face: #d65d4f;--die-edge: #85352d;width:54px;aspect-ratio:1;padding:7px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);place-items:center;border:1px solid #ffffff5c;border-radius:12px;background:linear-gradient(145deg,#ffffff50 0%,transparent 35%),var(--die-face);box-shadow:0 6px 0 var(--die-edge),0 10px 12px #0006,inset 0 1px 1px #fff8;color:transparent;font-size:0;line-height:0;filter:none;transform:translateY(-3px)}.board-controls .dice-pair .die-gold{--die-face: #d5a72d;--die-edge: #856215}.board-controls .die i{width:7px;aspect-ratio:1;border-radius:50%;background:#fff8e8;box-shadow:inset 0 1px 1px #0005,0 1px #fff5;opacity:0}.board-controls .die i.on{opacity:1}.board-controls .roll{min-width:112px;min-height:50px;flex:1}.board-controls .board-end-turn{min-width:0;min-height:100%;margin:0;display:flex;align-items:center;justify-content:center;gap:18px;border-color:#d7c59d;background:#fbf7ed;box-shadow:0 4px #a89b7f}@media(max-width:680px){.table-area .board-stage .board-wrap{width:100%;margin-left:0}.table-area .board-controls{width:min(96%,520px);grid-template-columns:1fr}.board-controls .dice-panel{gap:10px}.board-controls .dice-pair .die{width:47px}.board-controls .board-end-turn{min-height:48px}}@media(max-width:390px){.board-controls .dice-panel{flex-wrap:wrap}.board-controls .roll{width:100%}}:root{font-family:DM Sans,sans-serif;color:#1d2926;background:#f5f1e8;font-synthesis:none;--ink:#163330;--teal:#205f5a;--gold:#d39b2a;--paper:#fbf8f1;--line:#ded7ca}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 30% 10%,#fffaf0 0,transparent 36%),#f4f0e7}button,input{font:inherit}button{cursor:pointer}header{height:76px;padding:0 4.5vw;display:flex;align-items:center;justify-content:space-between;background:#102f2d;color:#fff;border-bottom:3px solid #c6912b;position:relative;z-index:20}.brand{display:flex;align-items:center;gap:12px;background:none;border:0;color:#fff;text-align:left}.brand-mark{font-family:Georgia,serif;font-size:23px;letter-spacing:-5px;width:47px;height:47px;border:1px solid #c89d4b;border-radius:50%;display:grid;place-items:center}.brand-mark span{color:#c89d4b;font-size:13px;margin:0 5px}.brand b{font-family:Newsreader,serif;font-size:21px;letter-spacing:.2px}.brand small{display:block;color:#d7c99e;font-size:9px;letter-spacing:2.4px;margin-top:2px}nav{display:flex;gap:8px}nav button{border:0;background:transparent;color:#bcd0cc;padding:12px 16px;border-radius:8px;display:flex;gap:8px;align-items:center;font-weight:600}nav button svg{width:18px}nav button.active,nav button:hover{background:#214441;color:#fff}.header-actions{display:flex;align-items:center}.avatar{width:38px;height:38px;border-radius:50%;border:2px solid #fff;color:#fff;font-weight:800}.hamburger{display:none!important}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;max-width:1440px;margin:auto;min-height:calc(100vh - 126px)}.table-area{padding:32px clamp(20px,4vw,60px) 40px;border-right:1px solid var(--line)}.game-title-row{display:flex;justify-content:space-between;align-items:flex-start}.game-title-row h1,.stats-hero h1{font-family:Newsreader,serif;font-size:32px;margin:5px 0 2px;color:var(--ink)}.game-title-row p{margin:0;color:#78817d;font-size:14px}.status{font-size:10px;letter-spacing:1.4px;font-weight:800;color:#34776c}.status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#3d9b78;margin-right:5px}.invite{text-align:right}.invite small{display:block;font-size:9px;color:#858b87;letter-spacing:1.5px;font-weight:700}.invite button{margin-top:5px;background:#fff;border:1px solid var(--line);border-radius:7px;padding:8px 10px;font-weight:800;letter-spacing:1.5px;color:var(--ink);display:flex;align-items:center;gap:7px}.turn-banner{margin:24px 0 10px;background:#fff;border:1px solid var(--line);box-shadow:0 4px 16px #15312d0c;border-radius:10px;padding:11px 16px;display:flex;align-items:center;gap:10px}.player-dot{width:12px;height:12px;border-radius:50%;box-shadow:0 0 0 4px #eef0e8}.turn-banner small{display:block;font-size:8px;letter-spacing:1.3px;color:#89908c;font-weight:700}.turn-banner b{font-size:15px}.turn-hint{margin-left:auto;color:#7c8581;font-size:13px}.board-wrap{position:relative;max-width:760px;margin:18px auto 0;aspect-ratio:1.26;background:radial-gradient(ellipse,#b7d7d1 0,#7fb5b1 50%,#568f8c 73%,transparent 74%);border-radius:50%;filter:drop-shadow(0 15px 18px #183b3626)}.board{position:absolute;width:82%;height:78%;left:9%;top:10%}.hex{position:absolute;width:20.5%;aspect-ratio:1.08;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);display:flex;align-items:center;justify-content:center;border-radius:10px;filter:drop-shadow(0 2px 1px #26433b55);overflow:hidden}.hex:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;clip-path:inherit;background:linear-gradient(145deg,#ffffff33,transparent 45%,#0000001d)}.forest{background:#397157}.pasture{background:#84a85e}.fields{background:#d7b850}.hills{background:#ac6444}.mountains{background:#737b79}.desert{background:#cfb383}.terrain-icon{font-family:Georgia,serif;position:absolute;font-size:48px;color:#ffffff2d;transform:scaleX(1.3);top:8%}.hex b{position:relative;background:#f9edcf;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#313c37;font-size:14px;box-shadow:0 2px 3px #0003}.hex b.hot{color:#b53f31}.hex b small{font-size:5px;letter-spacing:0;line-height:5px}.mobile-controls{display:none}aside{padding:28px 22px;background:#eee9de}.dice-panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px;box-shadow:0 8px 20px #17332e0b}.dice-pair{display:flex;justify-content:center;gap:10px;margin-bottom:13px}.dice-pair span{font-size:52px;line-height:1;color:var(--ink);filter:drop-shadow(0 2px 1px #0002)}button.primary{border:0;background:#c58b25;color:#fff;border-radius:8px;padding:11px 18px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 3px #9b6815}button.primary:hover{background:#b97d1c}button:disabled{opacity:.5}.full{width:100%}.compact{padding:8px 12px!important}.secondary{border:1px solid #b9c2bc;background:#fff;color:var(--ink);border-radius:8px;padding:11px 16px;font-weight:700}.end-turn{margin:12px 0 20px;display:flex;justify-content:center;gap:90px}.panel{background:#fff;border:1px solid var(--line);border-radius:11px}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid #e8e3d9}.panel-head h3,.panel-head h2{font-size:14px;margin:0;display:flex;gap:7px;align-items:center}.panel-head>span{font-size:11px;color:#858d89}.player-row{display:flex;align-items:center;padding:11px 12px;border-bottom:1px solid #eee9df;gap:9px}.player-row.current{background:#f5eee0;border-left:3px solid #c68d29}.player-token{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800;flex:none}.player-row>div{flex:1;min-width:0}.player-row b{font-size:13px;display:block}.player-row b small{font-size:7px;color:#8c6a28;background:#f2e5c8;padding:2px 4px;border-radius:3px}.player-row span{font-size:10px;color:#7f8783;display:flex;align-items:center;gap:3px}.player-row label{text-align:center}.player-row input{display:block;width:42px;border:0;background:#f1eee7;border-radius:6px;text-align:center;padding:4px;font-weight:800;color:var(--ink)}.player-row label small{font-size:8px;color:#8b918d}.add-player{width:100%;border:0;background:none;padding:11px;color:#45716c;font-size:12px;font-weight:700;display:flex;gap:6px;justify-content:center}.history{margin-top:16px}.history>div:not(.panel-head){display:flex;justify-content:space-between;padding:8px 15px;border-bottom:1px solid #eee9df;font-size:11px}.history p{font-size:11px;color:#888;padding:0 15px 10px}.stats-page{max-width:1180px;margin:auto;padding:54px 24px 80px}.stats-hero{text-align:center;margin-bottom:38px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:#9d7325}.stats-hero h1{font-size:44px;margin:7px 0}.stats-hero p{color:#717b77;margin:0}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px;display:flex;align-items:center;gap:15px;box-shadow:0 5px 17px #23443e0a}.stat-card>span{width:45px;height:45px;border-radius:10px;background:#ecf1ea;color:var(--teal);display:grid;place-items:center}.stat-card b{font-family:Newsreader,serif;font-size:29px;display:block;color:var(--ink)}.stat-card small{color:#7d8581}.stats-columns{display:grid;grid-template-columns:1.25fr 1fr;gap:18px;margin-top:18px}.profile-card{padding:24px;display:grid;grid-template-columns:auto 1fr;gap:12px 18px}.profile-avatar{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:23px;font-weight:800}.profile-card h2{margin:3px 0 0}.profile-card p{margin:3px 0;color:#7e8682;font-size:13px}.profile-card>label{grid-column:1/-1;font-size:11px;font-weight:700;color:#69736f}.color-picker{display:flex;gap:9px;margin-top:9px}.color-picker button{width:31px;height:31px;border-radius:50%;border:3px solid white;box-shadow:0 0 0 1px #ccc;color:#fff;display:grid;place-items:center}.color-picker button.selected{box-shadow:0 0 0 2px #203c38}.color-picker svg{width:15px}.records{padding:21px}.records h2{font-size:17px;margin:0 0 8px;display:flex;gap:8px}.records h2 svg{color:#b9872a}.records>div{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #eee9df;font-size:12px}.records span{color:#7a837f}.recent{margin-top:18px}.recent-row{display:flex;align-items:center;padding:15px 18px;border-bottom:1px solid #eee9df;gap:13px}.win-icon{width:38px;height:38px;border-radius:9px;background:#f3e7ca;color:#b98324;display:grid;place-items:center}.win-icon svg{width:18px}.win-icon.muted{background:#e9eeee;color:#607773}.recent-row>div{flex:1}.recent-row b,.recent-row small{display:block}.recent-row small{color:#818985;font-size:10px;margin-top:3px}.recent-row>span:last-child{text-align:right}.icon{border:0;background:transparent;color:inherit;display:grid;place-items:center}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f2422cc;z-index:100;display:grid;place-items:center;padding:20px}.modal{width:min(440px,100%);background:var(--paper);border-radius:16px;padding:34px;position:relative;box-shadow:0 30px 80px #0005}.close{position:absolute;right:16px;top:16px;color:#52615d}.modal h2{font-family:Newsreader,serif;color:var(--ink);font-size:29px;margin:6px 0}.modal>p{font-size:13px;color:#717b77}.modal label{font-size:11px;font-weight:700;color:#475550;display:block;margin:14px 0}.modal input{display:block;width:100%;margin-top:5px;padding:12px;border:1px solid #d6d0c3;border-radius:8px;background:#fff}.text-button{width:100%;border:0;background:none;color:#38706a;font-size:12px;margin-top:14px}.demo-note{display:block;color:#989d99;text-align:center;font-size:9px;margin-top:12px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#153b37;color:#fff;padding:11px 17px;border-radius:9px;display:flex;gap:8px;align-items:center;z-index:200;box-shadow:0 8px 25px #0003}footer{min-height:50px;padding:0 4.5vw;background:#102f2d;color:#9eb5b0;display:flex;align-items:center;justify-content:space-between;font-size:10px}footer button{border:0;background:none;color:#c5d2cf;font-size:10px;margin-left:16px;display:inline-flex;align-items:center;gap:5px}.form-error{background:#f8dfda;color:#8b3024;border-radius:7px;padding:9px 11px;font-size:11px;margin:8px 0 12px}@media(max-width:950px){.game-layout{grid-template-columns:1fr}.table-area{border-right:0}.game-layout>aside{display:none}.mobile-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.mobile-controls .dice-panel{padding:9px;display:flex;align-items:center;gap:10px}.mobile-controls .dice-pair{margin:0}.mobile-controls .dice-pair span{font-size:34px}.mobile-controls .roll{flex:1}.stat-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){header{height:66px;padding:0 16px}.brand b{font-size:17px}.brand-mark{width:39px;height:39px}.header-actions .avatar{display:none}.hamburger{display:grid!important}nav{display:none;position:absolute;top:66px;left:0;right:0;background:#102f2d;padding:10px 16px;flex-direction:column}nav.open{display:flex}.game-title-row{gap:12px}.game-title-row h1{font-size:26px}.turn-hint{display:none}.table-area{padding:24px 14px}.invite button{font-size:11px}.board-wrap{width:106%;margin-left:-3%;margin-top:5px}.mobile-controls{grid-template-columns:1fr}.mobile-controls .dice-panel{justify-content:center}.stats-page{padding:38px 14px}.stats-hero h1{font-size:34px}.stat-grid,.stats-columns{grid-template-columns:1fr}.stat-card{padding:16px}.profile-card{grid-template-columns:auto 1fr}.recent-row>span:last-child{display:none}footer{padding:14px 16px;display:block;text-align:center}footer>span:last-child{display:block;margin-top:8px}}