*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{background:#1a1a1f;font-family:Inter,system-ui,-apple-system,sans-serif;color:#eee;overflow:hidden}#root{height:100%;display:flex;flex-direction:column}@font-face{font-family:PixelOperator;src:local("Press Start 2P")}.pixfont{font-family:"Press Start 2P",VT323,PixelOperator,ui-monospace,monospace;letter-spacing:.03em;color:#0f380f;text-transform:uppercase;image-rendering:pixelated}.case-shell{position:relative;width:100%;flex:1;min-height:0;background:#0b0b10;padding-top:env(safe-area-inset-top,0);display:flex;flex-direction:column}.case{position:relative;flex:1;display:flex;flex-direction:column;padding:14px 22px 0;border-top-left-radius:22px;border-top-right-radius:22px;overflow:hidden;transition:background .4s ease;background:linear-gradient(180deg,#ffd86b,#c69a2b);--btn-color: #b58812}.top-bar{position:relative;height:56px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 6px;margin-bottom:6px;z-index:5}.top-bar>.gb-led-wrap{justify-self:start;margin-left:4px}.top-bar>.gb-speaker{justify-self:center}.top-bar>.gb-logo{justify-self:end;margin-right:8px}.gb-logo{font-family:Inter,system-ui,sans-serif;font-style:italic;font-weight:800;font-size:15px;letter-spacing:.3px;color:color-mix(in srgb,var(--case-deep, #444) 60%,black);text-shadow:0 1px 0 rgba(255,255,255,.32),0 -1px 1px rgba(0,0,0,.4);user-select:none}.gb-led-wrap{display:flex;flex-direction:column;align-items:center;gap:2px;margin-right:8px}.gb-led{width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ff8a8a,#c82828 60%,#6a0f0f);box-shadow:0 0 4px #c82828b3,inset 0 1px 1px #ffffff80;animation:ledPulse 2s ease-in-out infinite}@keyframes ledPulse{0%,to{opacity:.85;box-shadow:0 0 3px #c8282880,inset 0 1px 1px #fff6}50%{opacity:1;box-shadow:0 0 8px #ff5050f2,inset 0 1px 1px #ffffffa6}}.gb-led-label{font-family:Inter,sans-serif;font-size:6px;font-weight:600;letter-spacing:1px;color:#0006;text-shadow:0 1px 0 rgba(255,255,255,.2)}.gb-speaker{display:flex;flex-direction:column;gap:4px;padding:6px 4px}.gb-slit{width:64px;height:3px;background:color-mix(in srgb,var(--case-deep, #444) 55%,black);transform:skew(-28deg);border-radius:2px;box-shadow:inset 0 1px 1.5px #000000b3,0 .5px #ffffff2e}.case:before{content:"";position:absolute;top:0;left:0;right:0;height:34%;background:linear-gradient(180deg,#ffffff8c,#ffffff2e 40%,#fff0);pointer-events:none;mix-blend-mode:screen}.case:after{content:"";position:absolute;left:0;right:0;bottom:0;height:40%;background:linear-gradient(180deg,#0000,#0000002e);pointer-events:none}.bezel{position:relative;border-radius:18px;padding:14px 14px 16px;box-shadow:inset 0 3px 6px #00000059,inset 0 -1px 2px #ffffff40,0 1px #ffffff59;background:linear-gradient(180deg,#00000014,#00000038);flex:1 1 auto;display:flex;flex-direction:column;min-height:0}.lcd{position:relative;flex:1;border-radius:6px;overflow:hidden;background:var(--lcd-bg, #9BBC0F);box-shadow:inset 0 0 0 2px #0f380f59,inset 0 6px 12px #0f380f38,inset 0 -3px 6px #0f380f2e;transition:background .3s ease}.lcd-inner{position:absolute;inset:0;padding:14px 14px 12px;display:flex;flex-direction:column;z-index:2}.lcd:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,rgba(15,56,15,.09) 0px,rgba(15,56,15,.09) 1px,transparent 1px,transparent 3px);pointer-events:none;z-index:3}.lcd:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,#0f380f00 55%,#0f380f2e);pointer-events:none;z-index:3}.dead{position:absolute;width:2px;height:2px;background:#0f380f;z-index:4;opacity:.55}.tama-logo{display:none}.notif{position:absolute;top:6px;left:6px;right:6px;z-index:10;background:#0f380feb;color:#9bbc0f;padding:6px 8px;border:1px solid #0F380F;font-family:"Press Start 2P",monospace;font-size:8px;animation:notifIn .25s ease-out}@keyframes notifIn{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.lcd-flash{animation:lcdFlash .18s ease-out}@keyframes lcdFlash{0%{filter:brightness(1.6) contrast(1.2)}to{filter:none}}@keyframes craftClaimCommon{0%,to{filter:none}20%{filter:brightness(1.25)}}.craft-claim-common{animation:craftClaimCommon .4s ease-out}@keyframes craftClaimUncommon{0%,to{filter:none}25%{filter:brightness(1.35) contrast(1.1)}60%{filter:brightness(1.1)}}.craft-claim-uncommon{animation:craftClaimUncommon .6s ease-out}@keyframes craftClaimRare{0%,to{filter:none}20%,60%{filter:brightness(1.45) contrast(1.15)}40%{filter:brightness(1)}}.craft-claim-rare{animation:craftClaimRare .8s ease-out}@keyframes craftClaimEpic{0%,to{filter:none}15%,45%,75%{filter:brightness(1.5) contrast(1.25)}30%,60%{filter:brightness(1)}}.craft-claim-epic{animation:craftClaimEpic 1s ease-out}@keyframes craftClaimLegendary{0%,to{filter:none}10%,90%{filter:invert(1) brightness(1.2)}30%,70%{filter:brightness(1.6) contrast(1.4)}50%{filter:invert(1)}}.craft-claim-legendary{animation:craftClaimLegendary 1.4s ease-out}@keyframes craftSparklePulse{0%,to{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.2)}}.craft-sparkle{position:absolute;font-family:"Press Start 2P",monospace;font-size:10px;color:#0f380f;pointer-events:none;animation:craftSparklePulse .7s ease-in-out 1;z-index:12}.menu-item{display:flex;justify-content:space-between;padding:2px 4px;font-size:9px}.menu-item.sel{background:#0f380f38;border:1px dashed #0F380F;animation:selpulse .6s steps(2) infinite}.section-line{border-top:1px dashed rgba(15,56,15,.5);margin:4px 0}.progress-bar{display:flex;gap:1px;margin:6px 0}.progress-cell{width:10px;height:10px;background:#0f380f}.progress-cell.off{background:transparent;box-shadow:inset 0 0 0 1px #0f380f}.controls{position:relative;flex:0 0 25%;padding:14px 16px 78px;display:flex;flex-direction:column;justify-content:space-between;gap:8px}.controls-row{display:flex;justify-content:space-between;align-items:center;padding:0 4px}.controls-left{display:flex;justify-content:flex-start;padding-top:0}.controls-right{display:flex;justify-content:flex-end;padding-top:6px}.controls-system{display:flex;justify-content:center;align-items:center;gap:28px;margin:0 auto}.sys-btn-wrap{display:flex;flex-direction:column;align-items:center;gap:4px;width:56px}.dpad{position:relative;width:80px;height:80px}.dpad-cross{position:absolute;inset:0}.dpad-arm{position:absolute;background:radial-gradient(circle at 30% 30%,#2a2a2e,#141416 70%,#0a0a0c);box-shadow:0 3px 5px #00000059,inset 0 1px 1px #ffffff0f,inset 0 -2px 3px #00000080}.dpad-h{top:33px;left:0;width:92px;height:26px;border-radius:4px}.dpad-v{left:33px;top:0;height:92px;width:26px;border-radius:4px}.dpad-center{position:absolute;top:33px;left:33px;width:26px;height:26px;background:radial-gradient(circle at 35% 35%,#303034,#161618);box-shadow:inset 0 1px 1px #ffffff14,inset 0 -1px 2px #00000080;border-radius:2px;z-index:2}.dpad-btn{position:absolute;background:transparent;border:0;cursor:pointer;-webkit-tap-highlight-color:transparent;z-index:3}.dpad-btn:active+.dpad-arrow,.dpad-btn.pressed+.dpad-arrow{transform:translateY(1px);filter:brightness(.7)}.dpad-arrow{position:absolute;width:0;height:0;pointer-events:none;filter:drop-shadow(0 1px 0 rgba(255,255,255,.06)) drop-shadow(0 -.5px 0 rgba(0,0,0,.6));transition:transform .08s ease,filter .08s ease}.dp-up{top:6px;left:41px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:7px solid #050507}.dp-down{bottom:6px;left:41px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid #050507}.dp-left{left:6px;top:41px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:7px solid #050507}.dp-right{right:6px;top:41px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid #050507}.dp-hit-up{top:0;left:33px;width:26px;height:33px}.dp-hit-down{bottom:0;left:33px;width:26px;height:33px}.dp-hit-left{left:0;top:33px;width:33px;height:26px}.dp-hit-right{right:0;top:33px;width:33px;height:26px}.ab-group{position:relative;width:110px;height:78px;transform:rotate(-26deg)}.btn-ab{position:absolute;width:48px;height:48px;border-radius:50%;border:0;cursor:pointer;-webkit-tap-highlight-color:transparent;background:radial-gradient(circle at 30% 30%,#a64a4a,#7a2e2e 55%,#4a1818);box-shadow:0 4px 6px #0000004d,inset 0 1px 1px #ffffff1f,inset 0 -2px 3px #00000073;display:flex;align-items:center;justify-content:center;transition:transform .08s ease,box-shadow .08s ease}.btn-ab.b{top:0;right:0}.btn-ab.a{bottom:0;left:0}.btn-ab:active{transform:translateY(2px);box-shadow:inset 0 2px 3px #00000073,0 1px 2px #00000040}.btn-ab .btn-engrave{font-family:Inter,sans-serif;font-weight:800;font-size:22px;color:#5a1818;text-shadow:0 1px 0 rgba(255,255,255,.25),0 -1px 1px rgba(0,0,0,.55);filter:blur(.2px);transform:rotate(26deg)}.ab-label{position:absolute;font-family:Inter,sans-serif;font-size:9px;font-weight:700;letter-spacing:.1em;color:#0006;text-shadow:0 1px 0 rgba(255,255,255,.22);transform:rotate(26deg);display:none}.sys-btn{width:48px;height:13px;border-radius:7px;border:0;cursor:pointer;background:radial-gradient(ellipse at 30% 30%,#6a6a6e,#3e3e42 70%,#232326);box-shadow:0 2px 3px #0000004d,inset 0 1px 1px #ffffff1a,inset 0 -1px 1px #00000080;-webkit-tap-highlight-color:transparent;display:block}.sys-btn:active{transform:translateY(1px);box-shadow:inset 0 1px 2px #00000073}.sys-label{font-family:Inter,sans-serif;font-size:7px;font-weight:700;letter-spacing:.18em;color:#00000061;text-shadow:0 1px 0 rgba(255,255,255,.2)}.buttons{display:none}.btn-wrap{display:flex;flex-direction:column;align-items:center;gap:6px}.btn{width:64px;height:64px;border-radius:50%;border:none;position:relative;cursor:pointer;background:radial-gradient(circle at 30% 30%,color-mix(in srgb,var(--btn-color, #a04040) 88%,white),var(--btn-color, #a04040) 55%,color-mix(in srgb,var(--btn-color, #a04040) 85%,black) 100%);box-shadow:0 4px 8px #00000040,0 2px 4px #00000026,inset 0 1px #ffffff14,inset 0 -2px 3px #00000038;transition:transform .09s ease,box-shadow .09s ease;outline:none;-webkit-tap-highlight-color:transparent;display:flex;align-items:center;justify-content:center}.btn-engrave{font-family:Inter,system-ui,sans-serif;font-weight:700;font-size:20px;letter-spacing:1px;color:color-mix(in srgb,var(--btn-color, #a04040) 78%,black);text-shadow:0 1px 0 rgba(255,255,255,.28),0 -1px 1px rgba(0,0,0,.42);filter:blur(.25px);user-select:none;pointer-events:none}.btn:active{transform:translateY(2px);box-shadow:0 1px 2px #0000004d,inset 0 2px 4px #00000047,inset 0 -1px #ffffff0a}.meter{display:flex;gap:2px;align-items:center}.meter-seg{width:6px;height:9px;background:#0f380f}.meter-seg.off{background:transparent;box-shadow:inset 0 0 0 1px #0f380f}.blink{animation:blink .9s steps(2) infinite}@keyframes blink{50%{opacity:0}}.flash-bg{animation:flashbg .5s steps(2) infinite}@keyframes flashbg{50%{filter:invert(1)}}.sel-border{box-shadow:0 0 0 2px #0f380f;animation:selpulse .6s steps(2) infinite}@keyframes selpulse{50%{box-shadow:0 0 0 2px transparent}}.wobble{animation:wobble 1.8s ease-in-out infinite}@keyframes wobble{0%,to{transform:translate(0)}50%{transform:translate(-2px)}}@keyframes petIdle{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.02)}}@keyframes petEat{0%,to{transform:rotate(0) translateY(0)}40%{transform:rotate(8deg) translateY(-2px)}60%{transform:rotate(-4deg) translateY(0)}}@keyframes petPlay{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-14px) rotate(6deg)}}@keyframes petStudy{0%,to{transform:rotate(-6deg)}50%{transform:rotate(-10deg) translateY(-1px)}}@keyframes petSleep{0%,to{transform:rotate(-4deg) translateY(2px)}50%{transform:rotate(-4deg) translateY(-1px)}}@keyframes petSick{0%,to{transform:translate(0) translateY(2px)}25%{transform:translate(-2px) translateY(3px)}75%{transform:translate(2px) translateY(3px)}}@keyframes petHappy{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.08)}}@keyframes petDead{0%,to{transform:translateY(-4px);opacity:.5}50%{transform:translateY(-8px);opacity:.7}}@keyframes petOverlay{0%,to{transform:translateY(0) scale(1);opacity:.9}50%{transform:translateY(-3px) scale(1.08);opacity:1}}.list-row{display:flex;justify-content:space-between;padding:3px 2px;border-bottom:1px dashed rgba(15,56,15,.4);font-size:9px}.list-row.me{background:#0f380f2e}