@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#101714;--panel:#18211d;--line:#303d32;--text:#e7ebd9;--muted:#94a292;--lime:#cee8a5;--gold:#ddb976;--display:'Space Grotesk',sans-serif;--body:'DM Sans',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px var(--body);background-image:radial-gradient(ellipse at 45% 0%,#28372444,transparent 65%)}button,input,select{font:inherit}button{cursor:pointer;color:inherit;transition:background .18s,transform .18s}button:hover{filter:brightness(1.12)}button:active{transform:translateY(1px)}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--lime);outline-offset:4px}a{color:inherit;text-decoration:none}.header{display:flex;align-items:center;justify-content:space-between;padding:24px 3.5%;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:center;gap:12px;font:500 19px var(--display);letter-spacing:2px}.brand b{color:var(--lime);font-weight:500}.brand small{display:block;font:8px var(--body);letter-spacing:1.4px;color:var(--muted);margin-top:6px}.brand-mark{font-size:44px;color:var(--lime);line-height:1}.header nav{display:flex;gap:24px}.nav{background:none;border:0;color:var(--muted);padding:10px 0}.nav.active{color:var(--lime);border-bottom:1px solid var(--lime)}.nav span{padding-left:8px}.local-badge{border:1px solid var(--line);border-radius:20px;font-size:9px;letter-spacing:1.4px;padding:10px 13px;white-space:nowrap}.local-badge i,.status-dot{display:inline-block;width:6px;height:6px;background:var(--lime);border-radius:50%;margin-right:8px}main{max-width:1800px;margin:auto;padding:38px 3.5% 0}.intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--gold)}h1,h2,h3,p{margin-top:0}h1{font:500 clamp(30px,3.3vw,48px) var(--display);letter-spacing:-1.8px;margin:10px 0}h2{font:500 23px/1.2 var(--display);letter-spacing:-.7px;margin-bottom:24px}.intro p{color:var(--muted);margin-bottom:0}.subtle{background:transparent;border:1px solid var(--line);border-radius:5px;padding:11px 15px;font-size:12px}.subtle span{padding-left:24px}.layout{display:grid;grid-template-columns:250px minmax(0,1fr) 230px;gap:18px;align-items:stretch}.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:22px}.section-label{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:9px;letter-spacing:1.3px;margin-bottom:18px}.section-label>span:last-child:not(:first-child){color:var(--gold)}label{display:block;color:var(--muted);font-size:9px;letter-spacing:1.5px;margin:18px 0 9px}select,input{width:100%;padding:11px 9px;color:var(--text);border:1px solid #40503e;border-radius:4px;background:#121a16;font-size:12px}select{cursor:pointer}.map-meta{display:flex;justify-content:space-between;color:var(--lime);font-size:8px;letter-spacing:1px;margin:12px 0}.muted{color:var(--muted);line-height:1.7;font-size:12px}.rule-card{display:flex;gap:10px;padding:12px;background:#a3ba7420;border:1px solid #73895130;border-radius:4px;margin-top:18px}.rule-card>span{font-size:24px;color:var(--lime)}.rule-card p{font-size:10px;line-height:1.6;color:var(--muted);margin:0}.rule-card strong{color:var(--lime);font-weight:500}.divider{height:1px;background:var(--line);margin:22px 0}.text-button{border:0;background:none;padding:0;color:var(--lime);font-size:11px;letter-spacing:0}.primary{border:1px solid var(--lime);background:var(--lime);color:#1b2919;padding:14px 19px;font-weight:700;border-radius:4px;font-size:13px;display:inline-flex;align-items:center;justify-content:space-between;gap:18px}.full{width:100%}#savePreset{margin-top:12px}#start{margin-top:18px}.footnote{font-size:10px;line-height:1.8;text-align:center;color:var(--muted);margin:13px 0 0}.arena-panel{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#0d1512;display:flex;flex-direction:column;min-width:0}.arena-top,.arena-bottom{padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:9px;letter-spacing:1.3px;background:#18211d}.arena-top #phase{color:var(--muted);font-size:8px;letter-spacing:1px}.canvas-wrap{position:relative;flex:1;min-height:470px;overflow:hidden;display:flex;align-items:center;background:#0a100e}canvas#game{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:contain;touch-action:none;cursor:crosshair}.preview-overlay{position:absolute;inset:0;background:linear-gradient(0deg,#0a100eb5,#0a100e60);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.rune{font-size:70px;color:var(--lime);text-shadow:0 0 50px #b5d88a70;margin-bottom:14px}.preview-overlay h2{font:500 clamp(32px,3vw,46px)/1.12 var(--display);letter-spacing:-1.8px;margin:16px 0}.preview-overlay p{font-size:13px;color:#b7c2ad;line-height:1.7;margin-bottom:24px}.arena-bottom{font-size:9px;letter-spacing:0;color:var(--muted);padding:14px 12px;min-height:45px}.arena-bottom>span{line-height:1.7}kbd{font:8px var(--body);border:1px solid #52614b;padding:3px 4px;border-radius:3px;color:#d1d9c4;margin:0 3px}.run-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-bottom:1px solid var(--line);padding:0 0 22px;margin-bottom:24px}.run-stats strong{display:block;font:30px var(--display);color:var(--gold)}.run-stats span{font-size:8px;letter-spacing:1px;color:var(--muted)}.empty-inventory{text-align:center;border:1px dashed #45523c;border-radius:5px;padding:23px 4px;color:var(--muted)}.empty-inventory>span{font-size:40px;color:#617756}.empty-inventory p{font-size:12px;line-height:1.6;margin:14px 0}.empty-inventory small{font-size:10px;line-height:1.8}.synergy{margin:26px 0 22px;padding-left:12px;border-left:2px solid #6e8655}.synergy>span{font-size:8px;letter-spacing:1.5px;color:var(--gold)}.synergy p{font-size:11px;line-height:1.8;color:var(--muted);margin:9px 0 0}.bottom-strip{display:grid;grid-template-columns:1fr 1fr 1fr;border:1px solid var(--line);border-radius:6px;margin-top:20px;padding:18px 22px;gap:20px}.bottom-strip>div{display:flex;align-items:center;gap:14px}.bottom-strip>div>span{color:var(--gold);font-size:23px}.bottom-strip p{font-size:11px;color:var(--muted);margin:0;line-height:1.7}.bottom-strip strong{color:#cdd6bf;font-weight:500}footer{padding:24px 0;display:flex;justify-content:space-between;align-items:center;gap:16px;color:#80917c;font-size:9px;letter-spacing:.7px}footer em{color:var(--gold);margin:0 8px}.hidden{display:none!important}.game-hud{position:absolute;top:17px;left:18px;right:18px;display:flex;justify-content:space-between;pointer-events:none}.health-wrap{width:170px;background:#0c130fde;padding:10px;border:1px solid #4b6347;border-radius:4px}.health-wrap>div:first-child{display:flex;justify-content:space-between;font-size:8px;margin-bottom:6px}.health-track{height:5px;background:#4d302c}.health-track i{display:block;height:100%;background:var(--lime);transition:width .15s}#runClock{font:16px var(--display);background:#0c130fde;padding:8px;height:35px}.world-message{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);background:#111c15e8;border:1px solid #657851;padding:10px 17px;text-align:center;font-size:12px;color:var(--lime);max-width:90%;width:max-content;pointer-events:none}.relic-row{display:flex;align-items:center;gap:9px;padding:12px 0;border-bottom:1px solid var(--line)}.relic-icon{font:23px var(--display);color:var(--gold);background:#b49a5720;border:1px solid #90774740;border-radius:5px;width:36px;height:36px;display:grid;place-items:center;flex-shrink:0}.relic-row strong{display:block;font-size:11px;font-weight:500}.relic-row small{font-size:9px;color:var(--muted);display:block;margin-top:4px}.relic-row b{font:14px var(--display);color:var(--lime);margin-left:auto}#inventory{max-height:295px;overflow:auto}.result{position:absolute;inset:0;background:#0b120fea;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:30px;z-index:5}.result h2{font-size:38px;margin:18px 0}.result p{color:var(--muted);line-height:1.8}.result button{margin:7px}.touch-controls{position:absolute;inset:auto 18px 18px;display:flex;align-items:end;justify-content:space-between;pointer-events:none}#joystick{width:95px;height:95px;border-radius:50%;background:#cee8a51a;border:1px solid #cee8a560;touch-action:none;pointer-events:auto;display:grid;place-items:center}#joystick span{width:36px;height:36px;border-radius:50%;background:#cee8a560;pointer-events:none}.touch-actions{display:flex;gap:12px;pointer-events:auto}.touch-actions button{width:60px;height:60px;background:#1a2c21d9;border:1px solid #a0bb77;border-radius:50%;font-size:10px;touch-action:none}dialog{background:#17221b;border:1px solid #4b5e41;color:var(--text);padding:24px;border-radius:10px;width:min(740px,94vw);max-height:90vh;box-shadow:0 30px 160px #0009}dialog::backdrop{background:#050b09bb;backdrop-filter:blur(7px)}.modal-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.icon-button{border:0;background:none;font-size:28px;color:var(--muted);line-height:1}.modal-copy{font-size:13px;line-height:1.8;color:var(--muted)}.codex-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.codex-card{background:#101a14;border:1px solid var(--line);border-radius:5px;padding:17px}.codex-card h3{font:16px var(--display);margin:10px 0}.codex-card p{font-size:12px;color:var(--muted);line-height:1.7;margin-bottom:8px}.codex-card small{color:var(--lime);font-size:10px}.modal-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.editor-toolbar{display:flex;gap:6px;flex-wrap:wrap;margin:15px 0}.tool{border:1px solid var(--line);background:#101a14;border-radius:3px;font-size:11px;padding:8px}.tool.selected{border-color:var(--lime);color:var(--lime);background:#33402a}.editor-canvas{width:100%;height:auto;display:block;background:#080e0b;touch-action:none;border:1px solid var(--line);image-rendering:pixelated}.editor-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.error{font-size:12px;color:#f7b299;line-height:1.6;margin:12px 0;min-height:20px}.preset{padding:14px;border:1px solid var(--line);border-radius:5px;margin:10px 0;display:flex;align-items:center;gap:14px}.preset>div{flex:1}.preset strong{font-size:14px}.preset small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:14px 24px;background:var(--lime);color:#1a2a18;font-size:13px;border-radius:5px;box-shadow:0 8px 30px #0007;z-index:100;max-width:90vw;text-align:center}.item-choice{width:100%;text-align:left;cursor:pointer;color:inherit}.item-choice:hover{border-color:var(--lime)}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.file-label{font-size:12px;letter-spacing:0}.help-list{padding-left:20px;color:var(--muted);line-height:2;font-size:13px}.editor-status{color:var(--muted);font-size:11px;margin-top:10px}
@media(min-width:1500px){.layout{grid-template-columns:280px minmax(0,1fr) 250px}.canvas-wrap{min-height:590px}.panel{padding:26px}}
@media(max-width:1150px){.layout{grid-template-columns:220px minmax(0,1fr)}.satchel{grid-column:1/-1;display:grid;grid-template-columns:180px 1fr;gap:12px 24px}.satchel>.section-label:first-child,.satchel>h2{display:none}.run-stats{margin:0;border:0;padding:10px}.inventory-title{display:none}#inventory{grid-column:2;grid-row:1/4;max-height:180px}.empty-inventory{padding:10px}.empty-inventory>span{display:none}.empty-inventory p{margin:0}.synergy{margin:0}.satchel>.text-button{width:auto;text-align:left}.header nav{gap:15px}.brand{font-size:16px}.brand small{font-size:7px}}
@media(max-width:760px){.header{padding:16px 5%;flex-wrap:wrap;gap:14px}.header nav{order:3;width:100%;justify-content:space-between;font-size:12px}.brand small{display:none}.local-badge{font-size:8px;padding:8px}.brand-mark{font-size:32px}main{padding:24px 4% 0}.intro{align-items:start;gap:12px}.intro h1{font-size:34px}.intro p{font-size:12px;line-height:1.7}.intro .subtle{font-size:10px;padding:9px;white-space:nowrap}.intro .subtle span{display:none}.eyebrow{font-size:8px}.layout{display:flex;flex-direction:column;gap:15px}.expedition{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;padding:18px}.expedition>h2,.expedition>.divider,.expedition>.rule-card,.expedition>#mapDescription,.expedition>.map-meta{display:none}.expedition>.section-label:first-child{grid-column:1/-1;margin-bottom:0}.expedition>.section-label:not(:first-child){grid-column:1/-1;margin:12px 0 0}.expedition>label{margin:0;align-self:center}.expedition>.footnote{grid-column:1/-1;margin:0}.expedition>#start,.expedition>#savePreset{margin:8px 0 0;font-size:11px;justify-content:center}.arena-panel{order:0}.canvas-wrap{min-height:480px}.arena-top{padding:13px 12px}.arena-bottom>span{font-size:8px}.arena-bottom kbd{font-size:7px}.satchel{display:grid;grid-template-columns:120px 1fr;padding:18px}.bottom-strip{grid-template-columns:1fr;padding:14px 18px;gap:12px}.bottom-strip p{font-size:11px}footer{flex-wrap:wrap;line-height:1.8;font-size:8px}.codex-grid,.choice-grid{grid-template-columns:1fr}.choice-grid .codex-card{padding:12px}.choice-grid .relic-icon{float:left;margin:3px 12px 16px 0}.choice-grid h3{margin:0 0 5px}.choice-grid p{margin:0}.game-hud{top:12px;left:12px;right:12px}.world-message{bottom:126px;font-size:11px}.touch-controls{bottom:14px}.health-wrap{width:145px}.preview-overlay h2{font-size:40px}body.playing .intro,body.playing .expedition,body.playing .bottom-strip{display:none}body.playing main{padding-top:12px}body.playing .canvas-wrap{min-height:65vh}body.playing .header nav{display:none}.editor-fields{grid-template-columns:1fr}.editor-fields label{margin-top:8px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.title-screen{position:fixed;inset:0;z-index:200;background:#07100c;overflow:hidden;transition:opacity .45s ease}.title-screen.gone{opacity:0;pointer-events:none}.title-screen canvas,.title-shade{position:absolute;inset:0;width:100%;height:100%}.title-shade{background:linear-gradient(90deg,#07100cf7 0%,#07100cdb 34%,#07100c40 67%,#07100cbd 100%),linear-gradient(0deg,#07100ce8,transparent 40%)}.title-content{position:relative;z-index:2;width:min(560px,88vw);height:100%;display:flex;flex-direction:column;justify-content:center;padding-left:7vw}.title-logo{display:flex;gap:18px;align-items:center;margin-bottom:40px}.title-logo>span{font-size:64px;color:var(--lime);text-shadow:0 0 34px #cceb9e55}.title-logo small{font-size:9px;letter-spacing:2.2px;color:var(--gold)}.title-logo h1{font:500 clamp(35px,4.5vw,63px) var(--display);letter-spacing:-3px;margin:7px 0 2px}.title-logo h1 b{color:var(--lime);font-weight:500}.title-logo p{color:#9daf99;margin:0;font-size:13px}.title-nav{display:flex;flex-direction:column;width:min(440px,100%);gap:5px}.title-nav button{display:flex;align-items:center;justify-content:space-between;background:#101b15d9;border:1px solid #394937;padding:15px 18px;text-align:left;font:600 14px var(--display);letter-spacing:1px}.title-nav button span{font:10px var(--body);color:#82937f;letter-spacing:0}.title-nav button:hover,.title-nav .title-primary{border-color:#bcd990;color:var(--lime);background:#26351fd9}.title-status{display:flex;align-items:center;gap:9px;color:#aebca7;margin-top:25px;font-size:9px;letter-spacing:1.4px}.title-status i{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px var(--lime)}.title-status small{margin-left:auto;color:#71806d}.title-card{position:absolute;right:5vw;bottom:6vh;z-index:2;border:1px solid #556547;background:#0b150fd9;padding:18px;width:280px;border-radius:7px}.title-card>span{color:var(--gold);font-size:8px;letter-spacing:1.6px}.title-card strong{display:block;font:22px var(--display);margin:8px 0}.title-card p{color:#91a18d;font-size:11px}.title-card div{padding-top:13px;border-top:1px solid #354331;color:#aeba9e;font-size:10px}.title-card b{color:var(--gold);font-size:16px;margin-right:8px}.front-modal{background:#121e17ee;width:min(780px,94vw);border-color:#637655}.front-close{position:absolute;right:18px;top:16px}.front-modal h2{font-size:35px;margin:12px 0 16px}.join-form,.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.join-form label,.settings-grid label{font-size:9px;letter-spacing:1.2px;color:var(--muted)}.join-form input,.settings-grid input,.settings-grid select{margin-top:8px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.quick-grid button{min-height:70px;justify-content:center}.skin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.skin-card{display:flex;flex-direction:column;align-items:center;padding:18px 10px;background:#0c1510;border:1px solid var(--line);color:var(--text);border-radius:5px}.skin-card i{display:block;width:54px;height:54px;background:var(--skin);border-radius:50% 50% 40% 40%;box-shadow:0 0 30px color-mix(in srgb,var(--skin),transparent 65%);margin-bottom:13px}.skin-card strong{font-size:12px}.skin-card small{font-size:8px;color:var(--muted);margin-top:7px}.skin-card.equipped{border-color:var(--lime);color:var(--lime)}.skin-card:disabled{opacity:.45}.settings-grid{margin-top:20px}.settings-grid label{padding:12px;border:1px solid var(--line)}.settings-grid output{float:right;margin-top:8px;color:var(--lime)}.settings-grid .check{display:flex;align-items:center;gap:12px}.settings-grid input[type=checkbox]{width:auto;margin:0}.room-code{margin-left:12px;padding:5px 8px;border:1px solid #687d55;border-radius:3px;color:var(--lime);font-size:8px;letter-spacing:1px}.stage-progress{margin-bottom:16px}.stage-progress>span{font-size:8px;letter-spacing:1.4px;color:var(--muted)}.stage-progress strong{float:right;color:var(--gold);font:15px var(--display)}.stage-progress>div{clear:both;height:4px;background:#374034;margin-top:8px}.stage-progress i{display:block;width:50%;height:100%;background:var(--lime)}body[data-color-mode=high]{--lime:#fff59b;--gold:#ffbd4a;--muted:#cad7c8}body[data-color-mode=deuteranopia]{--lime:#76d7ff;--gold:#ffc96b}body[data-color-mode=tritanopia]{--lime:#ff9ed2;--gold:#8ae4c5}.reduce-motion *{animation:none!important;transition:none!important}
@media(max-width:760px){.title-content{padding:30px 6vw;justify-content:flex-start;overflow:auto}.title-logo{margin:28px 0 24px}.title-logo>span{font-size:42px}.title-logo h1{font-size:34px;letter-spacing:-1.5px}.title-logo p{font-size:11px}.title-nav button{padding:13px}.title-card{display:none}.title-status small{display:none}.join-form,.settings-grid,.quick-grid{grid-template-columns:1fr}.skin-grid{grid-template-columns:1fr 1fr}.front-modal h2{font-size:27px}}
.player-meters{display:flex;flex-direction:column;gap:6px}.lantern-toggle{width:170px;pointer-events:auto;text-align:left;padding:8px 10px;border:1px solid #766442;border-radius:4px;background:#14190fea;color:#d8be8e;font-size:8px}.lantern-toggle.lit{border-color:#e1c185;background:#3b3222ed}.lantern-track{display:block;height:3px;background:#4e422b;margin-top:6px}.lantern-track i{display:block;width:100%;height:100%;background:#d9bb79}.workshop-modal{width:min(1180px,96vw);overflow:auto}.workshop-modal #modalBody{overflow:visible}.editor-workspace{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:20px;align-items:start}.editor-workspace>div{min-width:0}.editor-scroll{overflow:visible;border:1px solid var(--line);border-radius:5px}.editor-scroll .editor-canvas{width:100%!important;height:auto;max-width:100%;border:0}.creature-inspector{padding:16px;background:#101a14;border:1px solid var(--line);border-radius:5px}.creature-inspector h3{font:500 16px var(--display);margin-bottom:10px}.creature-inspector .editor-status{line-height:1.7;margin-bottom:10px}.creature-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.creature-fields label{margin:0;font-size:8px;letter-spacing:.8px}.creature-fields label:nth-child(-n+3){grid-column:1/-1}.creature-fields input,.creature-fields select{margin-top:6px;font-size:11px}.creature-fields input[type=color]{height:36px;padding:3px}.creature-fields input[type=checkbox]{display:block;width:18px;height:18px;accent-color:var(--lime)}.creature-fields label:has(input[type=checkbox]){grid-column:1/-1}.editor-fields label input,.editor-fields label select{margin-top:8px}
.chest-pricing{border:1px solid var(--line);border-radius:5px;padding:12px 16px;margin:18px 0}.chest-pricing legend{font-size:9px;letter-spacing:1.4px;color:var(--gold);padding:0 6px}.chest-pricing label{margin:0}.chest-pricing .editor-status{margin-bottom:0;line-height:1.6}.chest-cost-card{padding:12px;border:1px solid #655b3b;border-radius:4px;margin-bottom:22px;background:#c4a9650c}.chest-cost-card>span{font-size:9px;letter-spacing:1px;color:var(--muted)}.chest-cost-card strong{display:block;font:22px var(--display);color:var(--gold);margin:5px 0}.chest-cost-card small{font-size:9px;color:var(--muted)}
@media(max-width:1150px){.satchel .chest-cost-card{grid-column:1;grid-row:2;margin:0}.satchel #inventory{grid-row:1/5}.satchel .synergy{grid-column:1;grid-row:3}.satchel>#inventoryCodex{grid-column:1;grid-row:4}}
@media(max-width:760px){.lantern-toggle{width:145px;padding:7px 8px;font-size:7px}.editor-workspace{grid-template-columns:1fr}.editor-scroll{overflow:auto;max-height:60vh}.editor-scroll .editor-canvas{width:auto!important;max-width:none}.creature-fields{grid-template-columns:1fr 1fr}.creature-fields label:nth-child(-n+3){grid-column:auto}.workshop-modal{padding:16px}.game-hud{z-index:2}.arena-bottom{flex-wrap:wrap}.arena-bottom>span{flex-basis:100%}}