:root{color:#18312b;background:#eef4f1;font-family:Inter,Yu Gothic,Hiragino Kaku Gothic ProN,Meiryo,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{border:0;border-radius:8px;background:#216869;color:#fff;cursor:pointer;font-weight:700}button:hover{background:#174d4e}.entry-screen{display:grid;min-height:100vh;place-items:center;padding:24px;background:linear-gradient(#eef4f1d6,#eef4f1e6),repeating-linear-gradient(0deg,transparent,transparent 31px,#c8ddd5 32px),repeating-linear-gradient(90deg,#f8fbf8,#f8fbf8 31px,#c8ddd5 32px)}.entry-panel{width:min(420px,100%);border:1px solid #c8ddd5;border-radius:8px;background:#fff;padding:28px;box-shadow:0 18px 40px #18312b1f}.entry-panel h1{margin:4px 0 24px;font-size:28px}.entry-text{margin:0 0 18px;color:#526961;line-height:1.7}.entry-error{border:1px solid #e8b4ad;border-radius:8px;background:#fff1ef;padding:10px 12px;color:#92362d;line-height:1.6}.eyebrow{margin:0;color:#216869;font-size:13px;font-weight:800}.entry-panel label{display:grid;gap:8px;margin-bottom:18px;font-weight:700}.entry-panel input,.chat-form input,.profile-editor input,.typing-score-editor input{width:100%;border:1px solid #b4cbc3;border-radius:8px;padding:12px 14px;color:#18312b}.entry-panel button{width:100%;padding:13px 16px}.entry-actions{display:grid;gap:10px}.secondary-button{border:1px solid #b4cbc3;background:#fff;color:#216869}.secondary-button:hover{background:#eef7f3}.profile-box{display:flex;align-items:center;gap:12px;margin-bottom:18px;border:1px solid #d8e7e1;border-radius:8px;background:#f6fbf8;padding:12px}.profile-box img{width:48px;height:48px;border-radius:50%}.profile-box span{display:block;color:#5f766f;font-size:13px}.profile-box strong{display:block;margin-top:2px;color:#18312b}.room-screen{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;height:100vh;padding:16px}.game-area,.chat-panel{min-width:0}.room-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;color:#2f4b45}.room-header strong{color:#216869;font-size:18px}.room-header span,.chat-panel header span{color:#5f766f;font-size:14px}.game-canvas{overflow:hidden;width:100%;height:calc(100vh - 58px);border:1px solid #b7d0c8;border-radius:8px;background:#dcebe5}.game-canvas canvas{display:block}.chat-panel{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto;height:calc(100vh - 32px);border:1px solid #c8ddd5;border-radius:8px;background:#fff}.chat-panel header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d8e7e1;padding:14px 16px}.chat-panel h2{margin:0;font-size:18px}.side-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:8px;border-bottom:1px solid #d8e7e1;padding:8px 12px}.side-tab{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;border:1px solid #c8ddd5;background:#fff;color:#2f4b45;font-size:13px}.side-tab:hover,.side-tab.active{border-color:#216869;background:#eef7f3;color:#18312b}.side-tab span{min-width:20px;border-radius:999px;background:#e84d4d;padding:2px 6px;color:#fff;font-size:11px}.messages{display:flex;flex-direction:column;gap:10px;overflow-y:auto;padding:14px}.message{max-width:86%;border-radius:8px;background:#f2f7f4;padding:10px 12px}.message.theirs{align-self:flex-start}.message.mine{align-self:flex-end;background:#dff4ea}.message.mine strong{text-align:right}.message strong{display:block;margin-bottom:4px;color:#216869;font-size:13px}.message p{margin:0;overflow-wrap:anywhere;white-space:pre-wrap;line-height:1.5}.message.system{align-self:center;max-width:100%;background:#fff7df;color:#755a10;font-size:13px}.new-message-button{justify-self:center;margin:0 12px 8px;border:1px solid #b4cbc3;background:#fff;padding:7px 12px;color:#216869;font-size:13px;box-shadow:0 8px 18px #18312b1a}.new-message-button:hover{background:#eef7f3}.chat-form{display:grid;grid-template-columns:minmax(0,1fr) 72px;gap:8px;border-top:1px solid #d8e7e1;padding:12px}.chat-form button{padding:0 12px}.pomodoro-focus-panel{display:grid;align-content:center;justify-items:center;min-height:260px;margin:12px;border:1px solid #f1b7a8;background:#fff7f2;padding:24px 18px;color:#713124;text-align:center}.pomodoro-focus-panel .pomodoro-phase{margin:0;color:#b33b28;font-size:15px;font-weight:800}.pomodoro-focus-panel strong{margin:8px 0 12px;color:#241b18;font-size:38px;line-height:1}.pomodoro-focus-panel p{margin:4px 0;line-height:1.6}.away-chat-panel{display:grid;align-content:center;justify-items:center;min-height:260px;margin:12px;border:1px solid #efc4c4;background:#fff6f6;padding:24px 18px;color:#713124;text-align:center}.away-chat-panel p{margin:0;color:#b33b28;font-size:15px;font-weight:800}.away-chat-panel strong{margin:8px 0;color:#241b18;font-size:24px}.away-chat-panel span{color:#8a6658;font-size:13px;line-height:1.6}.pomodoro-chat-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;margin:0 12px 8px;border:1px solid #d8e7e1;background:#f7fbf8;padding:10px 12px;color:#2f4b45}.pomodoro-chat-summary.focus{border-color:#f1d0b7;background:#fff8f2;color:#713124}.pomodoro-chat-summary strong,.pomodoro-chat-summary span{font-size:14px;font-weight:800}.pomodoro-chat-summary p{grid-column:1 / -1;margin:0;color:#5f766f;font-size:12px;line-height:1.45}.pomodoro-chat-summary.focus p{color:#8a6658}.status-panel{overflow-y:auto;padding:10px 12px 12px}.status-panel-title{margin-bottom:8px;color:#5f766f;font-size:12px;font-weight:800}.status-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.status-button{display:inline-flex;align-items:center;gap:7px;min-height:34px;border:1px solid #c8ddd5;background:#fff;padding:7px 10px;color:#2f4b45;font-size:13px}.status-button:hover,.status-button.active{border-color:#216869;background:#eef7f3;color:#18312b}.status-dot{width:10px;height:10px;flex:0 0 auto;border:2px solid #ffffff;border-radius:999px;box-shadow:0 0 0 1px #18312b2e}.status-dot.active{background:#2fbf71}.status-dot.break{background:#f4c542}.status-dot.away{background:#e84d4d}.profile-editor,.typing-score-editor{display:grid;gap:10px}.typing-score-editor{margin-top:12px;border-top:1px solid #d8e7e1;padding-top:10px}.admin-section{display:grid;gap:8px;border-top:1px solid #d8e7e1;padding-top:10px}.admin-section:first-child{border-top:0;padding-top:0}.admin-section+.admin-section{margin-top:12px}.admin-actions{display:flex;flex-wrap:wrap;gap:8px}.admin-actions button,.admin-form button{justify-self:start;min-height:34px;border-color:#d7c8aa;background:#fffaf0;padding:0 12px;color:#755a10;font-size:13px}.admin-actions button:hover,.admin-form button:hover{background:#fff3d0}.admin-form{margin-top:12px}.admin-form label{display:grid;gap:6px}.admin-form-actions{display:flex;flex-wrap:wrap;gap:8px}.admin-form label span{color:#5f766f;font-size:12px;font-weight:800}.admin-form input,.admin-form textarea{padding:9px 10px;font-size:13px;resize:vertical}.admin-user-list,.admin-topic-list{display:grid;gap:6px}.admin-user-row,.admin-topic-row{display:grid;align-items:center;border:1px solid #e2ece8;background:#f8fbf9;padding:7px 8px;color:#2f4b45;font-size:12px}.admin-user-row{grid-template-columns:16px minmax(0,1fr) auto;gap:6px}.admin-user-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-user-list>span,.admin-topic-list>span{color:#8a9b96;font-size:12px}.profile-editor label,.typing-score-editor label{display:grid;gap:6px}.profile-editor label span,.typing-score-editor label span,.mission-editor-title{color:#5f766f;font-size:12px;font-weight:800}.profile-editor input,.typing-score-editor input{padding:9px 10px;font-size:13px}.mission-editor{display:grid;gap:6px}.profile-editor .mission-row{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:8px}.profile-editor .mission-row input[type=checkbox]{width:16px;height:16px;margin:0;accent-color:#216869}.profile-editor button,.typing-score-editor button{justify-self:end;min-height:34px;padding:0 16px}@media(max-width:880px){.room-screen{grid-template-columns:1fr}.game-canvas{height:60vh}.chat-panel{height:36vh;min-height:280px}}