:root{
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  color:#eae6de;background:#111b1e;font-synthesis:none;
  --bg:#111b1e;--sidebar:#11191b;--surface:#192428;--surface2:#203035;
  --stroke:#2e3d3d;--muted:#91a3a2;--text:#eae6de;--gold:#c9a46c;
  --goldlight:#e9ca94;--shadow:rgba(0,0,0,.18)
}
*{box-sizing:border-box}
html{min-height:100%;-webkit-tap-highlight-color:transparent}
body{margin:0;min-height:100vh;background:var(--bg);color:var(--text)}
button,input,select{font:inherit}
button{cursor:pointer}
button:disabled{cursor:not-allowed;opacity:.48}
button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--goldlight);outline-offset:3px}
a{color:var(--goldlight)}
h1,h2,h3,p{margin-top:0}p{line-height:1.65;color:var(--muted)}h1,h2,h3{letter-spacing:-.035em}
.layout{min-height:100vh;display:flex}
.sidebar{width:246px;flex:0 0 246px;background:#111a1c;border-right:1px solid #2c3638;display:flex;flex-direction:column;padding:33px 18px 22px;position:sticky;top:0;height:100vh;z-index:30}
.brand{display:flex;align-items:center;gap:13px;margin:0 8px 58px}
.brand-logo{width:44px;height:44px;border:1.2px solid #b89057;display:flex;align-items:center;justify-content:center;transform:rotate(45deg);border-radius:8px;color:#edcb90}
.brand-logo .rune{transform:rotate(-45deg);font-size:30px;font-family:Georgia,serif}
.brand-title{font-family:Georgia,serif;font-size:21px;letter-spacing:.075em;line-height:1.2}
.brand-sub{font-size:8px;letter-spacing:.26em;color:#a99d82;margin-top:6px;font-weight:750}
.nav-label,.eyebrow{font-size:10px;letter-spacing:.165em;font-weight:800;color:var(--gold)}
.nav-label{color:#637576;margin:0 12px 12px}
.nav{display:grid;gap:5px}
.nav-item{width:100%;background:transparent;color:#93a3a4;border:1px solid transparent;display:flex;gap:12px;align-items:center;text-align:left;padding:13px 14px;border-radius:9px;font-size:13px;font-weight:610;transition:.16s}
.nav-item:hover{color:#e3e6df;background:#19282b}.nav-item.active{color:#f2d49f;background:#27332f;border-color:#394337}
.nav-item.active svg{color:#d8b782}.nav-count{margin-left:auto;border-radius:99px;background:#293c40;color:#d5d4ca;padding:3px 6px;font-size:10px}
.sidebar-bottom{margin-top:auto;padding:0 11px}.side-ornament{font-size:17px;letter-spacing:.15em;color:#65736c;margin-bottom:21px}
.sidebar-note{font-size:11px;line-height:1.7;color:#82918e}.version{display:block;color:#536466;font-size:10px;margin-top:28px}
.main-wrap{flex:1;min-width:0;display:flex;flex-direction:column;background:radial-gradient(ellipse 70% 55% at 65% -15%,#20322e 0%,transparent 78%),#111b1e}
.topbar{min-height:78px;border-bottom:1px solid #273538;display:flex;justify-content:space-between;align-items:center;padding:0 42px;gap:15px;background:rgba(15,25,27,.24)}
.top-left,.top-actions{display:flex;align-items:center;gap:14px}.top-left{font-size:12px;color:#9aacaa}.top-left strong{color:#e2e7df;font-weight:600}.crumb{font-size:10px;letter-spacing:.15em;color:#677b79;font-weight:800}.crumb-arrow{color:#52625f}
.save-indicator{font-size:11px;color:#839893;white-space:nowrap;display:flex;align-items:center;gap:8px}.save-dot{width:6px;height:6px;border-radius:50%;background:#82b29a}
.icon-btn{display:flex;align-items:center;justify-content:center;border:1px solid #344341;border-radius:9px;width:37px;height:37px;background:#1a282b;color:#bdc7c1}
.icon-btn:hover{background:#263438}.hamburger{display:none}
.main-content{width:100%;max-width:1500px;margin:0 auto;padding:37px 44px 75px;flex:1}.footer{padding:18px 40px;text-align:center;border-top:1px solid #263436;font-size:10px;color:#607573;letter-spacing:.02em}
.page-head{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:26px}
.page-head h1{font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:clamp(27px,2.75vw,39px);line-height:1.25;margin:9px 0 6px;color:#f1ede4}
.page-head p{font-size:13px;margin:0;line-height:1.65}.phase-tag{display:flex;gap:8px;align-items:center;border:1px solid #54533f;color:#d2b783;padding:9px 13px;border-radius:50px;white-space:nowrap;font-size:11px}
.round-track{margin-bottom:24px}.track-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px;color:#9fb1ad;font-size:10px;letter-spacing:.15em;font-weight:750}.track-label strong{font-size:11px;color:#d1c3a7;letter-spacing:0}.track-dots{display:grid;grid-template-columns:repeat(8,1fr);gap:7px}.track-segment{height:6px;border-radius:9px;background:#2b3b3c}.track-segment.done{background:#7e9c8b}.track-segment.current{background:#c7a16b;box-shadow:0 0 11px #a97b3d40}
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:24px}.stat-card{border:1px solid #324242;border-radius:12px;background:linear-gradient(135deg,#1d2b2d,#192629);padding:20px 20px 17px;min-height:149px}.stat-meta{display:flex;justify-content:space-between;align-items:center;gap:6px}.stat-meta span:first-child{font-size:10px;letter-spacing:.085em;color:#9daaa8;font-weight:720}.stat-icon{color:#ceae7e;display:flex}.stat-icon.blue{color:#83aeb2}.stat-icon.purple{color:#b9a3cf}.stat-icon.rose{color:#b98a87}.stat-card strong{font-size:39px;line-height:1.35;letter-spacing:-.065em;font-weight:620;color:#f1ede5}.stat-sub{font-size:10px;color:#738984}
.content-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(250px,.8fr);gap:19px;align-items:start}.primary-column,.right-column{min-width:0}
.feature-panel{display:flex;border-radius:13px;background:radial-gradient(ellipse at right 10%,#35453c 0,#26332f 30%,#1b2b2c 90%);border:1px solid #435143;min-height:355px;overflow:hidden;margin-bottom:28px;position:relative}.feature-left{position:relative;z-index:2;max-width:540px;flex:1;padding:29px}.feature-icon{width:42px;height:42px;border-radius:11px;background:#39473c;display:flex;align-items:center;justify-content:center;color:#e2bd7f;margin-bottom:15px}.feature-title{font-family:Georgia,serif;font-size:29px;color:#f2e8d2;margin-bottom:8px}.feature-left>p{font-size:12px;line-height:1.7;margin-bottom:20px;max-width:360px}
.feature-art{position:relative;flex:0 0 29%;display:flex;align-items:center;justify-content:center;opacity:.76}.art-ring{width:215px;height:215px;border:1px solid #a69c7150;border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:0 0 0 22px #a69c7108,0 0 0 44px #a69c7106;position:relative}.art-ring:after,.art-ring:before{position:absolute;content:'✧';color:#a6a17c;top:-12px;font-size:20px}.art-ring:after{top:auto;bottom:-11px}.art-inner{font:120px Georgia,serif;color:#aa9970;filter:drop-shadow(0 6px 10px #17211a)}.art-runes{position:absolute;bottom:25px;white-space:nowrap;letter-spacing:.45em;color:#bda477;opacity:.7;font-size:18px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:10px 15px;border-radius:9px;border:1px solid transparent;font-size:12px;font-weight:730;line-height:1.3;transition:background .15s,transform .12s}.btn:not(:disabled):active{transform:scale(.98)}.btn-primary{background:linear-gradient(#e0be86,#c69d66);color:#1d2827;border-color:#ebcc95;box-shadow:0 3px 10px #00000015}.btn-primary:hover:not(:disabled){background:#edc993}.btn-outline{background:transparent;color:#e5c48d;border-color:#9a825b}.btn-outline:hover:not(:disabled){background:#b99c661c}.btn-secondary{background:#29393b;border-color:#40504e;color:#dee4dc}.btn-secondary:hover:not(:disabled){background:#324649}.btn-ghost{background:transparent;color:#aabbb4}.btn-ghost:hover:not(:disabled){background:#293738}.btn-text{background:transparent;padding:6px 0;color:#d3b383}.btn-xl{width:100%;min-height:46px;font-size:13px;margin-top:6px}.feature-left>.btn-outline{margin-top:9px}.feature-hint{display:flex;align-items:start;gap:8px;color:#b0afa1;font-size:10px;line-height:1.6;margin-top:16px}.feature-hint svg{flex-shrink:0}
.last-action{border:1px solid #526052;background:#1b2b299c;border-radius:9px;padding:12px;display:flex;align-items:center;gap:12px;margin:13px 0 15px}.last-dice{width:41px;height:41px;display:flex;align-items:center;justify-content:center;border:1px solid #c7a475;color:#f5d69d;font-family:Georgia,serif;font-size:30px;border-radius:9px;background:#4b4a37;flex-shrink:0}.last-action .eyebrow{font-size:8px}.last-action strong{display:block;margin:3px 0;color:#f6e8ce;font-size:13px}.last-action p{font-size:10px;margin:0}
.section-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:26px 0 15px}.section-head h2{font-size:18px;font-weight:650;margin:0 0 5px;color:#f0e9dc}.section-head p{margin:0;font-size:11px}.pill{font-size:10px;color:#aaaf9a;border:1px solid #445249;border-radius:30px;padding:7px 10px;white-space:nowrap}
.worker-track{display:flex;gap:11px;margin:0 0 18px}.worker-slot{display:flex;align-items:center;justify-content:center;border:1px dashed #64746b;border-radius:10px;background:#192a2c;width:48px;height:45px;font-size:16px;color:#6c7e7b}.worker-slot.used{border:1px solid #aa905d;background:#3d3e2e;color:#e8c38b}
.actions-list{border:1px solid #304142;background:#19272a;border-radius:11px;overflow:hidden}.action-line{display:flex;align-items:center;gap:12px;padding:12px 15px;border-bottom:1px solid #2a3939}.action-line:last-child{border-bottom:0}.action-num{font-family:Georgia,serif;border:1px solid #75664b;color:#dfbd80;width:31px;height:31px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:18px}.action-line div{flex:1;min-width:0}.action-line strong{font-size:12px;display:block}.action-line small{color:#82948d;font-size:10px}.tag{font-size:9px;letter-spacing:.08em;color:#a4b1a7;border:1px solid #41504a;border-radius:5px;padding:5px 7px;white-space:nowrap}.tag.win{color:#bcdcb9;border-color:#45684e}
.mini-panel{background:#1c2a2c;border:1px solid #324243;border-radius:12px;padding:22px;margin-bottom:15px}.mini-panel h3{font:20px Georgia,serif;margin:12px 0 8px}.mini-panel>p{font-size:11px;line-height:1.75}.mini-divider{border-top:1px solid #324342;margin:22px 0 14px}.mini-row{display:flex;justify-content:space-between;gap:9px;font-size:11px;margin:13px 0;color:#8e9d97}.mini-row b{font-weight:600;color:#c5d0bf}.mini-panel.plain{background:transparent}.mini-log{display:flex;gap:11px;margin-top:16px}.mini-log-dot{width:6px;height:6px;border-radius:100%;background:#738a7c;margin-top:5px;flex-shrink:0}.mini-log-dot.glory{background:#d7b478}.mini-log-dot.warning{background:#b07777}.mini-log-dot.valhalla{background:#b09acb}.mini-log strong{font-size:10px;color:#ced4c9}.mini-log p{font-size:10px;line-height:1.5;margin:4px 0}.mini-panel.plain>.btn{margin-top:14px}
.help-strip{display:flex;align-items:flex-start;gap:12px;border:1px solid #4e5340;background:#2a302a;border-radius:11px;padding:17px 19px;color:#d9b984;margin:20px 0}.help-strip svg{flex-shrink:0}.help-strip b{display:block;color:#e5d5b1;font-size:12px;margin-bottom:5px}.help-strip span{display:block;color:#b4bba9;font-size:11px;line-height:1.7}.help-strip.muted{background:#19282a;border-color:#354344;color:#8daba8}
.board-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0}.check-line{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px;background:#1e2c2f;border:1px solid #374545;border-radius:10px;margin:12px 0;cursor:pointer}.check-line-text b{display:block;font-size:12px;color:#e7e7dc}.check-line-text small{font-size:10px;color:#80918d;display:block;margin-top:5px}.check-line input[type=checkbox]{appearance:none;width:39px;height:23px;min-width:39px;border-radius:15px;background:#3a494a;position:relative;cursor:pointer;transition:.2s;border:1px solid #596564}.check-line input[type=checkbox]::before{content:'';position:absolute;top:2px;left:2px;width:17px;height:17px;background:#d8d9d1;border-radius:50%;transition:.2s}.check-line input:checked{background:#c5a36e;border-color:#e0c28d}.check-line input:checked::before{left:18px;background:#1a2927}.check-line.compact{padding:9px 0;border:none;background:transparent;margin:13px 0 0}
.board-section{margin-bottom:25px}.location-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.location-card{border:1px solid #344546;border-radius:11px;background:#1b292c;padding:14px;min-width:0}.location-card.bot-occupied{background:#26382e;border-color:#76815c}.location-card.player-occupied{background:#2e2b2d;border-color:#866c66}.location-head{display:flex;align-items:center;gap:10px;min-height:44px}.location-icon{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:#2e3d3c;border-radius:8px;color:#c2a471;font-size:20px;flex-shrink:0}.location-head strong{font-size:11px;display:block;line-height:1.5}.location-head small{font-size:10px;color:#84988e}.location-fields{display:flex;gap:7px;margin-top:16px}.location-fields label{font-size:10px;color:#9aaba2;flex:1;min-width:0}.field{display:block;width:100%;background:#111e20;color:#e6e6dc;border:1px solid #435451;border-radius:7px;padding:10px 11px;font-size:12px;min-height:37px;margin-top:6px;outline:none}.field:focus{border-color:#d2ad75;box-shadow:0 0 0 2px #d2ad7520}.field::placeholder{color:#667a78}.field:disabled{opacity:.55}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m5 8 5 5 5-5' fill='none' stroke='%23a9b5ad' stroke-width='1.8'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:17px 17px;background-position:right 9px center;padding-right:24px}.occupy-toggle{margin-top:14px;width:100%;padding:9px 7px;border:1px dashed #60726d;background:transparent;color:#a5b7ae;border-radius:6px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;font-weight:650}.occupy-toggle:hover:not(:disabled){background:#2b403f}.occupy-toggle.on{border:1px solid #9a746c;color:#ebc7b4;background:#4c373430}
.battle-list{display:grid;gap:12px}.battle-card{background:#1b292c;border:1px solid #40504d;border-radius:10px;padding:16px}.battle-card.victory{border-color:#668168;background:#1d3029}.battle-card.defeat{border-color:#815d58;background:#312a29}.battle-main{display:flex;align-items:center;gap:12px}.battle-symbol{width:48px;height:48px;border-radius:10px;background:#344441;color:#e4bc7d;display:flex;align-items:center;justify-content:center;font-size:23px;flex-shrink:0}.battle-copy{flex:1;min-width:0}.battle-eyebrow{font-size:9px;letter-spacing:.12em;color:#c3a472;font-weight:700}.battle-copy h3{font-size:14px;margin:5px 0 2px}.battle-copy p{font-size:10px;margin:0}.battle-fields{display:flex;align-items:end;gap:10px;margin-top:15px;flex-wrap:wrap}.battle-fields label{font-size:10px;color:#9fb0a9;flex:1;min-width:105px}.battle-fields .btn{min-height:38px;flex:1.3}.battle-result{font-size:10px;color:#d7ddc9;border:1px solid #567456;border-radius:5px;padding:6px 9px}.battle-result.loss{color:#e6b6ab;border-color:#815c57}.battle-after{display:flex;justify-content:space-between;gap:10px;margin-top:14px;color:#b5c5b6;font-size:11px}.color-badge{display:inline-block;width:9px;height:9px;border-radius:50%;vertical-align:middle;margin-left:4px}.color-badge.red{background:#d97870}.color-badge.blue{background:#659bc5}.color-badge.yellow{background:#d6ae54}.color-badge.empty{border:1px solid #667}
.round-complete,.empty-panel{border:1px solid #3d4d49;border-radius:12px;background:#1c2a2d;padding:24px;margin-top:20px}.round-complete h3{font:21px Georgia,serif;margin:9px 0}.round-complete p{font-size:11px}.choice-row{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.choice-button{padding:11px 16px;border:1px solid #637166;border-radius:8px;background:#273536;color:#bdc6bb;font-size:11px}.choice-button.selected{background:#4c4b33;border-color:#d3ac6f;color:#f4d69c}.empty-panel{text-align:center;padding:45px 20px;color:#9eab9f}.empty-panel svg{color:#b99b66}.empty-panel h3{margin:14px 0 4px;color:#dddacb}.empty-panel p{font-size:12px}
.valhalla-stats{display:grid;grid-template-columns:1fr 1.3fr 1.3fr;gap:12px}.valhalla-stats>div{border:1px solid #3a4945;background:#1c2a2c;border-radius:9px;padding:15px}.valhalla-stats span{font-size:10px;color:#93a399;display:block}.valhalla-stats strong{display:block;margin-top:9px;font-size:17px;color:#e8d1a0}.shop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-bottom:30px}.shop-card{border:1px solid #3c4b48;background:#1b2b2d;border-radius:11px;padding:17px;min-width:0}.shop-card.active{border-color:#ac9063}.shop-top{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:15px}.shop-kind{font-size:9px;letter-spacing:.1em;color:#d7b580}.input-label{display:block;color:#a4b3aa;font-size:11px;font-weight:650}.shop-fields{display:flex;gap:12px;margin-top:12px}.shop-fields label{flex:1;min-width:0;color:#9eafa6;font-size:10px}.shop-hint{flex:1;display:flex;flex-direction:column;justify-content:center;color:#93aaa0;font-size:10px}.shop-hint strong{font-size:13px;color:#e6c586}.bonus-panel{display:flex;justify-content:space-between;align-items:center;gap:20px}.bonus-panel h3{font-size:14px;margin-bottom:4px}.bonus-panel p{font-size:11px;margin:0}.bonus-panel label{width:95px;flex-shrink:0}
.panel{background:#1c2a2c;border:1px solid #3b4947;padding:21px 24px;border-radius:12px;margin-top:20px}.panel h2{font-size:16px}.panel p{font-size:11px;margin:0}.journal-tools{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.journal-list{border:1px solid #344746;border-radius:12px;background:#1b292b;overflow:hidden}.journal-row{display:flex;gap:13px;padding:16px 18px;border-bottom:1px solid #32403e}.journal-row:last-child{border-bottom:0}.journal-icon{flex-shrink:0;width:35px;height:35px;border-radius:8px;background:#2c403c;color:#91ad9a;display:flex;align-items:center;justify-content:center}.journal-icon.glory{color:#e1c080;background:#423d2e}.journal-icon.warning{color:#d79c94;background:#473532}.journal-icon.valhalla{color:#cdb3ec;background:#393144}.journal-meta{color:#9faf9a;letter-spacing:.11em;font-size:9px;font-weight:700}.journal-row p{margin:5px 0 0;color:#e4e3d9;font-size:12px}.danger-panel{display:flex;justify-content:space-between;align-items:center;gap:20px;border:1px solid #534740;border-radius:12px;padding:20px;margin-top:27px}.danger-panel strong{font-size:13px}.danger-panel p{font-size:11px;margin:4px 0 0}
.rules-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.rule-card{border:1px solid #3b4946;background:#1b292b;border-radius:12px;padding:22px}.rule-num{font:28px Georgia,serif;color:#b59b6e}.rule-card h2{font-size:17px;margin:13px 0 8px}.rule-card p{font-size:12px;margin:0}.penalties{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.penalties>span{border:1px solid #49594d;border-radius:6px;padding:8px 10px;color:#bac5b7;font-size:12px}.penalties b{color:#e8c48e;padding-left:3px}.score-rows{margin-top:15px}.score-rows>div{display:flex;justify-content:space-between;gap:12px;padding:11px 2px;border-bottom:1px solid #394744;font-size:12px;color:#abbeb5}.score-rows b{color:#e4e7db}.score-rows .total{color:#ebca94;font-size:15px;border:none;font-weight:800}
.finish-card{border:1px solid #6d664a;background:radial-gradient(ellipse at top,#354338,#1d2b2b 70%);border-radius:13px;text-align:center;padding:34px}.finish-emblem{margin:0 auto 18px;border:1px solid #a58d5f;border-radius:50%;width:78px;height:78px;display:flex;align-items:center;justify-content:center;color:#dfb57b}.finish-card h2{font:31px Georgia,serif;margin:10px 0}.finish-card p{font-size:12px}.finish-score{display:flex;align-items:center;justify-content:center;gap:26px;margin:25px 0}.finish-score>div{display:grid;gap:4px}.finish-score span{font-size:12px;color:#afbea9}.finish-score strong{font-family:Georgia,serif;color:#f7e3b9;font-size:47px}.finish-score .vs{font:12px Georgia,serif;color:#889e96}.finish-card .input-label{text-align:left;max-width:280px;margin:12px auto}.finish-card .btn{margin-top:20px}.result-chip{border:1px solid #728762;color:#d0e3bf;padding:13px;border-radius:9px;font-size:12px;margin:14px 0}.result-chip.lose{border-color:#976c61;color:#d7aaa2}.result-chip.tie{border-color:#b99b6b;color:#efdab9}
.toast{position:fixed;right:24px;bottom:20px;z-index:100;display:flex;gap:8px;align-items:center;background:#34453b;color:#e8f0df;border:1px solid #7a987a;border-radius:11px;padding:13px 16px;box-shadow:0 10px 35px #0008;max-width:min(460px,calc(100vw - 25px));font-size:12px;opacity:0;transform:translateY(12px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translateY(0)}.toast.error{background:#4a3030;border-color:#ac726d}
/* Welcome */
.welcome{min-height:100vh;background:radial-gradient(ellipse 42% 41% at 73% 17%,#324133 0,transparent 100%),radial-gradient(ellipse at 20% 45%,#192b2a 0,transparent 60%),#101a1c;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 20px 35px;position:relative;overflow:hidden}.welcome:before,.welcome:after{content:'ᚠ ᚢ ᚦ ᚨ ᚱ ᚲ ᚷ ᚹ';position:absolute;top:90px;left:-110px;transform:rotate(-90deg);color:#596851;opacity:.12;font:38px Georgia,serif;letter-spacing:.4em;white-space:nowrap}.welcome:after{left:auto;right:-110px;transform:rotate(90deg)}.welcome-header{display:flex;flex-direction:column;align-items:center;max-width:580px;text-align:center}.eyebrow .dot{display:inline-block;background:#c9a46c;width:7px;height:7px;border-radius:50%;margin-right:6px}.welcome-mark{font-family:Georgia,serif;font-size:70px;margin:25px auto 5px;color:#dec392;text-shadow:0 6px 40px #f0b66555;border:1px solid #a99460;border-radius:100%;width:112px;height:112px;line-height:105px;background:#29362b}.welcome h1{font:clamp(38px,5vw,62px)/1.13 Georgia,serif;letter-spacing:-.04em;margin:16px 0 18px;color:#f3ede3}.welcome h1 em{color:#dfbc87;font-weight:400}.welcome-desc{font-size:13px;max-width:490px;line-height:1.8}.setup-card{width:min(100%,405px);margin-top:22px;border:1px solid #5a5945;background:linear-gradient(150deg,#223130,#192629);border-radius:14px;padding:23px 25px;box-shadow:0 20px 45px #0004}.setup-title{font:24px Georgia,serif;margin:0}.setup-card p{font-size:11px;margin:5px 0 18px}.setup-card>.input-label{margin:13px 0 5px}.setup-card .check-line{margin:15px 0}.setup-foot{text-align:center;color:#788b80;font-size:10px;margin-top:14px}.welcome-info{display:flex;justify-content:center;gap:30px;margin-top:30px;flex-wrap:wrap}.welcome-info>div{display:flex;align-items:center;gap:9px;font-size:11px;color:#a8b2a4}.welcome-info svg{color:#d1ab71}.welcome-disclaimer{max-width:590px;text-align:center;font-size:10px;margin-top:30px}
.mobile-scrim{display:none}
@media(max-width:1200px){.main-content{padding:30px 26px 60px}.topbar{padding:0 26px}.content-grid{grid-template-columns:1fr 260px}.stat-card{padding:16px}.stat-meta span:first-child{font-size:9px}.location-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-art{flex-basis:20%}.art-ring{width:140px;height:140px}.art-inner{font-size:90px}}
@media(max-width:950px){.sidebar{width:211px;flex-basis:211px}.brand{margin-bottom:40px}.main-content{padding:26px 20px 60px}.topbar{padding:0 20px}.content-grid{grid-template-columns:1fr}.right-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mini-panel{margin:0}.feature-art{flex-basis:32%}.art-ring{width:215px;height:215px}.art-inner{font-size:115px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.sidebar{position:fixed;left:0;transform:translateX(-101%);transition:transform .2s;width:min(270px,82vw);box-shadow:10px 0 40px #0008}.sidebar.open{transform:translateX(0)}.mobile-scrim.active{display:block;position:fixed;inset:0;background:#0009;z-index:25}.hamburger{display:flex}.topbar{height:64px;min-height:64px;padding:0 15px}.top-left{gap:8px}.top-actions{gap:3px}.top-actions .save-indicator{display:none}.top-actions .btn span{display:none}.main-content{padding:22px 14px 45px}.page-head{margin-bottom:20px}.page-head h1{font-size:29px}.page-head p{font-size:11px}.phase-tag{font-size:9px;padding:6px 9px}.stats-grid{gap:9px;margin-bottom:15px}.stat-card{padding:14px;min-height:115px}.stat-card strong{font-size:32px}.stat-meta span:first-child{font-size:9px}.feature-panel{margin-bottom:22px}.feature-left{padding:22px}.feature-art{display:none}.feature-title{font-size:25px}.feature-left>p{max-width:none}.right-column{grid-template-columns:1fr}.location-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.location-card{padding:12px}.location-fields{flex-direction:column;gap:6px}.location-head strong{font-size:10px}.board-top{flex-direction:column;align-items:stretch}.valhalla-stats{grid-template-columns:1fr 1fr}.valhalla-stats>div:last-child{grid-column:span 2}.shop-grid{grid-template-columns:1fr}.rules-grid{grid-template-columns:1fr}.bonus-panel{align-items:stretch}.finish-score strong{font-size:35px}.battle-main{align-items:flex-start}.battle-result{font-size:8px}.journal-tools .btn{flex:1}.page-head .phase-tag{display:none}}
@media(max-width:380px){.stats-grid{grid-template-columns:1fr 1fr}.stat-card{padding:12px}.stat-meta span:first-child{font-size:8px}.stat-card strong{font-size:29px}.location-grid{grid-template-columns:1fr}.location-fields{flex-direction:row}.welcome-info{gap:13px}.feature-left{padding:18px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}