:root{--bg:#10191b;--panel:#1b282a;--deep:#142023;--line:#35494c;--ink:#e9eee5;--muted:#a8bbb9;--gold:#e0bb70;--red:#ad514d;--blue:#427bb3;--green:#4b9166;--yellow:#b69b3b}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 0,#25393766,transparent 55%),var(--bg);color:var(--ink);font:16px/1.65 system-ui,'Segoe UI',sans-serif}button,input,select{font:inherit}button{border:1px solid var(--line);background:#26383b;color:var(--ink);border-radius:6px;padding:9px 15px;cursor:pointer;transition:background .15s,border-color .15s}button:hover:not(:disabled){border-color:var(--gold);background:#354b4c}button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #f3ce87;outline-offset:3px}button:disabled{opacity:.38;cursor:not-allowed}button.primary{background:var(--gold);border-color:var(--gold);color:#172326;font-weight:750}button.primary:hover:not(:disabled){background:#f0cf8f}button.danger{color:#ffb2a5}.smallbutton{font-size:14px;padding:6px 10px}.ghost{background:transparent}.muted,small{color:var(--muted)}small,.small{font-size:14px}.eyebrow{font-size:12px;font-weight:750;letter-spacing:2px;color:var(--gold)}h1,h2,h3,h4,p{margin:0}h1{font-size:24px;letter-spacing:1px}h2{font-size:25px}h3{font-size:18px}h4{font-size:16px}header{padding:16px 30px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:16px;background:#10191be8}.brand{display:flex;gap:12px;align-items:center}.brandmark{display:grid;grid-template-columns:repeat(3,8px);gap:3px;padding:9px;border:1px solid #786944;border-radius:7px}.brandmark i{width:8px;height:8px;background:#557b72}.brandmark i:nth-child(4n+1){background:var(--gold)}.row{display:flex;justify-content:space-between;align-items:center;gap:12px}.flex{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.stack{display:grid;gap:16px;align-content:start}.spaced{margin-top:16px}.tight{margin-top:8px}.wide{width:100%}.pill{padding:5px 10px;border:1px solid var(--line);border-radius:5px;font-size:14px}.gold{color:var(--gold)}main{max-width:1530px;margin:auto;padding:25px 30px}.titlebar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:18px}.panel{padding:20px;border:1px solid var(--line);border-radius:9px;background:var(--panel)}.layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:20px}.layout.dungeon{grid-template-columns:260px minmax(360px,1fr) 290px}.tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);padding:0 0 12px;margin-bottom:18px;flex-wrap:wrap}.tabs button{background:transparent;border-color:transparent}.tabs button.active{color:var(--gold);background:#334339;border-color:#63725b}.expedition{background:linear-gradient(135deg,#2f4943,#1a292c);border-color:#5d7466}.expedition .sigil{font-size:54px;line-height:1;color:var(--gold);padding-bottom:12px}.expedition select{width:100%;margin-top:16px}.expedition .primary{width:100%;margin-top:10px}.notice{padding:12px 14px;background:#dcb9710b;border-left:2px solid #bfa369;color:#d9cdaa;font-size:14px}.notice.warning{border-color:#c47764;color:#f0b8aa}.facilities{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:18px 0}.facility{padding:14px}.facility .glyph{color:var(--gold);font-size:24px}.facility h3{font-size:16px}.facility p{font-size:14px;min-height:46px;margin:7px 0}.facility button{width:100%;padding:7px 4px;font-size:14px}select{background:#19292b;color:var(--ink);border:1px solid var(--line);padding:8px;border-radius:5px;max-width:100%}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.hero-card{background:var(--deep);border:1px solid var(--line);border-radius:8px;padding:16px;position:relative}.hero-card.dead{opacity:.6;filter:grayscale(.9)}.hero-top{display:flex;gap:14px;align-items:center}.avatar{width:66px;height:74px;flex-shrink:0;image-rendering:pixelated}.hero-card h3{font-size:19px}.position{display:grid;place-items:center;min-width:27px;height:27px;border:1px solid #7e876b;color:var(--gold);border-radius:4px;font-size:14px;font-weight:700}.stats{display:flex;gap:8px;flex-wrap:wrap;font-size:14px;margin-top:10px}.stats span{padding:3px 8px;background:#ffffff05;border:1px solid #354547;border-radius:4px}.bar{height:6px;border-radius:4px;background:#374748;overflow:hidden;margin:7px 0}.bar i{display:block;height:100%;background:#7fb49a;transition:width .2s}.bar.xp{height:3px}.bar.xp i{background:#cbb476}.slots{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px}.slot{display:grid;place-items:center;width:28px;height:29px;border-radius:4px;border:1px solid #ffffff44;font-size:14px}.slot.empty{opacity:.6;border-style:dashed}.red{background:var(--red)}.blue{background:var(--blue)}.green{background:var(--green)}.yellow{background:var(--yellow)}.traits{display:flex;flex-wrap:wrap;gap:5px;margin-top:12px}.trait{font-size:13px;padding:2px 7px;background:#9fbeac10;border:1px solid #465951;border-radius:4px;color:#c7d5c7}.cardactions{display:flex;justify-content:space-between;gap:8px;margin-top:14px;align-items:center}.cardactions button{font-size:14px;padding:5px 9px}.roster{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.roster-group{padding:12px;border:1px solid var(--line);border-radius:6px}.roster-group h3{font-size:15px;margin-bottom:10px}.roster-member{padding:12px 7px;text-align:center;border:1px solid var(--line);border-radius:5px;margin-top:8px;font-size:14px}.roster-member .avatar{width:44px;height:50px}.locked{opacity:.42;background:repeating-linear-gradient(135deg,transparent,transparent 8px,#ffffff05 8px,#ffffff05 9px)}.roster-member.locked{padding:23px 5px}.item-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.item{padding:12px;border:1px solid var(--line);border-radius:7px;background:var(--deep)}.itemhead{display:flex;gap:10px;align-items:center}.icon{width:40px;height:40px;display:grid;place-items:center;font-size:22px;border-radius:5px;flex-shrink:0}.item h4{font-size:15px}.item p{font-size:14px}.itemactions{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.itemactions button,.itemactions select{font-size:14px;padding:6px 8px}.empty{padding:30px 15px;color:var(--muted);text-align:center;border:1px dashed var(--line);border-radius:6px}.scroll{max-height:370px;overflow:auto}.log p{font-size:14px;padding:8px 0;border-bottom:1px solid #354547}.log p:first-child{color:#e5d9b9}.board{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:20px}.tile{aspect-ratio:1;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px;background:repeating-linear-gradient(135deg,#203033,#203033 9px,#223437 9px,#223437 10px);border-color:#344b4d;color:#7f9b9c}.tile:disabled{opacity:1}.tile.available{border-color:#91a491;box-shadow:inset 0 0 12px #759b761a}.tile.known{background:#283d3f;color:#c7d7ca}.tile.cleared{background:#30433c}.tile.current{border:2px solid var(--gold);box-shadow:0 0 18px #dcb97116;color:var(--gold)}.tile.bingo{box-shadow:inset 0 0 12px #dcb97133}.tile.core.known{color:#ffb3a0}.tile .symbol{font-size:27px;line-height:1.3}.tile small{font-size:12px}.tile .coord{position:absolute;top:3px;left:6px;font-size:12px;opacity:.65}.tile .done{position:absolute;top:3px;right:6px;font-size:12px;color:#b8d4a6}.legend{font-size:13px;color:var(--muted);display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}.mini-party{display:grid;gap:10px}.mini-party .hero-card{padding:12px}.mini-party .avatar{width:39px;height:45px}.mini-party .hero-card h3{font-size:15px}.mini-party .hero-top{gap:8px}.mini-party .stats{gap:4px;font-size:12px}.mini-party .stats span{padding:2px 5px}.mini-party .slots{display:none}.mini-party .cardactions{margin-top:7px}.mini-party .bar{margin:5px 0}.formationline{height:2px;background:#52685d;margin:15px 0}.overlay{position:fixed;inset:0;background:#081114df;backdrop-filter:blur(5px);z-index:20;display:flex;align-items:center;justify-content:center;padding:22px}.modal{width:min(940px,100%);max-height:94vh;overflow:auto;background:#1a292d;border:1px solid #72806a;border-radius:12px;padding:25px;box-shadow:0 20px 100px #0009}.modal.battlemodal{width:min(1050px,100%)}.modal .titlebar{align-items:start}.choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}.choice{padding:20px;text-align:left;display:flex;flex-direction:column;gap:14px;align-items:start}.choice .icon{width:48px;height:48px}.choice p{font-size:14px;color:var(--muted)}.choice .choose{margin-top:auto;color:var(--gold);font-size:14px}.battlefield{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:16px}.battle-column{display:grid;align-content:start;gap:8px}.unit{display:flex;align-items:center;gap:12px;padding:11px 13px;border:1px solid var(--line);border-radius:6px;background:#142326;min-height:95px}.unit.next{border-color:var(--gold);background:#283d37}.unit.dead{opacity:.4;filter:grayscale(1)}.unit .avatar{width:43px;height:50px}.unit .body{flex:1;min-width:0}.unit h4{font-size:15px}.unit small{font-size:12px}.unit .stats{margin-top:4px;font-size:12px;gap:4px}.unit .stats span{padding:1px 5px}.turnqueue{display:flex;gap:6px;overflow-x:auto;padding:10px 0}.turntoken{flex-shrink:0;font-size:12px;border:1px solid #60786a;border-radius:5px;padding:5px 9px;background:#2a443c}.turntoken.enemy{border-color:#855d58;background:#45322f}.turntoken.current{border-color:var(--gold);color:var(--gold)}.battle-controls{display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:18px;padding-top:15px;border-top:1px solid var(--line)}.battle-log{max-height:120px;overflow:auto}.checkitem{display:flex;gap:10px;align-items:center}.checkitem .item{flex:1}.checkitem input{width:19px;height:19px;accent-color:var(--gold)}.jobgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.jobnode{padding:14px;text-align:left;display:block;min-height:140px}.jobnode.current{border-color:var(--gold);background:#334638}.jobnode.nextjob{border-color:#8da498}.jobnode small{display:block;margin-top:6px}.jobnode.base{grid-column:1/-1;min-height:auto}.jobnode.branch{grid-column:span 2}.jobnode .slots{margin-top:8px}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table th,.data-table td{text-align:left;padding:9px;border-bottom:1px solid var(--line)}.data-table th{color:var(--gold);font-weight:600}.rules details{border-bottom:1px solid var(--line);padding:14px 0}.rules summary{color:var(--gold);font-weight:650;cursor:pointer}.rules p,.rules li{font-size:14px;color:#c2d0ca;margin-top:10px}.rules ul{padding-left:22px}.growthlog{display:flex;gap:7px;flex-wrap:wrap}.growthlog span{font-size:13px;padding:4px 8px;border:1px solid #4b6156;border-radius:4px}footer{max-width:1530px;margin:15px auto;padding:5px 30px 20px;font-size:12px;color:#8ca3a0;display:flex;justify-content:space-between;gap:15px}#toast{position:fixed;left:50%;bottom:25px;transform:translateX(-50%);background:var(--gold);color:#162222;padding:0;border-radius:6px;z-index:40;max-width:90vw;font-size:14px}#toast.visible{padding:12px 20px}.resultstats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.resultstats div{padding:15px;border:1px solid var(--line);border-radius:5px;text-align:center}.resultstats b{display:block;font-size:24px;color:var(--gold)}.mobile-note{display:none}@media(max-width:1220px){.layout.dungeon{grid-template-columns:230px minmax(360px,1fr)}.dungeon>aside:last-child{grid-column:1/-1;grid-template-columns:1fr 1fr}.roster{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){main{padding:20px}.layout{grid-template-columns:1fr}.layout>aside:first-child{grid-template-columns:1fr 1fr}.expedition .sigil{display:none}.facilities{grid-template-columns:repeat(3,1fr)}header{padding:12px 20px}.headerbuttons button{font-size:14px;padding:7px 10px}.layout.dungeon{grid-template-columns:1fr}.dungeon>aside:first-child{grid-template-columns:1fr}.mini-party{grid-template-columns:repeat(4,minmax(0,1fr))}.mini-party .avatar{display:none}.mini-party .hero-top{align-items:start}.mini-party .hero-card{padding:9px}.mini-party .position{min-width:20px;width:20px;height:20px;font-size:12px}.mini-party .hero-card h3{font-size:14px}.mini-party .stats span{padding:1px 4px}.mini-party .small{font-size:12px}.board{max-width:650px;margin:20px auto 0}.jobgrid{grid-template-columns:repeat(4,minmax(0,1fr))}.jobnode{padding:10px}.jobnode h4{font-size:14px}}@media(max-width:600px){body{font-size:15px}header{flex-wrap:wrap;padding:12px 14px}.brand h1{font-size:21px}.headerbuttons{gap:6px}.headerbuttons button{font-size:13px}.titlebar{align-items:start}.titlebar h2{font-size:22px}main{padding:14px}.layout>aside:first-child{grid-template-columns:1fr}.cards,.item-grid{grid-template-columns:1fr}.facilities{grid-template-columns:repeat(2,1fr)}.roster{grid-template-columns:repeat(2,1fr)}.dungeon>aside:last-child{grid-column:auto;grid-template-columns:1fr}.mini-party{grid-template-columns:repeat(2,minmax(0,1fr))}.choices{grid-template-columns:1fr}.battlefield{gap:8px}.unit{gap:6px;padding:8px;min-height:105px}.unit .avatar{display:none}.unit .position{min-width:20px;width:20px;height:20px;font-size:12px}.battlefield h3{font-size:16px}.modal{padding:15px}.overlay{padding:10px}.jobgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.jobnode.branch{grid-column:span 1}.jobnode.leaf{min-height:150px}.tile .symbol{font-size:23px}.tile small{font-size:10px}.tile .coord{font-size:10px}.panel{padding:15px}.resultstats{grid-template-columns:repeat(2,1fr)}footer{padding:5px 14px 15px;flex-wrap:wrap}.tabs{gap:0}.tabs button{font-size:14px;padding:8px 10px}.data-table{font-size:12px}.data-table th,.data-table td{padding:6px}.stats{font-size:14px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Horizontal, facing formations: keep one rank even on small viewports. */
.facilities{grid-template-columns:repeat(6,minmax(0,1fr))}.item-neutral{background:#414a4b;border:1px solid #abb4b0;color:#eff2ec}.onboarding{max-width:960px;margin:20px auto}.modal.battlemodal{width:min(1390px,100%)}.battle-scroll{overflow-x:auto;overscroll-behavior-x:contain;padding:12px 0}.battle-arena{display:flex;align-items:stretch;justify-content:center;gap:14px;min-width:1090px;padding:34px 5px 10px;background:radial-gradient(ellipse at 50% 100%,#61756544,transparent 70%);border-bottom:1px solid #617366}.army{position:relative;display:flex;gap:9px;flex:1;justify-content:flex-start;align-items:stretch}.army.allies{justify-content:flex-end}.army-label{position:absolute;top:-30px;left:0;right:0;text-align:center;font-size:14px;color:var(--muted)}.army .unit{flex:0 0 120px;max-width:145px;display:flex;flex-direction:column;align-items:center;padding:10px 7px;text-align:center;min-height:252px;position:relative}.army .unit .position{position:absolute;left:7px;top:7px}.army .unit .avatar{display:block;width:75px;height:87px;margin-top:9px}.army.allies .unit .avatar{transform:scaleX(-1)}.army .unit h4{min-height:42px;line-height:1.45;font-size:14px}.army .unit .body{width:100%}.army .unit small{font-size:12px}.versus{align-self:center;color:var(--gold);font-size:26px}.armor-readout{color:#a7cff0;font-size:13px;margin:3px 0}.auto-setting{display:flex;gap:8px;align-items:center;border:1px solid var(--line);padding:9px 12px;border-radius:6px}.auto-setting input{width:19px;height:19px;accent-color:var(--gold)}@media(max-width:1000px){.facilities{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.facilities{grid-template-columns:repeat(2,1fr)}.battle-arena{min-width:1010px;gap:8px}.army{gap:5px}.army .unit{flex-basis:114px;padding:8px 5px}.onboarding .row{flex-wrap:wrap}}
/* The whole application is one game viewport. All dialogs and controls belong to it. */
html,body{height:100%;overflow:hidden}body{background:#07090c;color:#e5dfd2}#game-frame{position:relative;isolation:isolate;width:100%;height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(ellipse at 45% 15%,#342e2566,transparent 70%),#131619;border:2px solid #595044}#game-frame>header{flex-shrink:0;min-height:75px;background:#121416;border-bottom:1px solid #66553c;padding:12px 22px;z-index:3}#game-frame>main{flex:1;overflow:auto;width:100%;max-width:none;padding:0;margin:0}#game-frame>footer{flex-shrink:0;margin:0;max-width:none;padding:6px 20px;font-size:12px;background:#111315;border-top:1px solid #393631}#game-frame .overlay{position:absolute;inset:0;z-index:30;background:#090b0ee8}#game-frame .modal{background:#1c2023;border:1px solid #88724b;max-height:93%;border-radius:4px}#game-frame #toast{position:absolute;z-index:50}.resource-hud{font-size:14px;gap:18px;color:#bcb19c}.resource-hud span{white-space:nowrap}.title-screen{position:relative;min-height:100%;padding:50px 12%;background:radial-gradient(ellipse at 75% 48%,#84734a20 0,transparent 48%),linear-gradient(115deg,#17191ce8,#111317);overflow:hidden}.title-screen h2{position:relative;font-family:Georgia,'Batang',serif;font-size:clamp(60px,8vw,105px);line-height:1.15;letter-spacing:12px;color:#e0d1ac;margin:16px 0;text-shadow:0 4px 20px #0009}.title-screen h2 span{color:#a89062}.title-sub{color:#9d998e;font-size:16px;letter-spacing:3px}.title-menu{display:grid;gap:10px;width:270px;margin:30px 0}.title-menu button{background:#201f1dd9;text-align:left;border-color:#62553d;padding:12px 20px;border-radius:0;letter-spacing:2px}.title-menu button.primary{background:#9d7d44;color:#121414;border-color:#b69c68}.title-ornament{position:absolute;right:14%;top:12%;font-size:clamp(160px,30vw,470px);line-height:1;color:#a088501c;text-shadow:0 0 90px #b8a26716;pointer-events:none}.title-line{position:absolute;top:12%;bottom:12%;right:12%;width:1px;background:linear-gradient(transparent,#8c75434d,transparent)}.title-save{font-size:12px;color:#8e887c;letter-spacing:2px}.title-save p{margin-top:8px;letter-spacing:0}.town-shell{display:grid;grid-template-columns:245px minmax(0,1fr);height:100%;min-height:650px}.town-nav{padding:25px 20px;background:#18191bd9;border-right:1px solid #494133;overflow:auto}.town-nav h2{font-family:Georgia,'Batang',serif;color:#d9c69d}.village-nav{display:grid;gap:5px;margin:22px 0}.village-nav button{text-align:left;display:flex;align-items:center;gap:14px;background:transparent;border-color:transparent;border-radius:3px;padding:10px 13px;font-size:15px}.village-nav button span{color:#ac966a;font-size:19px;width:24px;text-align:center}.village-nav button.active{background:#74613b30;border:1px solid #83704b;color:#edd39c}.town-content{padding:28px 34px;overflow:auto}.route-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.route-heading h2{font-family:Georgia,'Batang',serif;font-size:30px}.chapter-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0 14px}.chapter-tabs button{display:grid;text-align:left;gap:5px;padding:15px;background:#252522;border-color:#544b3c;border-radius:3px}.chapter-tabs small{font-size:11px;letter-spacing:2px;color:#b3a584}.chapter-tabs b{font-size:18px}.chapter-tabs span{font-size:13px;color:#a5a296}.chapter-tabs .active{border-color:#bca065;box-shadow:inset 0 3px #b69b62;background:#3a3225}.route-panel{position:relative;border:1px solid #65563c;background:radial-gradient(ellipse at 50% 50%,#77644516,transparent 65%),#202220;border-radius:3px;padding:12px 25px 14px}.map-origin{font-size:14px;color:#cfbb92;margin-left:5%;height:22px}.stage-map{position:relative;height:260px;margin:0 0 14px}.stage-map svg{position:absolute;inset:0;width:100%;height:100%}.stage-node{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:4px;background:#191d1ce8;border:1px solid #8c7953;border-radius:4px;width:85px;min-height:98px;padding:8px;z-index:1}.stage-node b{font-size:14px}.stage-node small{font-size:12px}.stage-medal{color:#dcc58e;font-size:22px;line-height:1.1}.stage-node.selected{border:2px solid #f0d29c;box-shadow:0 0 16px #cba45330;background:#55452a}.stage-node.complete{background:#2b3931;border-color:#73876c}.stage-node.danger-stage .stage-medal{color:#d5927d}.stage-node:disabled{opacity:.35}.route-bottom{display:grid;grid-template-columns:1fr 1.25fr;gap:15px;margin-top:16px}.route-party{display:flex;gap:10px;margin:12px 0}.route-party>div{display:flex;flex:1;min-width:0;flex-direction:column;align-items:center;text-align:center}.route-party .avatar{width:48px;height:55px}.route-party small,.route-party span{font-size:12px}.facility-header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-bottom:22px;border-bottom:1px solid #4e4638;margin-bottom:22px}.market-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.skill-list{display:grid;margin-top:12px}.skill-row{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #42483f;padding:12px 0}.skill-row button{flex-shrink:0}.perk{padding:12px 15px;border-left:3px solid #93ae86;background:#87937512;font-size:14px}.perk.negative{border-left-color:#bc7c70;background:#b6746810}.perk p{margin-top:4px;color:#c5c4b8}.warning-text{color:#eca899;font-size:14px;margin-top:12px}.migration{margin-bottom:20px}.choices .choice .item{border:0;padding:0;background:transparent}.choices .choice{background:#272923;border-color:#766645}.panel{background:#22272a;border-color:#4c4c40;border-radius:4px}.item{border-radius:3px;background:#1a2022;border-color:#4c5148}.hero-card{background:#1c2425;border-color:#4c564c}.onboarding{margin:30px auto;padding:26px}#game-frame main>.titlebar,#game-frame main>.layout{margin:20px 24px}#game-frame main>.layout{padding-bottom:18px}#game-frame main>.titlebar{margin-bottom:16px}@media(max-width:1150px){.resource-hud{gap:10px;font-size:12px}.town-shell{grid-template-columns:200px minmax(0,1fr)}.town-content{padding:22px}.route-bottom{grid-template-columns:1fr}.town-nav{padding:22px 12px}}@media(max-width:760px){#game-frame>header{padding:8px 12px;gap:8px;flex-wrap:wrap}.resource-hud{order:3;width:100%;justify-content:space-between}.town-shell{display:flex;flex-direction:column;height:auto;min-height:100%}.town-nav{padding:12px;border-right:0;border-bottom:1px solid #5a4c35;overflow:visible}.town-nav>.eyebrow,.town-nav>h2,.town-nav>p,.town-nav>.notice{display:none}.village-nav{display:flex;overflow-x:auto;margin:0;gap:4px}.village-nav button{white-space:nowrap;padding:8px}.village-nav button span{display:none}.town-content{padding:16px;overflow:visible}.chapter-tabs{gap:6px;margin:16px 0}.chapter-tabs button{padding:10px}.chapter-tabs b{font-size:13px}.chapter-tabs small{font-size:10px}.stage-map{height:240px}.stage-node{width:58px;min-height:85px;padding:6px 2px}.stage-node small{font-size:10px}.stage-node b{font-size:12px}.route-panel{padding:8px}.stage-medal{font-size:19px}.facility-header{align-items:flex-start;flex-direction:column}.title-screen{padding:35px 10%}.title-ornament{right:5%;top:23%}.title-screen h2{font-size:64px}.title-menu{width:240px}.market-grid{grid-template-columns:1fr}.skill-row{align-items:flex-start}.route-party small{font-size:10px}.onboarding{margin:15px}.headerbuttons button{font-size:12px;padding:6px 8px}#game-frame>footer{font-size:10px;padding:4px 10px}.brand h1{font-size:19px}#game-frame main>.titlebar,#game-frame main>.layout{margin:12px}}