*{box-sizing:border-box;margin:0;padding:0}body{color:#3f3;-webkit-text-size-adjust:100%;touch-action:manipulation;background-color:#060606;min-height:100dvh;font-family:Courier New,Courier,monospace;font-size:clamp(14px,3.8vw,18px);overflow-y:auto}body:before{content:"";pointer-events:none;z-index:10;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000012 2px 4px);position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:11;background:radial-gradient(#0000 50%,#0009 100%);position:fixed;inset:0}#screen{flex-direction:column;padding:clamp(20px,5vw,48px) clamp(14px,5vw,40px) 70px;display:flex}#terminal-wrapper{transform-origin:50%;animation:9s infinite flicker}#terminal{max-width:780px;margin:0 auto;line-height:1.85}.line{white-space:pre-wrap;word-break:break-word;display:block}.line.dim{color:#1f7a1f}.line.bright{color:#72ff72;text-shadow:0 0 6px #3f39}.line.system{color:#f0c030;text-shadow:0 0 8px #ffd23299,0 0 20px #ffc30040}.line.error{color:#f44;text-shadow:0 0 5px #f446}.line.faint{color:#155015}.line.gold{color:gold;text-shadow:0 0 8px #ffd70099}.line.glow{color:#8f8;text-shadow:0 0 6px #33ff3380,0 0 12px #33ff3340}.line.rarity-common{color:#999}.line.rarity-uncommon{color:#3f3;text-shadow:0 0 4px #33ff334d}.line.rarity-rare{color:#59f;text-shadow:0 0 6px #59f6}.line.rarity-mythic{color:gold;text-shadow:0 0 8px #ffd70080,0 0 16px #ffd70040;animation:2s ease-in-out infinite mythicPulse}@keyframes mythicPulse{0%,to{text-shadow:0 0 8px #ffd70080}50%{text-shadow:0 0 14px #ffd700cc,0 0 28px #ffd7004d}}.line.dim-new{animation:1.5s forwards dimGlow}@keyframes dimGlow{0%{color:#6f6;text-shadow:0 0 12px #3f3c}to{color:#1f7a1f;text-shadow:none}}.logo-line{white-space:pre;font-size:clamp(9px,2.55vw,18px);line-height:1.6;display:block}.tappable{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;padding:2px 0}.tappable:hover,.tappable:active{color:#72ff72;text-shadow:0 0 6px #3f39}.input-row{align-items:center;margin-top:4px;display:flex}.prompt{color:#3f3;flex-shrink:0}#cursor{vertical-align:text-bottom;background-color:#3f3;flex-shrink:0;width:.55em;height:1.1em;animation:1s step-end infinite blink;display:inline-block;box-shadow:0 0 6px #3f3c}#tap-hint{color:#1f7a1f;text-align:center;z-index:20;background:#0d0d0d;border-top:1px solid #1a4d1a;padding:10px;font-family:Courier New,Courier,monospace;font-size:13px;display:none;position:fixed;bottom:0;left:0;right:0}@media (hover:none){#tap-hint.active{display:block}}#hidden-input{opacity:0;width:1px;height:1px;font-size:16px;position:fixed;top:50%;left:-9999px}.dissolving{animation:.8s forwards dissolveOut}@keyframes dissolveOut{0%{opacity:1;letter-spacing:0;filter:blur();color:inherit}to{opacity:0;letter-spacing:.25em;filter:blur(3px);color:#0a2a0a}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes flicker{0%,89%,91%,93%,to{opacity:1}90%{opacity:.96}92%{opacity:.98}}@keyframes screenShake{0%,to{transform:translate(0)}10%{transform:translate(-3px,2px)}20%{transform:translate(4px,-2px)}30%{transform:translate(-2px,3px)}40%{transform:translate(3px,-1px)}50%{transform:translate(-1px,-3px)}60%{transform:translate(2px,2px)}70%{transform:translate(-3px,-1px)}80%{transform:translate(1px,3px)}90%{transform:translate(-2px,-2px)}}.screen-shake #terminal-wrapper{animation:.4s ease-out screenShake}.screen-flash{z-index:50;pointer-events:none;animation:.5s ease-out forwards flashOut;position:fixed;inset:0}.screen-flash.crit-success{background:#33ff334d}.screen-flash.crit-fail{background:#ff44444d}.screen-flash.mythic-drop{background:#ffd70040}@keyframes flashOut{0%{opacity:1}to{opacity:0}}.loot-drop{animation:.6s ease-in forwards lootFall}@keyframes lootFall{0%{opacity:0;transform:translateY(-30px)}60%{opacity:1;transform:translateY(4px)}80%{transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}body.amber{color:#ffb000}body.amber:before{background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000012 2px 4px)}body.amber .line{color:#ffb000}body.amber .line.dim{color:#7a5500}body.amber .line.bright{color:#ffd060;text-shadow:0 0 6px #ffb00099}body.amber .line.system{color:#fff;text-shadow:0 0 8px #fff9}body.amber .line.error{color:#f44;text-shadow:0 0 5px #f446}body.amber .line.faint{color:#4a3000}body.amber .line.gold{color:#fff;text-shadow:0 0 8px #fff9}body.amber .line.glow{color:#ffc850;text-shadow:0 0 6px #ffb00080}body.amber .line.dim-new{animation:1.5s forwards dimGlowAmber}body.amber .line.rarity-common{color:#974}body.amber .line.rarity-uncommon{color:#ffb000;text-shadow:0 0 4px #ffb0004d}body.amber .line.rarity-rare{color:#8bf;text-shadow:0 0 6px #8bf6}body.amber .line.rarity-mythic{color:#fff;text-shadow:0 0 8px #ffffff80,0 0 16px #ffd70040}body.amber .prompt{color:#ffb000}body.amber #cursor{background-color:#ffb000;box-shadow:0 0 6px #ffb000cc}body.amber .tappable:hover,body.amber .tappable:active{color:#ffd060;text-shadow:0 0 6px #ffb00099}body.amber #tap-hint{color:#7a5500;border-top-color:#4d3300}body.amber .logo-reveal{color:#ffd060;text-shadow:0 0 6px #ffb00099}@keyframes dimGlowAmber{0%{color:#ffd060;text-shadow:0 0 12px #ffb000cc}to{color:#7a5500;text-shadow:none}}.boot-static-overlay{z-index:9;pointer-events:none;background:#060606;flex-direction:column;justify-content:center;font-family:Courier New,Courier,monospace;font-size:clamp(10px,2.2vw,16px);line-height:1.3;display:flex;position:fixed;inset:0;overflow:hidden}.boot-static-line{white-space:pre;color:#0d3d0d;display:block;overflow:hidden}.boot-progress-track{white-space:pre;color:#1f7a1f;display:block}.boot-progress-fill{color:#3f3;text-shadow:0 0 4px #33ff3380}.boot-ready{white-space:pre;color:#3f3;text-shadow:0 0 10px #3f3c,0 0 20px #3f36;animation:.6s ease-out bootPulse;display:block}@keyframes bootPulse{0%{text-shadow:0 0 30px #3f3,0 0 60px #3f39;filter:brightness(2)}to{text-shadow:0 0 10px #3f3c,0 0 20px #3f36;filter:brightness()}}.logo-reveal{white-space:pre;font-size:clamp(9px,2.55vw,18px);line-height:1.6;animation:1.2s ease-out forwards logoGlow;display:block}@keyframes logoGlow{0%{color:#fff;text-shadow:0 0 20px #3f3,0 0 40px #3f39}40%{color:#afa;text-shadow:0 0 12px #3f3c}to{color:#72ff72;text-shadow:0 0 6px #3f39}}
