.notification-button{position:relative;display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border:1px solid #bacbad;border-radius:12px;background:#edf4e3;color:#42694d}
.notification-button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.notification-button:hover,.notification-button[aria-expanded="true"]{background:#dce9ce}
.notification-button .notice-badge{position:absolute;right:-4px;top:-5px;min-width:18px;min-height:18px;display:grid;place-items:center;padding:2px;margin:0;font-size:.625rem}
.notifications-panel{position:fixed;z-index:17;right:22px;top:90px;width:min(430px,calc(100vw - 24px));max-height:calc(100dvh - 110px);overflow:auto;padding:22px;border:1px solid #b7cba8;border-radius:20px;background:#f5f9ed;box-shadow:0 18px 70px #30473033}
.notifications-panel h2{font-size:1.2rem;margin:0}
.notifications-panel .person-actions>button{min-width:42px;min-height:42px;font-size:.875rem;border:1px solid #c0d1b2;border-radius:9px;text-decoration:none;background:#e3eed8}
.notifications-panel .person-actions>button:first-child{color:#fff;background:#436b50;border-color:#436b50}
.notifications-panel .person-row{padding:13px 10px}
.profile-actions{display:flex;flex-shrink:0;gap:3px}
.time-settings{margin:17px 0 0;padding:16px;background:#e8f0dd;border:1px solid #c8d8bc;border-radius:13px}
.time-settings select{width:100%;margin-top:8px;padding:11px;border:1px solid #c0d2b0;border-radius:9px;background:#f9fcf2;color:#36583e;font-size:.8125rem;min-height:44px}
.time-settings p{margin:8px 0 0}.bot-field{grid-column:1/-1}.bot-description{grid-column:1/-1;margin:0}
.player-clock{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-variant-numeric:tabular-nums;font-size:1.2rem;line-height:1;padding:10px 11px;min-width:85px;text-align:center;border-radius:10px;background:#e6eedc;border:1px solid #c1d1b2;color:#58744f;white-space:nowrap}
.player-clock.running,.player-clock.active,.player-clock.is-running{background:#426b4f;border-color:#426b4f;color:#fffdf4}
.player-clock.low-time{background:#f5d7bb!important;color:#7c4428!important;border-color:#d8a578!important}.player-clock.flagged{background:#e7cbbb;color:#814b35}
.square.pending-move::after{content:'';position:absolute;inset:4px;border:2px dashed #f7fbdb;border-radius:3px;pointer-events:none}
.bot-preview{position:relative;grid-column:1/-1;display:flex;align-items:center;gap:15px;padding:12px 16px 12px 7px;overflow:hidden;border:1px solid #c5d6b5;border-radius:20px;background:radial-gradient(ellipse at 95% 110%,#c8dbb5 0 25%,transparent 26%),radial-gradient(ellipse at 110% 100%,#d9e8c8 0 42%,transparent 43%),#edf4e3}
.bot-preview>img{flex-shrink:0;width:112px;height:112px;object-fit:contain;filter:drop-shadow(0 7px 7px #47654218)}
.bot-preview>div{position:relative;z-index:1}.bot-preview p{margin:8px 0;color:#355c40;font-size:.875rem;line-height:1.7}.bot-preview-note{font-size:.6875rem;color:#75876b}.bot-preview-leaf{position:absolute;right:8px;bottom:-20px;font-size:100px;color:#a3bf8d;opacity:.4;transform:rotate(-20deg)}
.bot-game-scene{position:relative;display:flex;align-items:center;gap:15px;overflow:hidden;padding:10px 18px 10px 8px;margin-bottom:15px;border:1px solid #c0d2ad;border-radius:20px;background:radial-gradient(ellipse at 105% 100%,#cadfba 0 30%,transparent 31%),#e9f2df;box-shadow:0 5px 20px #405a3710}
.bot-game-scene>img{width:72px;height:72px;flex-shrink:0;object-fit:contain}.bot-game-scene>div{position:relative;z-index:1}.bot-game-scene strong{display:block;margin:5px 0 3px;font-size:1rem;color:#365e40}.bot-game-scene p{margin:0;font-size:.75rem;line-height:1.6;color:#68805a}.scene-leaves{position:absolute;right:20px;bottom:-20px;transform:rotate(-25deg);font-size:110px;color:#a9c193;opacity:.45}
.bot-game .board-frame{box-shadow:0 12px 48px #425e3026,0 0 0 6px #e5edda}.bot-game .status-card{background:linear-gradient(145deg,#f3f8eb,#e4efd9)}
.avatar.bot-avatar{overflow:hidden;border:1px solid #b6c9a4;background:#eef5e5}.bot-avatar img{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:760px){.bot-preview{gap:9px;padding-right:10px}.bot-preview>img{width:90px;height:90px}.bot-preview p{font-size:.8125rem}.bot-game-scene{padding:8px;gap:9px}.bot-game-scene>img{width:58px;height:58px}.bot-game-scene .hub-kicker{font-size:.5625rem}.bot-game-scene p{font-size:.6875rem}.scene-leaves{right:4px}.bot-game .board-frame{box-shadow:0 10px 30px #425e3020,0 0 0 3px #e5edda}}
@media(max-width:760px){.site-header{gap:7px}.notification-button{width:38px;height:42px}.notifications-panel{right:12px;top:105px;max-height:calc(100dvh - 119px);padding:18px}.player-clock{min-width:73px;font-size:1rem;padding:9px 8px}.player-bar{gap:9px}.turn-badge{font-size:.625rem;padding:6px}.captured{min-width:0}.time-settings{padding:13px}}
@media(max-width:380px){.site-header .brand{font-size:1rem;gap:4px}.account-button{max-width:82px}.account-button>span:last-child{max-width:44px}.notification-button{width:34px}.site-header{gap:5px}.player-clock{min-width:63px;padding:9px 5px}.player-bar{gap:6px}.player-info{min-width:0}.turn-badge{display:none}.notifications-panel{padding:16px}.profile-actions{gap:0}.time-settings select{font-size:.75rem}}