.mascot-home{margin:20px 0 28px;padding:20px;border:1px solid #355b42;border-radius:22px;background:#0a1c12}
.mascot-home h2{margin:5px 0 12px}.mascot-status{font-size:.8rem;color:#c9e2c3;overflow-wrap:anywhere}
.mascot-prompt{padding:10px;border-left:3px solid #d4c294;font-size:.75rem;color:#e9dab6}
.mascot-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:16px 0}
.mascot-choice{min-width:0;min-height:94px;padding:8px 3px;border:1px solid #385643;border-radius:14px;background:#10281a;color:#e1f1dc;font:inherit;font-size:.65rem;display:grid;justify-items:center;gap:3px}
.mascot-choice img{width:52px;height:52px}.mascot-choice[aria-pressed=true]{border-color:#bce6aa;background:#23452c;box-shadow:inset 0 0 0 1px #bce6aa}
.mascot-choice:disabled{opacity:.5}.mascot-receive{display:flex;align-items:center;gap:9px;font-size:.72rem;margin:12px 0}.mascot-receive input{width:20px;height:20px;flex:none}
.mascot-resident{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;justify-items:center;gap:3px;padding:6px;border:0;background:#07170cd9;border-radius:18px;color:#deefd4;font:inherit;font-size:.5rem;max-width:140px}
.mascot-resident img{width:76px;height:76px}.mascot-resident:disabled{opacity:.8;cursor:default}.mascot-resident[hidden]{display:none}
.mascot-notices{list-style:none;padding:0;display:grid;gap:10px;max-height:370px;overflow:auto;margin-top:14px}
.mascot-notices li{border:1px solid #294b34;border-radius:14px;padding:12px;display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:.73rem}
.mascot-notices li.is-new{border-color:#b2d8a4}.mascot-notices img{width:42px;height:42px;flex:none}.mascot-notices p{flex:1;min-width:130px;margin:0;overflow-wrap:anywhere}
@media(max-width:400px){.mascot-home{padding:14px}.mascot-choice{font-size:.6rem}.mascot-choice img{width:44px;height:44px}}