*{box-sizing:border-box;margin:0;padding:0}:root{--green: #1a7a4c;--green-dark: #135c39;--bg: #f4f6f5;--card: #ffffff;--text: #1c2420;--muted: #68766f;--border: #dde4e0;--red: #c0392b;--amber: #b7791f}html,body{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}.app{min-height:100dvh;display:flex;flex-direction:column;max-width:680px;margin:0 auto}.center-page{min-height:100dvh;display:grid;place-items:center;color:var(--muted)}.topbar{position:sticky;top:0;z-index:10;background:var(--green);color:#fff;padding:calc(env(safe-area-inset-top) + 12px) 16px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px}.topbar h1{font-size:1.05rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-right{display:flex;align-items:center;gap:8px}.topbar select{max-width:130px;border-radius:8px;border:none;padding:6px;font-size:.8rem}.role-chip{background:#fff3;border-radius:999px;padding:2px 10px;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em}.link-btn{background:none;border:none;color:#fff;text-decoration:underline;font-size:.8rem;cursor:pointer}.content{flex:1;padding:16px 12px calc(env(safe-area-inset-bottom) + 84px)}.tabbar{position:fixed;bottom:0;left:0;right:0;z-index:10;max-width:680px;margin:0 auto;display:flex;background:var(--card);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom)}.tab{flex:1;padding:8px 4px 10px;background:none;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:.7rem;color:var(--muted)}.tab.active{color:var(--green);font-weight:700}.tab-icon{font-size:1.3rem}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:14px;margin-bottom:12px}.card h2{font-size:1rem;margin-bottom:10px}.card h3{font-size:.9rem;margin:12px 0 6px}.muted{color:var(--muted);font-size:.85rem}.error{color:var(--red);font-size:.85rem;margin:6px 0}.warning{color:var(--amber);font-size:.85rem;margin:6px 0}button.primary,button.secondary,button.danger{border:none;border-radius:10px;padding:10px 14px;font-size:.9rem;font-weight:600;cursor:pointer;min-height:42px}button.primary{background:var(--green);color:#fff}button.primary:active{background:var(--green-dark)}button.secondary{background:#e7ede9;color:var(--green-dark)}button.danger{background:#fdecea;color:var(--red)}button:disabled{opacity:.5}.btn-row{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}input,select{border:1px solid var(--border);border-radius:10px;padding:10px;font-size:.95rem;width:100%;background:#fff;color:var(--text);min-height:42px}label.field{display:block;font-size:.78rem;color:var(--muted);margin-bottom:8px}label.field span{display:block;margin-bottom:3px;font-weight:600}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.form-grid .full{grid-column:1 / -1}.list-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 0;border-bottom:1px solid var(--border)}.list-row:last-child{border-bottom:none}.chip{display:inline-block;border-radius:999px;padding:2px 8px;font-size:.72rem;font-weight:700}.chip.M{background:#e3ecfa;color:#2b5aa5}.chip.F{background:#fae3f0;color:#a52b78}.chip.W{background:#e3f6ec;color:var(--green-dark)}.chip.L{background:#fdecea;color:var(--red)}.chip.T{background:#f0f0f0;color:var(--muted)}.chip.lock{background:#fff3d6;color:var(--amber)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.85rem}th,td{text-align:left;padding:8px 6px;border-bottom:1px solid var(--border);white-space:nowrap}th{color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.03em}.slot-row{display:flex;align-items:center;gap:6px;padding:6px 0;border-bottom:1px solid var(--border)}.slot-num{width:24px;font-weight:700;color:var(--muted);text-align:right;flex-shrink:0}.slot-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem}.slot-row select{width:82px;min-height:36px;padding:6px;font-size:.8rem;flex-shrink:0}.icon-btn{background:#e7ede9;border:none;border-radius:8px;width:34px;height:34px;font-size:.95rem;cursor:pointer;flex-shrink:0;color:var(--green-dark)}.icon-btn.danger{background:#fdecea;color:var(--red)}.stat-grid{display:flex;flex-wrap:wrap;gap:5px}.stat-btn{border:1px solid var(--border);background:#fff;border-radius:8px;padding:4px 6px;font-size:.72rem;cursor:pointer;min-height:34px}.stat-btn b{display:block;font-size:.85rem}.start-btn{width:100%;font-size:1.05rem;padding:12px;min-height:48px}.game-grid{display:flex;gap:5px;margin-top:6px}.game-btn{flex:1;border:1px solid var(--border);background:#fff;border-radius:10px;padding:6px 2px;font-size:.72rem;cursor:pointer;min-height:52px;text-align:center;-webkit-user-select:none;user-select:none;touch-action:manipulation}.game-btn b{display:block;font-size:1.05rem}.game-btn:active{background:var(--green);color:#fff;border-color:var(--green)}.rsvp-btns{display:flex;gap:6px}.rsvp-btns button{border:1px solid var(--border);background:#fff;border-radius:8px;padding:6px 12px;font-size:.85rem;cursor:pointer;min-height:38px}.rsvp-btns button.on-yes{background:var(--green);color:#fff;border-color:var(--green)}.rsvp-btns button.on-no{background:var(--red);color:#fff;border-color:var(--red)}.key-box{font-family:ui-monospace,monospace;background:#f0f3f1;border-radius:8px;padding:6px 10px;font-size:.85rem;word-break:break-all}.game-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.game-title{font-weight:700;font-size:.95rem}.score{font-size:1.1rem;font-weight:800}@media (min-width: 480px){.form-grid{grid-template-columns:1fr 1fr 1fr}}.celebrate-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:100;overflow:hidden}.balloon{position:absolute;bottom:-70px;font-size:2.4rem;animation:floatUp 3s ease-in forwards}@keyframes floatUp{0%{transform:translateY(0) rotate(-4deg);opacity:1}to{transform:translateY(-115vh) rotate(6deg);opacity:.9}}.sad-face{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:6.5rem;animation:sadPulse 3s ease forwards}@keyframes sadPulse{0%{opacity:0;transform:scale(.4)}18%{opacity:1;transform:scale(1.05)}25%{transform:scale(1)}80%{opacity:1}to{opacity:0;transform:scale(.95)}}.list-row.out{opacity:.45}.list-row.out b{text-decoration:line-through}