:root{--md-surface:#fff;--md-background:#f7f8fb;--md-bg-gradient-start:#f6f0ff;--md-bg-gradient-end:#e7f7ff;--md-primary:#7c8cff;--md-primary-variant:#5f74ff;--md-secondary:#ffb3c1;--md-secondary-variant:#ff99ad;--md-accent:#7ed9c4;--md-success:#86e3a1;--md-error:#ff9aa2;--md-warning:#ffd6a5;--md-text:#2d2f36;--md-text-muted:#61636b;--md-border:#e5e7ef;--md-elevation-1:0 4px 14px #0000000f;--md-elevation-2:0 8px 24px #00000014;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--focus-ring:0 0 0 3px #7c8cff40}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f6f0ff,#e7f7ff);background:linear-gradient(135deg,var(--md-bg-gradient-start),var(--md-bg-gradient-end));color:#2d2f36;color:var(--md-text);font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Arial,sans-serif;min-height:100vh}.container{margin:0 auto;max-width:1200px;padding:24px}.card{background:#fff;background:var(--md-surface);border:1px solid #e5e7ef;border:1px solid var(--md-border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 14px #0000000f;box-shadow:var(--md-elevation-1);margin:16px 0;padding:24px}h1,h2,h3,h4{color:#2d2f36;color:var(--md-text)}.btn{appearance:none;background:#7c8cff;background:var(--md-primary);border:1px solid #0000;border-radius:999px;box-shadow:none;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:10px 18px;transition:transform .06s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}.btn:hover{background:#5f74ff;background:var(--md-primary-variant)}.btn:active{transform:translateY(1px)}.btn:focus{box-shadow:0 0 0 3px #7c8cff40;box-shadow:var(--focus-ring);outline:none}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-secondary{appearance:none;background:#fff;background:var(--md-surface);border:1px solid #e5e7ef;border:1px solid var(--md-border);border-radius:999px;color:#2d2f36;color:var(--md-text);cursor:pointer;font-size:15px;font-weight:600;padding:10px 18px;transition:background .2s ease,border-color .2s ease,transform .06s ease}.btn-secondary:hover{background:#fafbff;border-color:#dfe3ee}.btn-secondary:active{transform:translateY(1px)}.btn-secondary:focus{box-shadow:0 0 0 3px #7c8cff40;box-shadow:var(--focus-ring);outline:none}.input{background:#fff;background:var(--md-surface);border:1px solid #e5e7ef;border:1px solid var(--md-border);border-radius:12px;border-radius:var(--radius-md);color:#2d2f36;color:var(--md-text);font-size:15px;padding:12px 14px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.input::placeholder{color:#61636b;color:var(--md-text-muted)}.input:focus{border-color:#7c8cff;border-color:var(--md-primary);box-shadow:0 0 0 3px #7c8cff40;box-shadow:var(--focus-ring);outline:none}.player-chip{background:#ffb3c1;background:var(--md-secondary);border:1px solid #0000000d;border-radius:999px;color:#3b1e26;font-size:14px;font-weight:600;padding:8px 14px}.players-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.game-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:16px 0}.game-card{background:#fff;background:var(--md-surface);border:1px solid #e5e7ef;border:1px solid var(--md-border);border-radius:12px;border-radius:var(--radius-md);cursor:pointer;padding:18px;text-align:center;transition:transform .1s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}.game-card:hover{box-shadow:0 4px 14px #0000000f;box-shadow:var(--md-elevation-1);transform:translateY(-2px)}.game-card.selected{background:#f4f5ff;border-color:#7c8cff;border-color:var(--md-primary)}.copy-link{align-items:center;background:#fff;background:var(--md-surface);border:1px solid #e5e7ef;border:1px solid var(--md-border);border-radius:12px;border-radius:var(--radius-md);display:flex;gap:12px;padding:10px 12px}.copy-link input{background:#0000;border:none;color:#61636b;color:var(--md-text-muted);flex:1 1;font-size:14px}.copy-link input:focus{outline:none}.loading{color:#61636b;color:var(--md-text-muted);padding:32px;text-align:center}.error{background:#ffe9ec;border:1px solid #ffd2d9;border-radius:12px;border-radius:var(--radius-md);color:#81212c}.error,.success{margin:12px 0;padding:12px 14px}.success{background:#e8fbf4;border:1px solid #c6f2e4;border-radius:12px;border-radius:var(--radius-md);color:#145f4e}.board{grid-gap:4px;background:#e5e7ef;background:var(--md-border);border-radius:12px;border-radius:var(--radius-md);display:grid;gap:4px;grid-template-columns:repeat(3,1fr);margin:0 auto 20px;max-width:300px;padding:4px}.cell{align-items:center;aspect-ratio:1;background:#fff;background:var(--md-surface);border:1px solid #e5e7ef;border:1px solid var(--md-border);border-radius:8px;border-radius:var(--radius-sm);cursor:default;display:flex;font-size:48px;font-weight:700;justify-content:center;transition:all .15s ease}.cell.clickable{background:#fafbff;cursor:pointer}.cell.clickable:hover{background:#f3f5ff;transform:scale(1.03)}.love-letter-body{align-items:flex-start;display:flex;gap:24px}.love-letter-main{flex:1 1 auto;min-width:0}.love-letter-sidebar{flex:0 0 320px;max-width:320px;position:sticky;top:12px}@media (max-width:900px){.love-letter-body{flex-direction:column}.love-letter-sidebar{max-width:100%;position:static;width:100%}}.love-letter-card{align-items:center;border:1px solid #ffffff4d;border-radius:12px;border-radius:var(--radius-md);box-shadow:0 4px 14px #0000000f;box-shadow:var(--md-elevation-1);color:#fff;cursor:default;display:flex;flex-direction:column;font-weight:700;height:126px;justify-content:center;transition:all .15s ease;width:86px}.love-letter-card.selectable{cursor:pointer}.love-letter-card.selectable:hover{box-shadow:0 8px 24px #00000014;box-shadow:var(--md-elevation-2);transform:translateY(-2px)}.love-letter-card.selected{outline:3px solid #7c8cff80}.card-number{font-size:22px;margin-bottom:4px}.card-name{font-size:12px;line-height:1.2;text-align:center}.my-turn-section{background:#fff;background:var(--md-surface);border:1px solid #e5e7ef;border:1px solid var(--md-border);border-radius:16px;border-radius:var(--radius-lg);margin:16px 0 8px;padding:18px}.my-hand{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px}.guess-selection,.my-hand,.target-selection{margin-bottom:16px}.guess-selection h4,.target-selection h4{color:#2d2f36;color:var(--md-text);margin-bottom:10px}.guess-options,.target-options{display:flex;flex-wrap:wrap;gap:8px}.game-log{background:#fff;background:var(--md-surface);border:1px solid #e5e7ef;border:1px solid var(--md-border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 14px #0000000f;box-shadow:var(--md-elevation-1);padding:16px}.game-log h3{margin-bottom:10px}.log-entries{max-height:60vh;overflow-y:auto}.log-entry{border-bottom:1px solid #e5e7ef;border-bottom:1px solid var(--md-border);color:#61636b;color:var(--md-text-muted);font-size:14px;padding:8px 0}.log-entry:last-child{border-bottom:none}.game-over{background:#fff;background:var(--md-surface);border:1px solid #e5e7ef;border:1px solid var(--md-border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 14px #0000000f;box-shadow:var(--md-elevation-1);color:#2d2f36;color:var(--md-text);padding:20px;text-align:center}.players-section{margin-top:16px}.players-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.player-card{background:#fff;background:var(--md-surface);border:1px solid #e5e7ef;border:1px solid var(--md-border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 14px #0000000f;box-shadow:var(--md-elevation-1);padding:14px}.player-card.current{border-color:#7c8cff;border-color:var(--md-primary)}.player-card.eliminated{opacity:.6}.player-card-header{align-items:center;display:flex;gap:12px;margin-bottom:8px}.player-avatar{align-items:center;border-radius:50%;box-shadow:0 4px 14px #0000000f;box-shadow:var(--md-elevation-1);color:#fff;display:flex;font-weight:800;height:36px;justify-content:center;width:36px}.player-header-meta{display:flex;flex-direction:column;gap:2px}.player-name-line{align-items:center;display:flex;gap:8px}.player-name{font-weight:700}.player-badges{display:flex;gap:6px}.badge{font-size:14px}.player-subtle{color:#61636b;color:var(--md-text-muted);font-size:12px}.player-discards{margin-top:8px}.player-discards-label{color:#61636b;color:var(--md-text-muted);font-size:12px;margin-bottom:6px}.player-discards-row{display:flex;flex-wrap:wrap;gap:8px}.mini-card{align-items:center;border:1px solid #ffffff4d;border-radius:12px;border-radius:var(--radius-md);box-shadow:0 4px 14px #0000000f;box-shadow:var(--md-elevation-1);color:#fff;display:flex;flex-direction:column;height:92px;justify-content:center;width:64px}.mini-card .card-number{font-size:18px;margin-bottom:2px}.mini-card .card-name{font-size:10px;line-height:1.1;text-align:center}.name-chip{align-items:center;background:#7c8cff;background:var(--md-primary);border:1px solid #0000000f;border-radius:999px;box-shadow:0 4px 14px #0000000f;box-shadow:var(--md-elevation-1);color:#fff;display:inline-flex;font-weight:700;gap:6px;line-height:1;padding:4px 10px}.name-chip.small{font-size:12px;font-weight:600;padding:2px 8px}.name-chip .dot{background:currentColor;border-radius:50%;height:8px;width:8px}
/*# sourceMappingURL=main.ae5dd91d.css.map*/