:root{color-scheme:dark;--bg:#101519;--panel:#182126;--line:#344148;--text:#eee9dc;--muted:#98a5a4;--gold:#d7b474;--red:#d77f6c}*{box-sizing:border-box}body{margin:0;background:#101519;color:var(--text);font-family:Georgia,serif;background-image:radial-gradient(ellipse at 50% 0,#27343a 0,transparent 60%)}button,input{font:inherit}button{cursor:pointer}.shell{max-width:1390px;margin:auto;padding:0 48px}.top{height:82px;border-bottom:1px solid #344047;display:flex;align-items:center;justify-content:space-between}.brand{color:var(--text);text-decoration:none;display:flex;align-items:center;gap:12px;font-size:19px;letter-spacing:.13em;font-weight:bold}.brand i{color:var(--gold);font-weight:normal}.brand small{display:block;font:9px Arial;letter-spacing:.26em;color:#9ba5a3;margin-top:5px}.brandmark{border:1px solid #a98a57;color:var(--gold);font-size:22px;width:42px;height:42px;display:grid;place-items:center;transform:rotate(45deg)}.brandmark::first-letter{transform:rotate(-45deg)}.topright{display:flex;gap:35px;font:10px Arial;letter-spacing:.16em;color:#8d9d9b}.live{color:#b1c1a6}.live b{display:inline-block;width:6px;height:6px;border-radius:50%;background:#a8bd94;margin-right:6px}.intro{display:flex;justify-content:space-between;align-items:end;padding:35px 0 25px}.eyebrow,.overline{font:10px Arial,sans-serif;letter-spacing:.2em;color:var(--gold);font-weight:bold}h1{font-size:clamp(36px,4vw,55px);font-weight:normal;line-height:1;margin:10px 0}h1 em{color:var(--gold);font-weight:normal}.intro p{font:14px Arial;color:#9aa7a5;margin:0}.seedbox{border-left:1px solid #465057;padding-left:20px;color:#a1aba6;font:9px Arial;letter-spacing:.15em}.seedbox form{display:flex;margin:7px 0 3px}.seedbox input{width:125px;background:transparent;border:0;border-bottom:1px solid #65716d;color:#eee5d3;padding:4px 0;outline:none;letter-spacing:.1em}.seedbox button{background:none;color:var(--gold);border:0;font-size:18px}.seedbox small{color:#768580;letter-spacing:.03em}.game{border:1px solid #3a4749;background:#182126;box-shadow:0 24px 80px #0007}.arena{height:300px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 58%,#796b55 0,#3d4949 25%,#202f35 60%,#172228 100%)}.arena:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#10191b88,transparent 30%,transparent 70%,#10191b88),linear-gradient(0deg,#172021 0,transparent 38%);pointer-events:none}.arena-top,.arena-bottom{position:absolute;z-index:5;left:25px;right:25px;display:flex;justify-content:space-between;color:#c4c8b6;font:10px Arial;letter-spacing:.18em}.arena-top{top:20px}.arena-bottom{bottom:17px;color:#a6a99b}.moon{position:absolute;width:180px;height:180px;left:50%;top:15px;transform:translateX(-50%);border-radius:50%;background:#d5c7a1;opacity:.17;box-shadow:0 0 65px #e6d5a377}.mountains{position:absolute;inset:60px 0 35px;background:#17272b;clip-path:polygon(0 48%,10% 30%,18% 51%,28% 25%,39% 56%,49% 32%,59% 59%,73% 23%,82% 46%,91% 28%,100% 45%,100% 100%,0 100%);opacity:.75}.floor{position:absolute;bottom:-90px;left:10%;width:80%;height:170px;border:1px solid #c4ad8066;border-radius:50%;box-shadow:0 0 0 18px #b4a5780b,0 0 0 45px #b4a5780b}.scene-label{position:absolute;z-index:4;bottom:58px;color:#dedbcb;font:10px Arial;letter-spacing:.16em}.scene-label small{display:block;color:#98a39b;font-size:8px;margin-top:6px}.left-label{left:9%}.right-label{right:9%;text-align:right}.versus{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);color:#d2b48588;font:italic 30px Georgia}.fighter{position:absolute;z-index:3;bottom:48px;width:100px;height:165px;filter:drop-shadow(0 12px 7px #101818);animation:idle 3s ease-in-out infinite}.hero{left:29%}.enemy{right:29%;transform:scaleX(-1);animation:idleEnemy 3.3s ease-in-out infinite}.aura{position:absolute;inset:15px -25px;background:radial-gradient(ellipse,#cba56c33,transparent 70%)}.cape{position:absolute;top:56px;left:27px;width:62px;height:90px;background:linear-gradient(120deg,#7f5745,#342e2c);clip-path:polygon(15% 0,78% 0,100% 100%,0 85%)}.body{position:absolute;top:52px;left:28px;width:44px;height:63px;background:linear-gradient(90deg,#4b5c59,#a2a594 48%,#465655);clip-path:polygon(18% 0,80% 0,100% 30%,78% 100%,15% 100%,0 30%);border:2px solid #c4bea0}.head{position:absolute;top:22px;left:37px;width:30px;height:39px;background:linear-gradient(90deg,#455453,#b3b3a0,#53615b);clip-path:polygon(15% 0,85% 0,100% 35%,78% 100%,22% 100%,0 35%)}.head:after{content:'';position:absolute;top:17px;left:4px;width:22px;height:4px;background:#202d2d}.legs{position:absolute;top:108px;left:32px;width:38px;height:47px;background:#333e3b;clip-path:polygon(0 0,100% 0,90% 100%,58% 100%,50% 38%,40% 100%,7% 100%)}.sword{position:absolute;top:30px;left:78px;width:6px;height:111px;background:linear-gradient(90deg,#71827f,#e1dfc9,#566664);transform:rotate(24deg);clip-path:polygon(50% 0,100% 20%,100% 100%,0 100%,0 20%)}.enemy .body{background:linear-gradient(90deg,#312c30,#75605a,#282a2b);border-color:#a77b6b}.enemy .head{background:linear-gradient(90deg,#413638,#987a68,#383131)}.enemy .cape{background:#453332}.horn{position:absolute;top:9px;width:18px;height:33px;background:#b09a7e;clip-path:polygon(0 0,100% 100%,28% 80%)}.h1{left:25px}.h2{left:60px;transform:scaleX(-1)}.stats{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}.stat{padding:23px 28px}.stat+ .stat{border-left:1px solid var(--line)}.stat-head,.hp-row,.stat-foot{display:flex;justify-content:space-between;align-items:center}.stat-head h2{font-size:22px;font-weight:normal;margin:6px 0 16px}.stat-icon{font-size:29px;color:var(--gold)}.enemy-stat .stat-icon,.enemy-stat .overline{color:var(--red)}.hp-row{font:10px Arial;letter-spacing:.12em;color:#9daaa5}.hp-row strong{color:#eee;font-size:12px}.bar{height:5px;background:#34403f;margin:9px 0 16px}.bar div{height:100%;background:#cbb17c;transition:width .4s}.enemy-stat .bar div{background:#bb7467}.stat-foot{justify-content:flex-start;gap:28px;font:10px Arial;letter-spacing:.1em;color:#8f9e9a}.stat-foot b{color:#e7e3d4}.lower{display:grid;grid-template-columns:1.4fr 1fr}.actions,.journal{padding:24px 28px}.journal{border-left:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}h3{font-size:22px;font-weight:normal;margin:6px 0 0}.status{font:9px Arial;letter-spacing:.14em;color:#d4be8c;border:1px solid #675e48;padding:8px}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.action{min-height:66px;display:flex;align-items:center;text-align:left;gap:12px;background:#202c30;border:1px solid #485652;color:#eee9dc;padding:11px;transition:.2s}.action:hover:not(:disabled){border-color:var(--gold);background:#29383a;transform:translateY(-2px)}.action:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #e3c481;outline-offset:2px}.action:disabled{opacity:.4;cursor:not-allowed}.action.primary{background:#403e32;border-color:#8e7c59}.action-icon{font-size:22px;color:var(--gold);width:30px;text-align:center}.action b,.action small{display:block}.action b{font-size:15px}.action small{font:10px Arial;color:#a9b2a9;margin-top:5px}.action kbd{margin-left:auto;color:#84928c;font:10px Arial;border:1px solid #596460;padding:4px}.potion{grid-column:span 2}.inventory{display:flex;flex-wrap:wrap;gap:20px;margin-top:17px;font:10px Arial;letter-spacing:.1em;color:#9ca9a1}.inventory b{color:#e7d5a6}.hint{letter-spacing:0;color:#7f908a}.journal-icon{color:#a4ae9e;font-size:24px}#log{padding:0;margin:0;list-style:none;height:181px;overflow:auto;display:flex;flex-direction:column;gap:0}#log li{font:12px/1.5 Arial;color:#bac3b9;padding:9px 0;border-bottom:1px solid #303d3e}#log li:first-child{color:#eadbbd}#log li span{color:#b79c6b;margin-right:9px;font-size:10px}footer{display:flex;justify-content:space-between;padding:22px 0;color:#788984;font:9px Arial;letter-spacing:.14em}.outcome{position:absolute;z-index:8;inset:0;background:#111c1de8;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px}.outcome[hidden]{display:none}.outcome span{font:10px Arial;letter-spacing:.22em;color:var(--gold)}.outcome strong{font-size:42px;font-weight:normal}.outcome button{background:#c5a771;border:0;color:#17201f;padding:12px 24px;margin-top:8px}.hit{animation:hit .45s!important}.strike{animation:strike .45s!important}.heal{filter:drop-shadow(0 0 15px #cbdc9a)}@keyframes idle{50%{translate:0 -4px}}@keyframes idleEnemy{50%{translate:0 -4px}}@keyframes hit{25%{filter:brightness(3);translate:12px 0}60%{translate:-5px 0}}@keyframes strike{40%{translate:30px 0}}@media(max-width:700px){.shell{padding:0 16px}.top{height:68px}.topright span:last-child{display:none}.intro{padding:26px 0 20px;align-items:start;gap:15px}.intro p{font-size:12px;line-height:1.5}.seedbox{padding-left:10px}.seedbox input{width:85px}.arena{height:240px}.fighter{bottom:40px;scale:.8}.hero{left:20%}.enemy{right:20%}.scene-label{bottom:34px;font-size:8px}.left-label{left:5%}.right-label{right:5%}.stat{padding:17px 14px}.stat-head h2{font-size:17px}.stat-foot{gap:10px;flex-wrap:wrap}.lower{grid-template-columns:1fr}.actions,.journal{padding:20px 16px}.journal{border-left:0;border-top:1px solid var(--line)}#log{height:140px}footer span:last-child{display:none}}@media(max-width:400px){.action-grid{grid-template-columns:1fr}.potion{grid-column:auto}.intro{flex-wrap:wrap}.seedbox{border-left:0;padding:0}.stat-head h2{font-size:15px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}