@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&family=Silkscreen&display=swap');
:root{--bg:#f5f0e5;--paper:#fffdf7;--ink:#2b302c;--muted:#6b6e66;--red:#cc3338;--red-light:#fce6df;--line:#d9d7ca;--dark:#282f2d;--sand:#e9d7b1;--blue:#366b88;--pixel:'Silkscreen',monospace}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);font:16px/1.55 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{border:1px solid #c8c9be;border-radius:5px;padding:11px 18px;background:var(--paper);color:var(--ink);font-weight:700;cursor:pointer;transition:transform .15s,background .15s}button:hover{background:#eee7d7;transform:translateY(-1px)}button:disabled{opacity:.5;cursor:not-allowed;transform:none}button.primary,.primary{background:var(--red);border-color:var(--red);color:#fffaf0;box-shadow:0 3px 0 #8b252d}button.primary:hover{background:#b72a32}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #336985;outline-offset:3px}.skip{position:absolute;top:-50px}.skip:focus{top:5px;background:white;z-index:100;padding:10px}.brand{display:flex;align-items:center;gap:3px;white-space:nowrap;font-weight:900;font-size:26px;letter-spacing:-1.5px}.brand>span:not(.mark){color:var(--red)}.brand sup{font:10px var(--pixel);margin:2px 0 0 9px;color:var(--muted);letter-spacing:0}.mark{display:grid;place-items:center;width:32px;height:34px;margin-right:7px;font:24px var(--pixel);background:var(--red);color:white;box-shadow:3px 3px 0 #ebbbb1;clip-path:polygon(0 0,85% 0,100% 15%,100% 100%,15% 100%,0 85%)}header{padding:20px 4%;display:flex;align-items:center;gap:28px;background:var(--paper);border-bottom:1px solid var(--line)}nav{display:flex;gap:25px;margin:auto;font-size:14px;font-weight:600}nav a{color:#5d635c;padding:7px 0}nav a.active{color:var(--red);box-shadow:0 2px var(--red)}.wallet{font-size:14px;color:var(--red);border-color:#e1bdb6;padding:9px 14px}.notice{display:flex;align-items:center;gap:14px;padding:9px 4%;font-size:12px;border-bottom:1px solid var(--line);color:#727367;background:#eee9dc}.notice a{margin-left:auto;color:var(--red);font-weight:700}.status-chip{font:10px var(--pixel);color:#9f3434}.eyebrow{font:11px/1.6 var(--pixel);text-transform:uppercase;color:var(--red);letter-spacing:.4px}main{max-width:1500px;margin:auto;padding:32px 4% 60px;min-height:76vh}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.07;font-family:'Barlow Condensed',Impact,sans-serif}h1{font-size:clamp(42px,4.5vw,64px);font-weight:800;letter-spacing:.1px}h2{font-size:32px}h3{font-size:25px}p{color:var(--muted)}.pagehead{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.pagehead h1{margin:7px 0}.pagehead p{max-width:700px}.small{font-size:13px}.muted{color:var(--muted)}.tag{display:inline-block;padding:4px 8px;border:1px solid #d7cbbb;border-radius:3px;font-size:12px;font-weight:600;color:#75543e;background:#fff8e9}.tag.red{background:var(--red-light);border-color:#e8b6aa;color:#ac3035}.row{display:flex;justify-content:space-between;align-items:center;gap:14px}.actions{display:flex;gap:10px;flex-wrap:wrap}.home-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px}.world{position:relative;min-height:423px;overflow:hidden;border:3px solid var(--dark);border-radius:7px;background:#ddc293;box-shadow:0 5px 0 #d1cbb9}.world:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#292d28eb 0%,#34372aba 30%,#433e2622 75%),url('assets/terrain.png') center/cover;image-rendering:pixelated}.world-copy{position:relative;padding:33px;max-width:470px;color:var(--paper);z-index:1}.world .eyebrow{color:#ffc28f}.world h1{font-size:clamp(44px,4.5vw,65px);line-height:.99;margin:15px 0}.world h1 span{color:#ffd99b}.world p{color:#eee9db;max-width:340px;margin:0 0 24px}.world button:not(.primary){background:#fff5e2}.world-meta{position:absolute;bottom:0;left:0;right:0;background:#222a24d9;color:#f4e9d2;display:flex;justify-content:space-between;gap:12px;padding:12px 22px;font-size:12px}.world-meta b{color:#ffc598}.location{position:absolute;right:16px;top:16px;background:#fff5e5e8;padding:7px 10px;border:1px solid #746c56;font:10px var(--pixel)}.side{display:flex;flex-direction:column;gap:18px}.panel{padding:23px;background:var(--paper);border:1px solid var(--line);border-radius:7px;box-shadow:0 3px 0 #e4dfd1}.panel.dark{background:var(--dark);color:#fff5e8;border-color:var(--dark)}.panel.dark p,.panel.dark .muted{color:#bbc4b9}.panel.dark .eyebrow{color:#ffbd99}.meter{height:7px;border:1px solid #d3cbbc;border-radius:2px;background:#ede9df;margin:12px 0;overflow:hidden}.meter span{display:block;height:100%;background:var(--red)}.rankline{display:flex;align-items:center;gap:13px;margin:17px 0}.pixelbadge{font:30px var(--pixel);color:var(--red)}.stat{font:700 38px/1.1 'Barlow Condensed';margin:6px 0}.label{font-size:13px;color:var(--muted)}.sectionhead{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:28px 0 16px}.sectionhead a{font-size:14px;font-weight:bold;color:var(--red)}.paths{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.path{padding:20px;text-align:left;display:flex;flex-direction:column;align-items:start;background:var(--paper);border:1px solid var(--line);border-radius:6px;box-shadow:0 3px #e2ddce;min-height:190px}.path .num{font:11px var(--pixel);color:var(--red);margin-bottom:13px}.path h3{margin-bottom:9px}.path p{font-size:14px;margin-bottom:18px}.path .link{color:var(--red);font-size:13px;margin-top:auto}.sprite{display:block;aspect-ratio:1;width:100%;background-image:url('assets/creatures.png');background-repeat:no-repeat;background-size:300% 200%;image-rendering:pixelated}.sprite.s0{background-position:0 0}.sprite.s1{background-position:50% 0}.sprite.s2{background-position:100% 0}.sprite.s3{background-position:0 100%}.sprite.s4{background-position:50% 100%}.sprite.s5{background-position:100% 100%}.mini{width:44px;flex-shrink:0}.feature-creature{position:absolute;width:200px;right:-20px;bottom:-20px}.feature{position:relative;min-height:187px;overflow:hidden}.feature p{max-width:145px;font-size:13px;margin:9px 0 18px}.feature button{font-size:13px;position:relative;padding:7px 11px}.feature h3{position:relative;max-width:170px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:24px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.spaced>*+*{margin-top:18px}.rule{border-top:1px solid var(--line);margin:20px 0}.callout{padding:16px 18px;border-left:3px solid var(--red);background:#eee7d9;color:#64594b;font-size:14px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.game-card{border:2px solid #b39e80;border-radius:7px;background:#f0dfc1;overflow:hidden;box-shadow:0 4px 0 #d4c9b5;position:relative}.game-card.fire{background:#f5d4b6}.game-card.water{background:#c5dae1}.game-card.electric{background:#f5e0a4}.game-card.ghost{background:#ddd0e3}.game-card.grass{background:#dce0c3}.game-card.dragon{background:#e6c8a6}.card-top{display:flex;justify-content:space-between;align-items:center;padding:14px 16px 4px;gap:10px}.card-top h3{font-size:26px}.game-card>.sprite{width:min(100%,230px);margin:auto}.card-info{padding:14px 16px;background:#fffaf0d9;border-top:1px solid #c7bda8}.card-info .row{margin:5px 0}.card-info button{width:100%;margin-top:10px}.toolbar{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}input,select{background:var(--paper);color:var(--ink);border:1px solid #c9c6b8;border-radius:4px;padding:11px 14px;min-width:0}.toolbar input{flex:1;min-width:150px}.tabs{display:flex;flex-wrap:wrap;gap:7px}.tabs button{font-size:14px;padding:8px 13px}.tabs button.selected{background:var(--red);border-color:var(--red);color:white}.empty{text-align:center;padding:35px;color:var(--muted)}.draft-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:22px 0}.draft-choices button{padding:12px;border:2px solid #c8b69a}.draft-choices button.selected{border-color:var(--red);box-shadow:0 0 0 2px #e6aaa1;background:#ffede0}.draft-choices .sprite{max-width:160px;margin:auto}.draft-choices h3{font-size:22px}.cost-strip{display:flex;flex-wrap:wrap;gap:20px;padding:18px 22px;border:1px solid #bba98d;background:#ede0c3;margin:20px 0}.cost-strip>div{flex:1;min-width:115px}.cost-strip strong{display:block;font-family:'Barlow Condensed';font-size:29px}.cost-strip span{font-size:12px}.vault-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:24px}.vault-machine{position:relative;background:linear-gradient(135deg,#403b33,#252d2a);border:3px solid #40362c;border-radius:9px;padding:24px;color:#fff5e5;overflow:hidden}.vault-machine h2{font-size:38px}.vault-machine .eyebrow{color:#ffa687}.vault-machine p{color:#c9c6b7}.vault-art{position:relative;margin:12px auto;width:245px;height:245px;display:grid;place-items:center;border:4px solid #a28551;background:radial-gradient(circle,#8b6d42,#2f332c 70%);box-shadow:inset 0 0 0 6px #282d28,0 6px #1c2520}.vault-art .sprite{width:225px}.vault-art .seal{position:absolute;bottom:10px;font:10px var(--pixel);background:#ddae60;color:#322d22;padding:5px 9px}.vault-machine .tag{background:#584b31;color:#ffdd94;border-color:#877041}.vault-stats{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:20px 0}.vault-stats strong{font:32px 'Barlow Condensed';display:block}.vault-stats span{font-size:12px;color:#d3cfc1}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}td,th{text-align:left;padding:12px 7px;border-bottom:1px solid var(--line)}th{font-weight:600;color:var(--muted);font-size:13px}.odds-bar{display:flex;height:10px;background:#e3ded1;margin:13px 0;overflow:hidden;border-radius:2px}.odds-bar span{height:100%}.inventory-row{display:flex;align-items:center;gap:16px;padding:13px 0;border-bottom:1px solid var(--line)}.inventory-row strong{flex:1}.inventory-row .tag{white-space:nowrap}.value{font-size:14px;font-weight:bold}.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:25px 0}.flow>div{background:var(--paper);border:1px solid var(--line);padding:20px;border-top:3px solid var(--red)}.flow b{display:block;margin-bottom:8px}.flow .eyebrow{margin-bottom:10px}.engine{border-top:4px solid var(--red)}.engine .stat{color:var(--red)}.engine p{font-size:14px}.docs-layout{display:grid;grid-template-columns:220px 1fr;gap:28px}.docnav{display:flex;flex-direction:column;gap:6px}.docnav button{text-align:left;background:transparent;border:0;font-size:14px}.docnav button.selected{background:#ead8cc;color:#aa2f37}.docs-layout article{max-width:900px}.docs-layout h2{margin-bottom:20px}.docs-layout h3{margin:24px 0 10px}.docs-layout p,.docs-layout li{margin-bottom:14px;color:#64675f}.docs-layout a{color:var(--red);text-decoration:underline}.checklist>div{padding:17px 0;border-bottom:1px solid var(--line)}.checklist b{display:block;margin-bottom:6px}.blankfields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:23px 0}.blankfields label{font-size:13px;display:block}.blankfields input{width:100%;display:block;margin-top:7px;background:#f1eee5;color:#777;font-family:monospace}.blankfields small{color:#757267;font-size:12px}.battle{background:linear-gradient(#ebe0be55,#ebe0be88),url('assets/terrain.png') center/cover;border:3px solid #6b6250;border-radius:7px;padding:22px;box-shadow:0 5px #c7bca8}.battle-top{background:#fffaecd9;padding:10px 14px;border:1px solid #b6a78a}.battle-field{display:grid;grid-template-columns:1fr 65px 1fr;align-items:center;max-width:700px;margin:20px auto}.battle-card{max-width:240px;width:100%;margin:auto}.battle-card>.sprite{max-width:190px}.vs{text-align:center;font:24px var(--pixel);color:#7f2b2d;text-shadow:1px 1px #ffedc7}.health{height:9px;background:#d6ccbb;border-radius:2px;margin:7px 0;overflow:hidden}.health span{display:block;background:#cc4442;height:100%;transition:width .3s}.bench{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin:17px 0}.bench button{display:flex;align-items:center;font-size:13px;padding:7px}.battle-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin-top:20px}.battle-log{font-size:13px;max-width:700px;margin:20px auto 0;padding:13px 16px;background:#fff9eae8;border:1px solid #b7a788;max-height:125px;overflow:auto}.success{text-align:center;padding:40px}.success h2{font-size:52px;color:var(--red)}.success p{margin:15px auto;max-width:600px}.milestones{display:flex;gap:7px;flex-wrap:wrap}.milestones span{font-size:12px;border:1px solid var(--line);padding:6px 9px}.milestones .earned{background:var(--red);color:white}.genesis-banner{background:linear-gradient(90deg,#392e2bd9,#392e2b44),url('assets/terrain.png') center 65%/cover;color:white;padding:35px;border:3px solid #5d4638;border-radius:6px;margin-bottom:24px}.genesis-banner p{color:#f2e5d4;max-width:500px;margin-top:10px}.genesis-banner .eyebrow{color:#ffc08c}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin:23px 0}.step{background:var(--paper);border:1px solid var(--line);padding:16px}.step b{display:block;margin-bottom:10px}.step p{font-size:14px}dialog{border:2px solid #7f6653;background:var(--paper);color:var(--ink);padding:32px;border-radius:7px;width:min(630px,94vw);max-height:90vh;box-shadow:8px 8px 0 #0002}dialog::backdrop{background:#292720b8;backdrop-filter:blur(4px)}dialog h2{margin:8px 24px 18px 0}.close{position:absolute;right:10px;top:8px;font-size:24px;border:0;background:transparent;padding:0 10px}.dialog-art{width:210px;margin:auto}.dialog-actions{margin-top:23px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:13px 22px;background:var(--dark);color:white;border:1px solid #807b65;border-radius:4px;max-width:90vw;z-index:20;display:none}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;background:var(--paper);border-top:1px solid var(--line);padding:24px 4%;font-size:12px;color:var(--muted)}footer .brand{font-size:22px}footer>div{display:flex;gap:18px}footer a:hover{color:var(--red)}.full{width:100%}.red-text{color:var(--red)}.center{text-align:center}
@media(max-width:1100px){header{gap:15px;flex-wrap:wrap}nav{order:3;width:100%;justify-content:space-between}.wallet{margin-left:auto}.home-layout{grid-template-columns:1fr 260px}.world-copy{padding:26px}.world{min-height:450px}.world-meta{flex-wrap:wrap;font-size:11px}.world h1{font-size:54px}.cards{grid-template-columns:repeat(2,1fr)}.grid4{grid-template-columns:1fr 1fr}.steps{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){header{padding:16px 5%}nav{overflow:auto;gap:25px;justify-content:start;padding-bottom:4px}.notice{padding:8px 5%;gap:9px;flex-wrap:wrap}.notice a{margin-left:0}main{padding:24px 5% 40px}.home-layout,.grid2,.vault-layout,.docs-layout{grid-template-columns:1fr}.side{display:grid;grid-template-columns:1fr 1fr}.world{min-height:420px}.world-copy{padding:25px;max-width:440px}.world h1{font-size:53px}.world:before{background:linear-gradient(90deg,#282b25e6,#3434275c),url('assets/terrain.png') center/cover}.world-meta{padding:12px 17px}.location{display:none}.paths{grid-template-columns:1fr}.path{min-height:0}.path p{margin-bottom:12px}.grid3{grid-template-columns:1fr}.cards{gap:14px}.card-top{padding:12px 12px 3px}.card-top h3{font-size:23px}.card-info{padding:12px}.game-card>.sprite{max-width:175px}.pagehead{align-items:start}.pagehead>.tag{display:none}.pagehead h1{font-size:42px}.draft-choices{grid-template-columns:1fr 1fr}.flow{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.docnav{flex-direction:row;overflow:auto}.docnav button{white-space:nowrap}.blankfields{grid-template-columns:1fr}.battle{padding:12px}.battle-field{grid-template-columns:1fr 38px 1fr}.battle-card .card-top{display:block}.battle-card>.sprite{max-width:145px}.vs{font-size:17px}.battle-actions button{font-size:14px;padding:10px}.feature-creature{width:150px;opacity:.55}.side .panel{padding:16px}.feature{min-height:195px}.feature p{position:relative}.sectionhead{align-items:start}footer{flex-wrap:wrap}footer>div{flex-wrap:wrap}.vault-art{width:210px;height:210px}.vault-art .sprite{width:190px}}@media(max-width:390px){.side{grid-template-columns:1fr}.world{min-height:455px}.world h1{font-size:45px}.world-copy{padding:20px}.card-top h3{font-size:21px}.card-info .row{flex-wrap:wrap}.stat{font-size:32px}.panel{padding:18px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
/* Keep the arena controls and footer in normal flow at narrow widths. */
.world{display:flex;flex-direction:column}.world-copy{padding-bottom:22px}.world-meta{position:relative;margin-top:auto;z-index:1}nav a{white-space:nowrap}.world-meta{flex-wrap:wrap}.feature-creature{pointer-events:none}.feature h3,.feature p{z-index:1;position:relative}.grid2,.grid3,.grid4,.vault-layout,.home-layout,.docs-layout{min-width:0}.vault-layout>*{min-width:0}
.text-button{border:0;box-shadow:none;background:transparent;padding:0;font:inherit;color:inherit}.text-button:hover{background:transparent;color:var(--red)}.table-wrap{overflow-x:auto}nav a{min-height:36px}.notice{color:#595c52}#app:focus{outline:none}.docs-layout article{min-width:0}.docs-layout table{font-size:14px}.flow>div{min-width:0}footer button{min-height:24px}.status-chip{white-space:nowrap}@media(max-width:460px){.cost-strip{flex-wrap:wrap}.cost-strip>div{min-width:110px;flex:1}.toolbar{flex-wrap:wrap}.toolbar input{width:100%;min-width:0}.side{grid-template-columns:1fr}.vault-machine,.panel{min-width:0}.row{flex-wrap:wrap}.battle-field .card-top h3{font-size:21px}.world h1{font-size:44px}.docnav{max-width:100%}.flow{grid-template-columns:1fr}}
@media(max-width:460px){nav{font-size:12px;gap:18px}}