@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{font-family:"Press Start 2P",Courier New,monospace;line-height:1.5;font-weight:400;color:#2d241b;background-color:#f6ecd4;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top,#fff2c7,#f6ecd4 45%,#f1d7a2)}#root{min-height:100vh}.app-shell{min-height:100vh;display:grid;place-items:center;padding:1px 16px 32px;position:relative}.app-credit{position:fixed;right:20px;bottom:20px;background:#fef7e6;border:3px solid #201a16;padding:6px 10px;font-family:"Press Start 2P",Courier New,monospace;font-size:9px;color:#201a16;text-transform:uppercase;letter-spacing:.6px;box-shadow:0 4px #201a16}@media(max-width:600px){.app-credit{right:12px;bottom:12px}}.background-music{position:fixed;left:20px;bottom:20px;display:flex;flex-direction:column;align-items:center;gap:8px;z-index:20;font-family:"Press Start 2P",Courier New,monospace}.background-music__meta{background:#fef7e6;border:3px solid #201a16;padding:6px 8px;min-width:140px;text-align:center;box-shadow:0 4px #201a16}.background-music__title{font-size:10px;text-transform:uppercase;letter-spacing:.6px}.background-music__creator{margin-top:4px;font-size:9px;color:#3a2c26}.background-music__toggle{width:56px;height:56px;border:4px solid #201a16;background:#ffcb6b;color:#201a16;font-size:24px;display:grid;place-items:center;cursor:pointer;box-shadow:0 6px #201a16;transition:transform .08s ease,box-shadow .08s ease}.background-music__toggle:active{transform:translateY(4px);box-shadow:0 2px #201a16}.background-music__toggle--muted{background:#f26b4f}.background-music__toggle--playing{background:#8de9a0}@media(max-width:600px){.background-music{left:12px;bottom:12px}.background-music__toggle{width:48px;height:48px;font-size:20px}}:root{--shell-top: #f7c551;--shell-bottom: #f08a4b;--shell-shadow: #b6572a;--bezel: #3b2f2f;--bezel-highlight: #5a4a4a;--screen: #b9e48a;--screen-shadow: #7cb35a;--screen-ink: #1e2b1f;--button: #f2f0d0;--button-shadow: #c6b886;--button-ink: #2a221b}.tama-shell{width:min(94vw,600px);min-height:min(78vh,700px);padding:32px 28px 28px;border-radius:42px 42px 60px 60px;background:linear-gradient(180deg,var(--shell-top),var(--shell-bottom));box-shadow:0 24px 0 var(--shell-shadow),0 34px 42px #00000059;border:4px solid #f9df8a;display:grid;gap:24px;grid-template-rows:1fr auto;align-content:space-between;justify-items:center}.tama-layout{width:100%;display:grid;justify-items:center}.tama-topbar{position:absolute;top:20px;right:20px;display:flex;align-items:center;gap:12px;z-index:2}.tama-account{position:relative}.tama-account__button{width:36px;height:36px;border-radius:12px;border:3px solid #2a221b;background:#fef3c8;color:#2a221b;display:inline-flex;align-items:center;justify-content:center;box-shadow:3px 3px #2a221b;cursor:pointer;padding:0}.tama-account__button:active{transform:translateY(2px);box-shadow:1px 1px #2a221b}.tama-account__icon{width:18px;height:18px;fill:currentColor}.tama-account__panel{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:#fff8d6;border:3px solid #2a221b;box-shadow:4px 4px #2a221b;padding:10px 12px;text-align:left;display:grid;gap:4px;font-size:.6rem;z-index:3}.tama-account__login{position:absolute;top:calc(100% + 8px);right:0;z-index:2}.tama-account__name{margin:0;font-size:.65rem;font-weight:700}.tama-account__meta{margin:0;color:#2a221b}.tama-account__signin{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border:2px solid #2a221b;background:#fef3c8;color:#2a221b;text-decoration:none;font-size:.55rem;text-transform:uppercase;letter-spacing:.6px;box-shadow:3px 3px #2a221b;justify-self:start}.tama-account__signin:active{transform:translateY(2px);box-shadow:1px 1px #2a221b}.tama-bezel{width:100%;padding:16px;border-radius:28px;background:linear-gradient(145deg,var(--bezel-highlight),var(--bezel));box-shadow:inset 0 0 0 4px #241d1d;display:grid}.tama-screen{position:relative;width:100%;border-radius:18px;background:linear-gradient(180deg,#c9f0a2,var(--screen));border:4px solid #2c3a2d;box-shadow:inset 0 -10px 0 var(--screen-shadow);padding:28px 18px;min-height:320px;overflow:hidden}.tama-screen__scanline{position:absolute;inset:0;background-image:repeating-linear-gradient(180deg,#00000014,#00000014 2px,#ffffff14 2px 4px);opacity:.35;pointer-events:none}.tama-screen__content{position:relative;color:var(--screen-ink);text-align:center;display:grid;gap:12px;grid-template-rows:auto 1fr}.tama-screen__title{font-size:1.2rem;letter-spacing:1px;margin:0}.tama-title{display:inline-flex;align-items:center;justify-content:center;gap:8px}.tama-title__input{font-family:inherit;font-size:1rem;letter-spacing:1px;padding:4px 6px;border-radius:10px;border:3px solid #2c3a2d;background:#fff8d6;color:#1e2b1f;width:160px;text-align:center}.tama-title__edit{width:26px;height:26px;border-radius:10px;border:2px solid #2c3a2d;background:#fff8d6;color:#1e2b1f;display:inline-flex;align-items:center;justify-content:center;padding:0;box-shadow:2px 2px #2c3a2d;cursor:pointer}.tama-title__edit:active{transform:translateY(2px);box-shadow:1px 1px #2c3a2d}.tama-title__edit svg{width:14px;height:14px;fill:currentColor}.tama-screen__header{display:grid;gap:10px;align-content:start}.tama-stats{display:grid;gap:8px}.tama-stat{display:grid;grid-template-columns:70px 1fr;align-items:center;gap:8px;font-size:.55rem;text-transform:uppercase;letter-spacing:.5px}.tama-stat__bar{height:8px;background:#d5e9b7;border:2px solid #2c3a2d;border-radius:4px;overflow:hidden}.tama-stat__fill{display:block;height:100%;background:#2c3a2d}.tama-screen__playfield{position:relative;display:grid;place-items:center;min-height:220px}.tama-bubble{position:absolute;top:16px;left:50%;transform:translate(-50%,-90%)}.tama-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;width:100%}.tama-chat{width:100%;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.tama-chat__input{width:100%;padding:10px 12px;border-radius:12px;border:3px solid #2f261f;background:#fff8d6;color:#2a221b;font-family:inherit;font-size:.6rem}.tama-chat__input:disabled{opacity:.7}.tama-chat__send{padding:10px 14px;border-radius:12px;border:3px solid #2f261f;background:linear-gradient(180deg,#fff7d6,var(--button));color:var(--button-ink);font-family:inherit;font-size:.6rem;box-shadow:0 6px 0 var(--button-shadow);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.tama-chat__send:active{transform:translateY(4px);box-shadow:0 2px 0 var(--button-shadow)}.tama-chat__send:disabled{opacity:.7;cursor:not-allowed}.tama-button{font-family:inherit;font-size:.7rem;letter-spacing:.5px;padding:12px 10px;border-radius:14px;border:3px solid #2f261f;background:linear-gradient(180deg,#fff7d6,var(--button));color:var(--button-ink);box-shadow:0 6px 0 var(--button-shadow);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.tama-button:active{transform:translateY(4px);box-shadow:0 2px 0 var(--button-shadow)}@media(max-width:420px){.tama-shell{padding:26px 20px 22px;border-radius:34px 34px 52px 52px}.tama-controls{gap:10px}.tama-button{padding:10px 6px;font-size:.6rem}.tama-chat{grid-template-columns:1fr}.tama-topbar{top:12px;right:12px}}.chat-bubble{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;background:#fff8d6;color:#2a221b;border:3px solid #2a221b;box-shadow:4px 4px #2a221b;text-transform:uppercase;font-size:.5rem;letter-spacing:.6px;max-width:200px;animation:bubble-pop .22s ease-out;margin-top:150px}.chat-bubble__close{position:absolute;top:-10px;right:-10px;width:20px;height:20px;border-radius:6px;border:2px solid #2a221b;background:#fff8d6;color:#2a221b;font-family:inherit;font-size:.7rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;box-shadow:2px 2px #2a221b;cursor:pointer;padding:0}.chat-bubble__close:active{transform:translateY(2px);box-shadow:1px 1px #2a221b}@keyframes bubble-pop{0%{transform:scale(.9) translateY(6px);opacity:.6}to{transform:scale(1) translateY(0);opacity:1}}.chat-bubble:before{content:"";position:absolute;inset:-6px;border:3px solid #2a221b;background:transparent;z-index:-1}.chat-bubble__text{display:block}.chat-bubble__tail{position:absolute;bottom:-12px;left:50%;width:12px;height:12px;background:#fff8d6;border-left:3px solid #2a221b;border-bottom:3px solid #2a221b;transform:translate(-50%) rotate(45deg);box-shadow:2px 2px #2a221b}.login-prompt{display:grid;gap:6px;justify-items:center;text-align:center}.login-prompt__panel{display:grid;gap:8px;justify-items:center;padding:10px 12px;border:3px solid #2a221b;background:#fff8d6;box-shadow:4px 4px #2a221b;min-width:200px}.login-prompt__message{display:flex;align-items:center;gap:8px;width:100%;justify-content:space-between}.login-prompt__status{margin:0;font-size:.6rem;text-transform:uppercase;letter-spacing:.6px;color:#2a221b;max-width:170px;text-align:left}.login-prompt__button{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border:3px solid #2a221b;background:#fef3c8;color:#2a221b;text-decoration:none;font-size:.6rem;text-transform:uppercase;letter-spacing:.6px;box-shadow:4px 4px #2a221b}.login-prompt__button:active{transform:translateY(3px);box-shadow:2px 2px #2a221b}.login-prompt__close{border:2px solid #2a221b;background:#fff8d6;color:#2a221b;font-family:inherit;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer;box-shadow:2px 2px #2a221b}.login-prompt__close-icon{width:12px;height:12px;fill:currentColor}.login-prompt__close:active{transform:translateY(2px);box-shadow:1px 1px #2a221b}@keyframes breathe{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.05)}}.pixel-cat{display:block;animation:breathe 2s ease-in-out infinite;transform-origin:center;margin-top:40px}