/* ANEES live-2.0.0 add-on: tabs, play, my day, notebook, connect */
.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:6;display:flex;justify-content:center;gap:2px;background:color-mix(in srgb,var(--raised) 94%,transparent);backdrop-filter:blur(8px);border-top:1px solid var(--line);padding:6px 8px calc(6px + env(safe-area-inset-bottom))}
.tabbar .tab{flex:1;max-width:150px;min-height:52px;border:0;background:transparent;color:var(--muted);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;font-size:13px;font-weight:500}
.tabbar .tab .ic{font-size:20px;line-height:1}
.tabbar .tab.on{color:var(--text);background:var(--accent-soft)}
.tabbar .tab:focus-visible{outline:3px solid var(--focus);outline-offset:-2px}
body.has-tabbar .app{padding-bottom:76px}
body.has-tabbar .composer{bottom:calc(64px + env(safe-area-inset-bottom))}
body.has-tabbar .toast{bottom:calc(84px + env(safe-area-inset-bottom))}
.styles{align-items:center}
.gamegrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.gamecard{display:flex;flex-direction:column;gap:6px;text-align:start;background:var(--raised);border:1px solid var(--line);border-radius:var(--r);padding:16px;cursor:pointer;color:var(--text);min-height:120px}
.gamecard:hover{border-color:var(--accent)}
.gamecard .gic{font-size:30px}
.banterbox .msg.banter{max-width:100%}
.ttt{display:grid;grid-template-columns:repeat(3,minmax(0,92px));gap:8px;justify-content:center;direction:ltr}
.ttt .cell{aspect-ratio:1;font-size:40px;font-weight:600;border:1px solid var(--line-strong);background:var(--raised);color:var(--text);border-radius:14px;cursor:pointer}
.ttt .cell:disabled{cursor:default}
.memgrid{display:grid;grid-template-columns:repeat(4,minmax(0,78px));gap:8px;justify-content:center;direction:ltr}
.mcard{aspect-ratio:1;font-size:32px;border:1px solid var(--line-strong);background:var(--primary);color:var(--on-primary);border-radius:12px;cursor:pointer}
.mcard.up{background:var(--raised);color:var(--text)}
.mcard.done{background:var(--affirm-soft);border-color:var(--affirm)}
.scramble{font-size:30px;font-weight:600;letter-spacing:.08em;text-align:center}
#s-play input,#s-day input,#s-notes input,#s-notes textarea{width:100%;font:inherit;padding:10px 12px;border:1px solid var(--line-strong);border-radius:12px;background:var(--raised);color:var(--text)}
#s-day form input{flex:1;width:auto}
#s-day form.row{flex-wrap:nowrap}
#s-day label.plan{display:flex;flex-direction:row;align-items:center;gap:10px;text-align:start}
#s-day label.plan input[type=checkbox]{width:22px;height:22px;flex:none}
.donetext{text-decoration:line-through;color:var(--muted)}
.affirmline{color:var(--affirm-text);font-weight:600}
.noteitem{display:block;width:100%;text-align:start;background:var(--raised);border:1px solid var(--line);border-radius:12px;padding:12px;cursor:pointer;color:var(--text);margin-bottom:8px}
.notebody{min-height:220px;resize:vertical}
.pill{font-size:12px;border:1px solid var(--line-strong);border-radius:999px;padding:1px 10px;color:var(--muted)}
header.top{min-width:0}header.top .brand{min-width:0}.ai{white-space:nowrap}
@media (max-width:480px){header.top{gap:8px;padding:8px 12px}header.top .btn{font-size:14px;padding:6px 10px;min-height:40px}header.top .btn.help{max-width:118px;line-height:1.25;white-space:normal}header.top .brand span{font-size:16px}.ai{font-size:11px;padding:1px 6px}}