:root{color-scheme:dark;--bg: #020202;--panel: #050505;--panel2: #090909;--white: #f2f2f2;--muted: #a9a9a9;--dim: #5d5d5d;--line: #e8e8e8;--danger: #ffffff}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);color:var(--white);font-family:Courier New,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;overflow-x:hidden}button,a{font:inherit;color:inherit}button{cursor:pointer}.browserShell{min-height:100vh;background:#000}.browserTop{height:54px;display:flex;align-items:center;gap:10px;padding:0 18px;background:linear-gradient(#171717,#0d0d0d);border-bottom:1px solid #2a2a2a}.dot{width:12px;height:12px;border-radius:999px;background:#d8d8d8;opacity:.85}.tab{height:38px;min-width:230px;display:flex;align-items:center;gap:10px;border:1px solid #303030;border-bottom:0;border-radius:10px 10px 0 0;background:#151515;padding:0 12px}.tab img{width:22px;height:22px;object-fit:contain}.tab span{margin-left:auto;color:#bbb}.plus{border:0;background:transparent;font-size:30px;color:#ddd}.addressBar{height:52px;display:flex;align-items:center;gap:18px;padding:0 22px;background:#0c0c0c;border-bottom:1px solid #1e1e1e;color:#d6d6d6}.url{flex:1;height:34px;display:flex;align-items:center;padding:0 16px;border-radius:999px;background:#020202;color:#cfcfcf}.gamePage,.landing,.loadingScreen{position:relative;min-height:calc(100vh - 106px);overflow:hidden;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.09),transparent 24%),radial-gradient(circle at 80% 50%,rgba(255,255,255,.04),transparent 28%),#000}.loadingScreen{min-height:100vh;display:grid;place-items:center;padding:28px}.noise,.scanlines:after{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.noise{opacity:.16;background-image:radial-gradient(#fff 1px,transparent 1px),radial-gradient(#fff 1px,transparent 1px);background-size:6px 6px,11px 11px;background-position:0 0,3px 7px;mix-blend-mode:screen}.scanlines:after{content:"";background:repeating-linear-gradient(0deg,transparent 0 4px,rgba(255,255,255,.04) 4px 5px);opacity:.65}.frame,.frameInner{position:relative;border:1px solid var(--line);background:linear-gradient(135deg,rgba(255,255,255,.05),transparent 35%),#000000db;box-shadow:inset 0 0 0 1px #ffffff29,0 0 0 1px #000000b3}.frame:before,.frame:after{content:"";position:absolute;width:10px;height:10px;border:1px solid var(--white)}.frame:before{left:-2px;top:-2px;border-right:0;border-bottom:0}.frame:after{right:-2px;bottom:-2px;border-left:0;border-top:0}.siteHeader,.heroText,.gameGrid,.eventLog,.loadingCard,.landing>*{position:relative;z-index:1}.siteHeader{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 5vw 4px}.brandLogo{width:min(240px,22vw);height:auto;object-fit:contain;filter:contrast(1.2) grayscale(1)}nav{display:flex;gap:clamp(18px,3vw,44px);align-items:center;font-size:clamp(14px,1.2vw,18px)}nav a{text-decoration:none;color:var(--white);opacity:.9;position:relative}nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:-12px;height:2px;background:var(--white)}.heroText{text-align:center;margin-top:-28px;margin-bottom:18px}.title{margin:0;font-size:clamp(58px,8vw,126px);line-height:.85;letter-spacing:.06em;text-shadow:3px 0 #777,-2px 0 #fff,0 0 22px rgba(255,255,255,.24);font-weight:900}.glitch{background-image:linear-gradient(90deg,#fff 0,#fff 45%,#a8a8a8 45%,#a8a8a8 50%,#fff 50%,#fff);-webkit-background-clip:text;background-clip:text;color:transparent;filter:contrast(1.25)}.subtitle,.heroText p{color:#e5e5e5;margin:10px 0 0;letter-spacing:.03em}.gameGrid{width:min(94vw,1760px);margin:0 auto;display:grid;grid-template-columns:minmax(260px,360px) 1fr minmax(260px,360px);gap:24px;align-items:stretch}.panel{min-height:560px;padding:20px}.panel h2,.eventLog h2{margin:0 0 18px;text-align:center;font-size:20px;letter-spacing:.06em}.profileGrid{display:grid;grid-template-columns:120px 1fr;gap:18px;align-items:center;margin-bottom:18px}.avatar{width:120px;height:120px;border:1px solid var(--line);object-fit:cover;image-rendering:pixelated;filter:grayscale(1) contrast(1.2)}.profileGrid h3{margin:0 0 10px;font-size:24px}.profileGrid p{margin:0;color:#ddd}.barWrap{margin:14px 0}.barText{display:flex;justify-content:space-between;gap:12px;font-size:15px;margin-bottom:6px}.bar,.loadBar,.miniBar,.tinyHealth{height:12px;border:1px solid #d9d9d9;background:#000;overflow:hidden}.bar span,.loadBar span,.miniBar span,.tinyHealth span{height:100%;display:block;background:repeating-linear-gradient(90deg,#fff 0,#fff 4px,#bbb 4px,#bbb 6px,#fff 6px,#fff 10px)}.coins{display:flex;justify-content:space-between;margin:22px 0;padding-bottom:20px;border-bottom:1px dashed #777}.partyTitle{margin-top:0!important}.partyGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.partySlot{border:1px solid #e8e8e8;padding:10px 6px;text-align:center;min-width:0;background:#020202}.monsterIcon{height:60px;display:grid;place-items:center;font-size:42px;filter:grayscale(1)}.partySlot p{margin:4px 0;font-size:12px;color:#ddd;overflow:hidden;text-overflow:ellipsis}.partySlot b{font-size:14px}.miniBar{height:7px;margin-top:8px}.battlePanel{min-width:0}.battleScene{min-height:470px;padding:18px}.sceneHeader{display:flex;justify-content:space-between;letter-spacing:.06em;margin-bottom:14px;color:#eee}.arena{position:relative;height:324px;overflow:hidden;border:1px solid #555;background:radial-gradient(circle at 50% 40%,rgba(255,255,255,.18),transparent 18%),linear-gradient(180deg,#060606 0,#060606 45%,#111 45%,#111)}.arena:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:5px 5px;opacity:.18}.arches{position:absolute;top:20px;right:30px;bottom:110px;left:30px;display:flex;justify-content:space-around;opacity:.65}.arches span{width:90px;border:10px solid #cfcfcf;border-bottom:0;border-radius:60px 60px 0 0;filter:blur(.2px)}.floorTiles{position:absolute;left:-10%;right:-10%;bottom:0;height:150px;background:repeating-linear-gradient(8deg,transparent 0 22px,rgba(255,255,255,.2) 22px 24px),repeating-linear-gradient(95deg,transparent 0 38px,rgba(255,255,255,.16) 38px 40px);transform:perspective(200px) rotateX(18deg);transform-origin:bottom;opacity:.85}.combatant{position:absolute;z-index:2;width:220px}.combatant b,.combatant small{display:block}.combatant small{color:#ddd;margin:4px 0}.combatant.left{left:62px;bottom:28px}.combatant.right{right:52px;top:42px;text-align:right}.tinyHealth{height:8px;margin:6px 0 18px}.heroSprite,.enemySprite{position:relative;height:130px;filter:drop-shadow(0 0 8px rgba(255,255,255,.32))}.heroSprite .body{position:absolute;left:72px;bottom:18px;width:88px;height:58px;background:#050505;border:3px solid #fff;border-radius:50% 45% 35% 35%}.heroSprite .tail{position:absolute;left:22px;bottom:36px;width:82px;height:40px;border:8px solid #fff;border-right:0;border-radius:60% 0 0 40%;transform:rotate(20deg)}.heroSprite .ear{position:absolute;bottom:70px;width:0;height:0;border-left:18px solid transparent;border-right:18px solid transparent;border-bottom:52px solid #fff}.heroSprite .earA{left:92px;transform:rotate(-18deg)}.heroSprite .earB{left:126px;transform:rotate(14deg)}.heroSprite .eye{position:absolute;left:138px;bottom:53px;width:9px;height:9px;background:#fff;border-radius:50%}.enemySprite{margin-left:auto;width:180px}.enemySprite .smoke{position:absolute;background:#fff;opacity:.8;transform:skew(-18deg)}.enemySprite .s1{width:130px;height:88px;right:10px;top:22px;clip-path:polygon(0 70%,20% 25%,34% 65%,50% 0,62% 55%,90% 20%,100% 100%,20% 100%)}.enemySprite .s2{width:120px;height:74px;right:24px;top:48px;background:#050505;border:3px solid #fff;border-radius:50% 45% 45% 40%}.enemySprite .eye{position:absolute;z-index:3;top:78px;width:14px;height:14px;background:#fff;border-radius:50%}.enemySprite .e1{right:78px}.enemySprite .e2{right:40px}.enemySprite .mouth{position:absolute;right:45px;top:104px;z-index:3;width:48px;height:14px;border-bottom:4px dashed #fff}.enemySprite b{position:absolute;z-index:4;right:74px;top:35px;font-size:30px;color:#000}.noEnemy{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;place-items:center;color:#777;letter-spacing:.18em}.dialogBox{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;margin-top:16px;font-size:clamp(16px,1.25vw,22px);line-height:1.4}.dialogBox span{animation:blink 1s steps(2,end) infinite}.actions{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:14px}.actions button,.autoButton,.startButton,.eventLog button,.modal button{border:1px solid #fff;background:#030303;color:#fff;min-height:72px;text-transform:uppercase;transition:transform .15s ease,background .15s ease,color .15s ease;box-shadow:inset 0 0 0 1px #ffffff26}.actions button{display:grid;place-items:center;font-size:28px}.actions button span{font-size:16px}.actions button:hover,.autoButton:hover,.startButton:hover,.eventLog button:hover,.modal button:hover{transform:translateY(-2px);background:#fff;color:#000}.autoButton{width:100%;min-height:50px;margin-top:12px;letter-spacing:.12em}.autoButton.active{background:#fff;color:#000;animation:pulse 1s infinite alternate}.narrativePanel{display:flex;flex-direction:column;gap:14px}.narrativeItem{display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:center;border-bottom:1px dashed #747474;padding-bottom:14px}.narrativeItem span{font-size:38px;text-align:center}.narrativeItem p{margin:0;line-height:1.5}.agentBrain{margin-top:auto;padding:14px;color:#eee}.agentBrain p{margin:8px 0 0;line-height:1.4}.eventLog{width:min(94vw,1760px);margin:22px auto 0;padding:16px 20px}.logHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.logHeader h2{margin:0}.eventLog button{min-height:38px;padding:0 16px}.logList{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-height:182px;overflow:auto}.logList article{display:grid;grid-template-columns:34px 1fr auto;gap:8px;align-items:start;padding:10px;border:1px dashed #6b6b6b;min-width:0}.logList b,.logList p{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logList p{margin:4px 0 0;color:#bbb;font-size:13px}.logList time{color:#aaa;font-size:12px}.landing{min-height:calc(100vh - 106px);display:grid;justify-items:center;align-content:center;gap:24px;padding:48px 20px;text-align:center}.landingLogo{width:min(320px,58vw);filter:grayscale(1) contrast(1.25)}.landing .subtitle{max-width:760px;font-size:18px;line-height:1.6}.landingCards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:min(900px,92vw)}.landingCards article{padding:18px;text-align:left}.landingCards p{color:#bbb;line-height:1.5}.startButton{min-width:330px;min-height:70px;font-size:28px;letter-spacing:.16em}.loadingCard{z-index:1;width:min(850px,94vw);padding:28px;text-align:center}.loadingLogo{width:170px;filter:grayscale(1) contrast(1.2)}.loadingCard .title{font-size:clamp(52px,9vw,96px)}.portalScene{position:relative;height:230px;overflow:hidden;margin:24px 0 16px;background:radial-gradient(circle at 50% 62%,rgba(255,255,255,.2),transparent 18%),#020202}.moon{position:absolute;top:20px;right:28px;font-size:32px}.ruinGate{position:absolute;left:50%;bottom:20px;width:220px;height:175px;transform:translate(-50%)}.gateArch{position:absolute;top:0;right:20px;bottom:20px;left:20px;border:12px solid #fff;border-bottom:0;border-radius:90px 90px 0 0;opacity:.9}.gateVoid{position:absolute;left:50%;bottom:18px;width:112px;height:118px;transform:translate(-50%);background:#000;border-radius:70px 70px 0 0;box-shadow:0 0 20px #ffffff40 inset}.gateStep{position:absolute;left:50%;transform:translate(-50%);border:1px solid #fff}.step1{width:190px;height:16px;bottom:10px}.step2{width:150px;height:16px;bottom:28px}.loadingAgent{position:absolute;left:calc(50% - 20px);bottom:34px;font-size:44px;z-index:3;animation:bob 1.6s ease-in-out infinite alternate}.fog{position:absolute;height:26px;width:220px;bottom:36px;background:repeating-linear-gradient(90deg,#fff 0 12px,transparent 12px 20px);opacity:.18;filter:blur(1px)}.fogA{left:70px;animation:drift 4s linear infinite}.fogB{right:80px;bottom:56px;animation:drift 5s linear infinite reverse}.loadPanel,.tipBox{padding:16px;text-align:left}.loadTop{display:flex;justify-content:space-between;margin-bottom:8px}.loadBar{height:20px}.steps{margin-top:14px;display:grid;grid-template-columns:repeat(2,1fr);gap:8px 18px}.steps p{margin:0;color:#777}.steps p.done{color:#fff}.tipBox{margin-top:14px}.tipBox p{margin:8px 0 0;color:#d9d9d9;line-height:1.5}.footerNote{display:block;margin-top:14px;color:#aaa}.modalBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;background:#000000b8;padding:20px}.modal{width:min(440px,94vw);padding:24px}.modal h2{margin-top:0}.modal small{display:block;color:#aaa;margin:16px 0;line-height:1.5}.modal button{min-height:46px;padding:0 22px}@keyframes blink{50%{opacity:0}}@keyframes pulse{to{filter:brightness(.7)}}@keyframes bob{to{transform:translateY(-8px)}}@keyframes drift{to{transform:translate(40px)}}@media (max-width: 1180px){.heroText{margin-top:10px}.gameGrid{grid-template-columns:1fr}.panel{min-height:auto}.logList{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 720px){.browserTop,.addressBar{display:none}.gamePage,.landing{min-height:100vh}.siteHeader{flex-direction:column;padding-top:18px}.brandLogo{width:220px}nav{flex-wrap:wrap;justify-content:center}.title{font-size:58px}.profileGrid{grid-template-columns:90px 1fr}.avatar{width:90px;height:90px}.partyGrid,.landingCards,.steps,.logList{grid-template-columns:1fr}.battleScene{padding:12px;min-height:430px}.arena{height:300px}.combatant.left{left:18px;bottom:12px}.combatant.right{right:18px;top:34px}.actions{grid-template-columns:repeat(2,1fr)}.actions button:last-child{grid-column:span 2}.startButton{min-width:0;width:92vw;font-size:22px}}