:root{--radius-sm: 2px;--radius-md: 4px;--radius-lg: 8px;--radius-pill: 999px;--radius-round: 50%;--pad-xs: 4px;--pad-sm: 8px;--pad-md: 12px;--pad-lg: 16px;--pad-xl: 24px;--margin-xs: 4px;--margin-sm: 8px;--margin-md: 12px;--margin-lg: 16px;--margin-xl: 24px;--gap-xs: 4px;--gap-sm: 8px;--gap-md: 12px;--gap-lg: 16px;--gap-xl: 24px;--border-thin: 1px;--border-md: 2px;--border-thick: 3px;--fs-xs: 14px;--fs-sm: 16px;--fs-md: 20px;--fs-lg: 28px;--fs-xl: 36px;--fs-2xl: 60px;--fs-3xl: 64px;--vh-sm: 45vh;--vh-md: 70vh;--vh-lg: 80vh;--dur-md: .35s;--bg: #0f1220;--panel: #1a1f35;--panel-2: #232a45;--text: #e8eaf2;--muted: #9aa0b8;--accent: #6c8cff;--accent-2: #4a68d8;--danger: #ff6b6b;--ok: #4ade80}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}.app{max-width:720px;margin:0 auto;padding:var(--pad-xl) var(--pad-lg) 48px;border-radius:var(--radius-md)}.app.center{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:var(--vh-lg);gap:var(--gap-md);text-align:center}h1{margin:0 0 var(--margin-xs);font-size:var(--fs-xl)}h2{font-size:var(--fs-lg);margin:0 0 var(--margin-md)}.muted{color:var(--muted);font-size:var(--fs-sm)}.error{background:#ff6b6b1f;color:var(--danger);padding:var(--pad-sm) var(--pad-md);border-radius:var(--radius-md);font-size:var(--fs-sm)}.cards{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap-lg);margin-top:var(--margin-lg)}.lang-switch{display:flex;align-items:center;gap:var(--gap-sm)}.lang-switch .muted{margin-right:auto}.lang-btn{padding:var(--pad-xs) var(--pad-md);font-size:var(--fs-sm);font-weight:600;background:var(--bg);border:var(--border-thin) solid var(--panel-2);border-radius:var(--radius-md);color:var(--muted)}.lang-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}@media(max-width:560px){.cards{grid-template-columns:1fr}}.card{background:var(--panel);border:var(--border-thin) solid var(--panel-2);border-radius:var(--radius-md);padding:var(--pad-lg);display:flex;flex-direction:column;gap:var(--gap-md)}label{display:flex;flex-direction:column;gap:var(--gap-sm);font-size:var(--fs-sm);color:var(--muted)}input{background:var(--bg);border:var(--border-thin) solid var(--panel-2);color:var(--text);padding:var(--pad-xl) var(--pad-md);border-radius:var(--radius-md);font-size:var(--fs-md)}input:focus{outline:none;border-color:var(--accent)}.code-input{text-transform:uppercase;letter-spacing:6px;font-size:var(--fs-lg);text-align:center}button{background:var(--panel-2);color:var(--text);border:none;padding:var(--pad-sm) var(--pad-md);border-radius:var(--radius-md);font-size:var(--fs-md);cursor:pointer}button:hover:not(:disabled){filter:brightness(1.15)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--accent);font-weight:600}button.ghost{background:transparent;border:var(--border-thin) solid var(--panel-2);color:var(--muted)}.lobby-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--margin-lg)}.share{background:var(--panel);border:var(--border-thin) solid var(--panel-2);border-radius:var(--radius-md);padding:var(--pad-lg);display:flex;align-items:center;justify-content:space-between;gap:var(--gap-lg);flex-wrap:wrap;margin-bottom:var(--margin-xl)}.code-block{display:flex;flex-direction:column;gap:var(--gap-xs)}.code-label{font-size:var(--fs-sm);color:var(--muted);text-transform:uppercase;letter-spacing:1px}.code-value{font-size:var(--fs-2xl);font-weight:700;letter-spacing:8px}.share-actions{display:flex;gap:var(--gap-sm);flex-wrap:wrap}.players{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--gap-sm)}.players li{display:flex;align-items:center;gap:var(--gap-sm);background:var(--panel);border:var(--border-thin) solid var(--panel-2);border-radius:var(--radius-md);padding:var(--pad-md) var(--pad-md)}.players li.offline{opacity:.5}.dot{width:9px;height:9px;border-radius:var(--radius-md);background:var(--ok);flex-shrink:0}.offline .dot{background:var(--muted)}.pseudo{font-weight:500}.badge{font-size:var(--fs-xs);background:var(--accent-2);color:#fff;padding:var(--pad-xs) var(--pad-sm);border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.5px}.badge.you{background:var(--panel-2);color:var(--muted)}.start{margin-top:var(--margin-xl);display:flex;flex-direction:column;gap:var(--gap-sm);align-items:flex-start}.persona-name{font-size:var(--fs-lg);font-weight:700;margin:var(--margin-sm) 0 var(--margin-xs)}.draw-area{display:flex;gap:var(--gap-lg);margin:var(--margin-lg) 0 var(--margin-xl);flex-wrap:wrap;align-items:flex-start}.draw-canvas{width:280px;height:280px;background:#fff;border-radius:var(--radius-md);border:var(--border-thin) solid var(--panel-2);touch-action:none;cursor:crosshair}.tools{display:flex;flex-direction:column;gap:var(--gap-lg)}.swatches{display:flex;gap:var(--gap-sm);flex-wrap:wrap;max-width:160px}.swatch{width:30px;height:30px;border-radius:var(--radius-md);padding:0;border:var(--border-md) solid transparent;box-shadow:inset 0 0 0 1px #ffffff40;cursor:pointer}.swatch.active{border-color:var(--text);box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--accent)}.sizes{display:flex;gap:var(--gap-sm)}.size{width:40px;height:40px;display:flex;align-items:center;justify-content:center;padding:0}.size.active{outline:2px solid var(--accent)}.size-dot{display:block;background:var(--text);border-radius:var(--radius-md)}.draw-actions{display:flex;gap:var(--gap-sm);flex-wrap:wrap}button.ghost.active{border-color:var(--accent);color:var(--text)}.paint{display:flex;flex-direction:column;gap:var(--gap-sm);margin:var(--margin-lg) 0 var(--margin-xl);width:max-content;max-width:100%}.paint-main{display:flex;gap:var(--gap-sm);align-items:flex-start}.paint-side{display:flex;flex-direction:column;gap:var(--gap-sm);flex-shrink:0}.paint-toolbox{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gap-xs)}.paint-tool{width:34px;height:34px;padding:0;display:flex;align-items:center;justify-content:center;color:var(--text)}.paint-tool svg{display:block;width:18px;height:18px}.paint-sizes{display:flex;flex-direction:column;gap:var(--gap-xs);padding:var(--pad-xs);background:var(--field);box-shadow:var(--sink)}.paint-size{height:24px;padding:0 var(--pad-xs);display:flex;align-items:center;justify-content:center}.paint-line{display:block;width:100%;background:var(--text);border-radius:1px}.paint-canvas-wrap{flex-shrink:0}.paint-palette{display:flex;align-items:center;gap:var(--gap-sm)}.paint-current{position:relative;width:34px;height:34px;flex-shrink:0}.paint-current .cur-bg,.paint-current .cur-fg{position:absolute;width:20px;height:20px;box-shadow:var(--raise)}.paint-current .cur-bg{right:0;bottom:0;background:#fff}.paint-current .cur-fg{left:0;top:0}.paint-swatches{display:grid;grid-template-columns:repeat(7,22px);gap:var(--gap-xs)}.paint-swatch{width:22px;height:22px;padding:0}.paint-tool,.paint-size,.paint-swatch{min-height:0}.paint-tool.active,.paint-size.active,.paint-swatch.active{box-shadow:var(--sink)}.reveal-card{display:flex;flex-direction:column;align-items:center;gap:var(--gap-md);background:var(--panel);border:var(--border-thin) solid var(--panel-2);border-radius:var(--radius-md);padding:var(--pad-xl) var(--pad-xl);margin:var(--margin-lg) 0 var(--margin-xl)}.reveal-face{width:220px;height:220px;border-radius:var(--radius-md);background:#fff;object-fit:contain}.reveal-face.placeholder{display:flex;align-items:center;justify-content:center;font-size:var(--fs-3xl);color:var(--muted)}.prompt-card{background:var(--panel-2);border:var(--border-thin) solid var(--accent-2);border-radius:var(--radius-md);padding:var(--pad-md) var(--pad-lg);margin:var(--margin-md) 0 var(--margin-sm)}.prompt-text{margin:var(--margin-xs) 0 0;font-size:var(--fs-md);white-space:pre-wrap;word-break:break-word}.persona-reminder{display:flex;align-items:center;gap:var(--gap-md);background:var(--panel);border:var(--border-thin) solid var(--panel-2);border-radius:var(--radius-md);padding:var(--pad-md) var(--pad-lg);margin:var(--margin-md) 0 var(--margin-lg)}.persona-avatar{width:56px;height:56px;border-radius:var(--radius-md);background:#fff;object-fit:contain;flex-shrink:0}.post-input{width:100%;background:var(--bg);border:var(--border-thin) solid var(--panel-2);color:var(--text);padding:var(--pad-md) var(--pad-md);border-radius:var(--radius-md);font-size:var(--fs-md);font-family:inherit;resize:vertical}.post-input:focus{outline:none;border-color:var(--accent)}.post-meta{text-align:right;margin:var(--margin-sm) 0 var(--margin-lg);font-size:var(--fs-sm)}.social-post{background:var(--panel);border:var(--border-thin) solid var(--panel-2);border-radius:var(--radius-md);padding:var(--pad-lg) var(--pad-lg);margin:var(--margin-md) 0 var(--margin-lg)}.social-post-head{display:flex;align-items:center;gap:var(--gap-md)}.social-post-avatar{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:var(--fs-lg);background:linear-gradient(135deg,var(--accent),var(--accent-2));flex-shrink:0}.social-post-id{display:flex;flex-direction:column;line-height:1.3}.social-post-author{font-weight:700}.social-post-more{margin-left:auto;color:var(--muted);font-size:var(--fs-lg);letter-spacing:1px}.social-post-text{margin:var(--margin-md) 0 var(--margin-xs);font-size:var(--fs-md);line-height:1.45;white-space:pre-wrap;word-break:break-word}.social-post-image{display:block;width:100%;max-height:420px;object-fit:contain;border-radius:var(--radius-md);border:var(--border-thin) solid var(--panel-2);margin:var(--margin-md) 0 var(--margin-xs)}.social-post-actions{display:flex;gap:var(--gap-sm);margin-top:var(--margin-md);padding-top:var(--pad-md);border-top:var(--border-thin) solid var(--panel-2);color:var(--muted);font-size:var(--fs-sm)}.comment-composer{display:flex;gap:var(--gap-md);align-items:flex-start;background:var(--panel);border:var(--border-thin) solid var(--panel-2);border-radius:var(--radius-md);padding:var(--pad-md) var(--pad-lg);margin-bottom:var(--margin-xs)}.comment-composer .persona-avatar{width:44px;height:44px;border-radius:var(--radius-md)}.comment-composer .persona-avatar.placeholder{display:flex;align-items:center;justify-content:center;background:var(--panel-2);font-size:var(--fs-lg)}.comment-field{flex:1;display:flex;flex-direction:column;gap:var(--gap-sm);min-width:0}.comment-as-name{color:var(--text)}.comment-input{width:100%;background:var(--bg);border:var(--border-thin) solid var(--panel-2);color:var(--text);padding:var(--pad-sm) var(--pad-md);border-radius:var(--radius-md);font-size:var(--fs-md);font-family:inherit;resize:vertical}.comment-input:focus{outline:none;border-color:var(--accent)}.comment-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-md)}.comment-footer .primary{border-radius:var(--radius-md);padding:var(--pad-sm) var(--pad-lg)}.post-composer{background:var(--panel);border:var(--border-thin) solid var(--panel-2);border-radius:var(--radius-md);padding:var(--pad-lg) var(--pad-lg);margin:var(--margin-md) 0 var(--margin-xs);display:flex;flex-direction:column;gap:var(--gap-md)}.post-composer-head{display:flex;align-items:center;gap:var(--gap-md)}.post-composer-head .persona-avatar{width:48px;height:48px;border-radius:var(--radius-round)}.post-composer-head .persona-avatar.placeholder{display:flex;align-items:center;justify-content:center;background:var(--panel-2);font-size:var(--fs-xl)}.post-composer-head .persona-name{font-size:var(--fs-lg);margin:var(--margin-xs) 0 0}.post-composer-input{width:100%;background:var(--bg);border:var(--border-thin) solid var(--panel-2);color:var(--text);padding:var(--pad-md) var(--pad-md);border-radius:var(--radius-md);font-size:var(--fs-md);font-family:inherit;resize:vertical}.post-composer-input:focus{outline:none;border-color:var(--accent)}.post-image-preview{position:relative;border-radius:var(--radius-md);overflow:hidden;border:var(--border-thin) solid var(--panel-2)}.post-image-preview img{display:block;width:100%;max-height:360px;object-fit:cover}.post-image-remove{position:absolute;top:8px;right:8px;width:32px;height:32px;padding:0;border-radius:var(--radius-md);background:#0009;color:#fff;font-size:var(--fs-lg);line-height:1;display:flex;align-items:center;justify-content:center}.post-composer-actions{display:flex;align-items:center;gap:var(--gap-md)}.post-composer-count{margin-left:auto}.post-composer-actions .primary{border-radius:var(--radius-md);padding:var(--pad-sm) var(--pad-lg)}.feed{list-style:none;padding:0;margin:var(--margin-lg) 0 var(--margin-xl);display:flex;flex-direction:column;gap:var(--gap-md)}.source-post{border-color:var(--accent-2)}.feed-post{margin:0}.social-post-avatar-img{width:44px;height:44px;border-radius:var(--radius-md);object-fit:cover;background:#fff;flex-shrink:0}.feed-item{background:var(--panel);border:var(--border-thin) solid var(--panel-2);border-radius:var(--radius-md);padding:var(--pad-md) var(--pad-lg)}.feed-head{display:flex;align-items:center;gap:var(--gap-sm);margin-bottom:var(--margin-sm)}.feed-head .persona-avatar{width:40px;height:40px}.feed-text{margin:0;white-space:pre-wrap;word-break:break-word}.messages-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--gap-lg)}.messages-head-right{display:flex;align-items:center;gap:var(--gap-sm)}.countdown{font-size:var(--fs-xl);font-weight:700;font-variant-numeric:tabular-nums;background:var(--muted);border:var(--border-thin) solid var(--panel-2);border-radius:var(--radius-md);padding:var(--pad-sm) var(--pad-md)}.persona-reminder.small{padding:var(--pad-sm) var(--pad-md);margin:var(--margin-sm) 0 var(--margin-md)}.persona-reminder.small .persona-avatar{width:40px;height:40px}.persona-reminder.small .persona-name{font-size:var(--fs-md)}.chat{list-style:none;margin:0 0 var(--margin-md);padding:var(--pad-md);background:var(--panel);border:var(--border-thin) solid var(--panel-2);border-radius:var(--radius-md);height:var(--vh-sm);min-height:260px;overflow-y:auto;display:flex;flex-direction:column;gap:var(--gap-sm)}.chat-empty{margin:auto;text-align:center}.chat-msg{display:flex;gap:var(--gap-sm);align-items:flex-end;max-width:85%}.chat-msg.mine{align-self:flex-end;flex-direction:row-reverse}.chat-avatar{width:32px;height:32px;border-radius:var(--radius-md);background:#fff;object-fit:contain;flex-shrink:0}.chat-bubble{display:flex;flex-direction:column;gap:var(--gap-xs);background:var(--panel-2);border-radius:var(--radius-md);padding:var(--pad-sm) var(--pad-md)}.chat-msg.mine .chat-bubble{background:var(--accent-2)}.chat-author{font-size:var(--fs-sm);color:var(--muted);font-weight:600}.chat-msg.mine .chat-author{color:#dfe4ff}.chat-text{white-space:pre-wrap;word-break:break-word}.chat-input{display:flex;gap:var(--gap-sm)}.chat-input input{flex:1}.dilemma-choices{display:flex;align-items:center;gap:var(--gap-md);margin:var(--margin-xl) 0;flex-wrap:wrap}.choice{flex:1;min-width:160px;min-height:90px;font-size:var(--fs-lg);font-weight:600;background:var(--panel);border:var(--border-thin) solid var(--panel-2);border-radius:var(--radius-md)}.choice:hover{border-color:var(--accent)}.choice-or{color:var(--muted);font-style:italic}.persona-picker{list-style:none;padding:0;margin:var(--margin-lg) 0;display:flex;flex-direction:column;gap:var(--gap-sm)}.persona-pick{width:100%;display:flex;align-items:center;gap:var(--gap-md);text-align:left;background:var(--panel);border:var(--border-thin) solid var(--panel-2);border-radius:var(--radius-md);padding:var(--pad-sm) var(--pad-md)}.persona-pick:hover{border-color:var(--accent)}.dilemma-columns{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap-lg);margin:var(--margin-lg) 0 var(--margin-xl)}.dilemma-col{background:var(--panel);border:var(--border-thin) solid var(--panel-2);border-radius:var(--radius-md);padding:var(--pad-md)}.dilemma-col h2{margin-top:0;text-align:center}.persona-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--gap-sm)}.persona-chip,.vote-row,.vote-detail{display:flex;align-items:center;gap:var(--gap-sm);background:var(--panel);border:var(--border-thin) solid var(--panel-2);box-shadow:var(--sink);border-radius:var(--radius-md);padding:var(--pad-sm) var(--pad-md)}.vote-row.top{border-color:var(--accent)}.vote-count{margin-left:auto;font-weight:700}.persona-chip .persona-avatar,.vote-row .persona-avatar,.vote-detail .persona-avatar{width:36px;height:36px}.anon-list{list-style:none;padding:0;margin:var(--margin-lg) 0 var(--margin-xl);display:flex;flex-direction:column;gap:var(--gap-sm)}.anon-item{background:var(--panel);border:var(--border-thin) solid var(--panel-2);border-radius:var(--radius-md);padding:var(--pad-md) var(--pad-lg);white-space:pre-wrap;word-break:break-word}.vote-target{display:flex;align-items:center;gap:var(--gap-md);background:var(--panel);border:var(--border-thin) solid var(--accent-2);border-radius:var(--radius-md);padding:var(--pad-md) var(--pad-lg);margin:var(--margin-sm) 0 var(--margin-lg)}.vote-target .persona-avatar{width:64px;height:64px}.vote-target .persona-name{font-size:var(--fs-lg);font-weight:700}.vote-owner{background:var(--panel);border:var(--border-thin) solid var(--panel-2);border-radius:var(--radius-md);padding:var(--pad-lg) var(--pad-lg);font-size:var(--fs-md);margin-bottom:var(--margin-md)}.podium{list-style:none;padding:0;margin:var(--margin-lg) 0 var(--margin-xl);display:flex;flex-direction:column;gap:var(--gap-sm)}.podium-row{background:var(--panel);border:var(--border-thin) solid var(--panel-2);border-radius:var(--radius-md);overflow:hidden;animation:reveal-in var(--dur-md) ease}.podium-row.winner{border-color:var(--accent);background:linear-gradient(90deg,rgba(108,140,255,.18),var(--panel))}@keyframes reveal-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.podium-head{display:flex;align-items:center;gap:var(--gap-md);padding:var(--pad-md) var(--pad-lg)}.podium-head.clickable{cursor:pointer}.podium-head.clickable:hover{background:#ffffff08}.podium-head .rank{font-size:var(--fs-lg);width:40px;text-align:center;flex-shrink:0}.podium-head .persona-avatar{width:48px;height:48px}.podium-id{display:flex;flex-direction:column;gap:var(--gap-xs)}.podium-score{margin-left:auto;font-size:var(--fs-lg);font-weight:700}.podium-caret{font-size:var(--fs-xs);opacity:.55;flex-shrink:0}.podium-votes{list-style:none;margin:0;padding:var(--pad-sm) var(--pad-lg) var(--pad-md) 54px;display:flex;flex-direction:column;gap:var(--gap-sm);border-top:var(--border-thin) solid var(--panel-2)}.skip-bar{position:fixed;left:50%;bottom:16px;transform:translate(-50%);z-index:50;display:flex;justify-content:center;pointer-events:none}.skip-bar>*{pointer-events:auto}.skip-btn,.skip-count{border-radius:var(--radius-md);padding:var(--pad-sm) var(--pad-lg);font-size:var(--fs-sm);font-weight:600;box-shadow:0 6px 20px #00000059}.skip-btn{background:var(--panel-2);color:var(--text);border:var(--border-thin) solid rgba(255,255,255,.12);cursor:pointer}.skip-btn:hover{background:#2b3358}.skip-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.skip-count{background:var(--accent);color:#fff;border:var(--border-thin) solid var(--accent)}.notes-toggle{position:fixed;top:14px;right:14px;z-index:55;background:var(--panel-2);color:var(--text);border:var(--border-thin) solid rgba(255,255,255,.12);border-radius:var(--radius-pill);padding:var(--pad-sm) var(--pad-md);font-size:var(--fs-sm);font-weight:600;cursor:pointer;box-shadow:0 6px 20px #00000059}.notes-toggle.open{right:calc(min(340px,90vw) + 14px)}.notes-panel{position:fixed;top:0;right:0;bottom:0;width:min(340px,90vw);z-index:54;background:var(--panel);border-left:var(--border-thin) solid var(--panel-2);box-shadow:-8px 0 24px #00000059;padding:var(--pad-lg) var(--pad-md) var(--pad-xl);overflow-y:auto}.notes-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--margin-md)}.notes-head h2{margin:0}.notes-close{background:transparent;border:none;color:var(--muted);font-size:var(--fs-lg);line-height:1;cursor:pointer;padding:var(--pad-xs) var(--pad-sm)}.notes-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--gap-md)}.notes-item{background:var(--panel-2);border-radius:var(--radius-md);padding:var(--pad-sm);display:flex;flex-direction:column;gap:var(--gap-sm)}.notes-item-head{display:flex;align-items:center;gap:var(--gap-sm)}.notes-guess{font-size:var(--fs-sm);color:var(--accent);font-weight:600}.notes-text{width:100%;resize:vertical;background:var(--field);color:var(--text);border:var(--border-thin) solid rgba(255,255,255,.1);border-radius:var(--radius-md);padding:var(--pad-sm) var(--pad-sm);font:inherit;font-size:var(--fs-sm)}.persona-badge{position:fixed;top:14px;left:14px;z-index:55;display:flex;align-items:center;gap:var(--gap-sm);background:var(--panel-2);border:var(--border-thin) solid rgba(255,255,255,.12);border-radius:var(--radius-md);padding:var(--pad-xs) var(--pad-md) var(--pad-xs) var(--pad-xs);box-shadow:0 6px 20px #00000059;max-width:46vw}.persona-badge-avatar{width:30px;height:30px;border-radius:var(--radius-md);object-fit:cover;flex-shrink:0}.persona-badge-avatar.placeholder{display:flex;align-items:center;justify-content:center;background:var(--panel);font-size:var(--fs-md)}.persona-badge-text{display:flex;flex-direction:column;line-height:1.1;min-width:0}.persona-badge-label{font-size:var(--fs-sm);color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.persona-badge-name{font-size:var(--fs-sm);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vote-line{display:flex;align-items:center;gap:var(--gap-sm);background:var(--panel-2);border-radius:var(--radius-md);padding:var(--pad-sm) var(--pad-md);box-shadow:var(--sink)}.vote-people{flex:1;font-size:var(--fs-sm)}.vote-mark{font-weight:700}.vote-line.ok .vote-mark{color:var(--ok)}.vote-line.ko .vote-mark{color:var(--danger)}@font-face{font-family:PxMSSansSerif;src:url(/fonts/ms_sans_serif.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:PxMSSansSerif;src:url(/fonts/ms_sans_serif_bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:W95FA;src:url(/fonts/w95fa.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--w95-desktop: #008080;--w95-face: #c0c0c0;--w95-light: #dfdfdf;--w95-hi: #ffffff;--w95-shadow: #808080;--w95-dark: #000000;--w95-field: #ffffff;--w95-navy: #000080;--w95-navy-2: #1084d0;--w95-tooltip: #ffffe1;--w95-muted: #404040;--w95-danger: #a80000;--w95-ok: #008000;--w95-drop-rgba: rgba(0, 0, 0, .25);--bg: var(--icon-bg);--panel: var(--w95-face);--panel-2: var(--w95-face);--text: var(--w95-dark);--muted: var(--w95-muted);--accent: var(--w95-navy);--accent-2: var(--w95-navy);--on-accent: var(--w95-hi);--danger: var(--w95-danger);--ok: var(--w95-ok);--field: var(--w95-field);--raise: inset -1px -1px var(--w95-dark), inset 1px 1px var(--w95-hi), inset -2px -2px var(--w95-shadow), inset 2px 2px var(--w95-light);--sink: inset 1px 1px var(--w95-shadow), inset -1px -1px var(--w95-hi), inset 2px 2px var(--w95-dark), inset -2px -2px var(--w95-light);--drop: 3px 3px 0 var(--w95-drop-rgba);--titlebar: linear-gradient(90deg, var(--w95-navy), var(--w95-navy-2));--win-buttons: url(/images/win-buttons.png);--win-title: "Katfish";--cur-arrow: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAgCAYAAAAIXrg4AAAAXklEQVR42tXWMQ4AIAgDQP7/aV10Q6NCSyXpCLcBZmZtBFY0AAZxgFkIiAsgoBogE6oFMiANIAJpAS+QJnADaQMnkBbgHKhVioHMNc4FnAFhiANsGv4BYM8BHPj7f+pclQA54G6TsgAAAABJRU5ErkJggg==);--cur-hand: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAgCAYAAAAIXrg4AAAAVklEQVR42u3TQQoAIAhE0e5/6VoFYSgS04QxH9wFDyFb8+tm4HGA2Q1IgIDCAOwAuYANAcEA72EIBOAjwFv9ANggLoBqhQSkfxUUqgukD07AxwBwOMAA/rQ7DO4ffV0AAAAASUVORK5CYII=);--cur-wait: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAgCAYAAAAIXrg4AAAAV0lEQVR42mNgQID/VMYYgD4WUApGLaDcAnItIjkV0cICioKKGIPpZgFJFpFjMN0swGsRNQymmwW4CkOqg1ELhmEqGro5eeiWpkO/RhtttgyydtGQaV0DAO7mCzx708zjAAAAAElFTkSuQmCC);--icon-bg: url(/images/background.png);--depth: linear-gradient(180deg, rgba(20, 120, 150, .651) 0%, rgba(2, 30, 70, .884) 100%);--waves: url(/images/waves.svg)}::selection{background:var(--accent);color:var(--on-accent)}body{font-family:W95FA,PxMSSansSerif,"Microsoft Sans Serif",Tahoma,Geneva,sans-serif;font-size:var(--fs-sm);background-image:var(--bg),var(--depth);background-size:cover,cover;background-repeat:no-repeat,no-repeat;background-position:left top,left top;background-attachment:fixed,fixed;color:var(--text);-webkit-font-smoothing:none;font-smooth:never}.waves-bg{position:fixed;left:0;right:0;bottom:0;width:100%;z-index:-1;pointer-events:none;-webkit-user-select:none;user-select:none}*{cursor:var(--cur-arrow) 1 1,auto!important}button:not(:disabled),a,[role=button],.choice,.persona-pick,.podium-head.clickable{cursor:var(--cur-hand) 7 1,auto!important}[aria-busy=true],[aria-busy=true] *{cursor:var(--cur-wait) 12 16,auto!important}input,textarea,.code-input,[contenteditable=true]{cursor:text!important}h1{font-size:var(--fs-xl)}h2{font-size:var(--fs-lg)}.app{position:relative;max-width:640px;margin:var(--margin-xl) auto;padding:34px var(--pad-md) var(--pad-lg);background:var(--w95-face);color:var(--text);box-shadow:var(--raise),var(--drop)}.app:before{content:var(--win-title, "Katfish");position:absolute;top:3px;left:3px;right:3px;height:22px;display:flex;align-items:center;padding:0 var(--pad-sm);background:var(--titlebar);color:var(--on-accent);font-weight:700;font-size:var(--fs-sm);letter-spacing:.2px;overflow:hidden;white-space:nowrap}.app:after{content:"";position:absolute;top:7px;right:7px;width:52px;height:14px;background:var(--win-buttons) no-repeat}.app.center{min-height:var(--vh-md)}button,.lang-btn,.skip-btn,.notes-toggle,.notes-close{background:var(--w95-face);color:var(--text);border:none;box-shadow:var(--raise);padding:5px 14px;font-family:inherit;font-size:var(--fs-md);min-height:25px;border-radius:var(--radius-md)}button:hover:not(:disabled){filter:none}button:active:not(:disabled),.lang-btn:active,.skip-btn:active{box-shadow:var(--sink);padding-top:6px;padding-bottom:4px;padding-left:15px}button:focus-visible{outline:1px dotted var(--text);outline-offset:-4px}button.primary{background:var(--w95-face);color:var(--text);font-weight:700}button.ghost{background:var(--w95-face);color:var(--text);box-shadow:var(--raise)}.lang-btn.active,.skip-btn.active,.notes-toggle.open,.swatch.active,.size.active{box-shadow:var(--sink);background:var(--w95-face);color:var(--text)}input,textarea,.post-input,.comment-input,.post-composer-input,.chat-input input,.code-input{background:var(--field);color:var(--text);border:none;box-shadow:var(--sink);font-family:inherit;padding:var(--pad-sm) var(--pad-sm)}input:focus,textarea:focus,.post-input:focus,.comment-input:focus,.post-composer-input:focus{border:none;box-shadow:var(--sink);outline:none}.chat,.dilemma-col{background:var(--w95-face);box-shadow:var(--sink);border:none}.card,.share,.players li,.reveal-card,.prompt-card,.social-post,.feed-item,.persona-pick,.persona-picker,.podium-row,.persona-reminder,.vote-target,.vote-detail,.anon-item,.notes-item,.comment-composer,.post-composer{background:var(--w95-light);color:var(--text);border:none;box-shadow:var(--sink);border-radius:var(--radius-md)}.feed-post,.source-post,.choice,.feed-item{background:var(--w95-face);box-shadow:var(--raise)}.podium-row.winner{background:var(--w95-face);box-shadow:var(--raise),inset 0 0 0 2px var(--accent)}.choice:hover,.persona-pick:hover{background:var(--accent);color:var(--on-accent);box-shadow:var(--raise)}.badge,.vote-count,.countdown{background:var(--accent);color:var(--on-accent);border:none;box-shadow:var(--raise)}.badge.you{background:var(--w95-face);color:var(--text);box-shadow:var(--raise)}.code-value{background:var(--field);box-shadow:var(--sink);padding:var(--pad-xs) var(--pad-sm);color:var(--text)}.persona-avatar,.persona-badge-avatar,.chat-avatar,.social-post-avatar,.social-post-avatar-img,.draw-canvas,.reveal-face,.social-post-image,.post-image-preview img{background:var(--field);box-shadow:var(--sink)}.chat-bubble{background:var(--w95-face);box-shadow:var(--raise);color:var(--text)}.chat-msg.mine .chat-bubble{background:var(--muted);color:var(--on-accent)}.dot{box-shadow:var(--raise)}.skip-bar,.persona-badge,.notes-panel{background:var(--w95-face);color:var(--text);border:none;box-shadow:var(--raise),var(--drop)}.epreuve-intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:flex;align-items:center;justify-content:center;background:#00000059;pointer-events:none;animation:intro-fade var(--dur-md) ease}.epreuve-intro-card{display:flex;flex-direction:column;align-items:center;gap:var(--gap-md);padding:var(--pad-xl);background:var(--w95-face);color:var(--text);box-shadow:var(--raise),var(--drop);text-align:center}.epreuve-intro-anim{width:240px;height:160px;max-width:70vw;background:var(--field);box-shadow:var(--sink)}.epreuve-intro-round{margin:0;font-size:var(--fs-sm);color:var(--muted)}.epreuve-intro-title{margin:0;font-size:var(--fs-xl);font-weight:700}@keyframes intro-fade{0%{opacity:0}to{opacity:1}}.muted{color:var(--muted)}@media(max-width:560px){.app{margin:var(--margin-sm) auto;padding-left:var(--pad-sm);padding-right:var(--pad-sm)}.messages-head,.lobby-head,.share{flex-wrap:wrap}.share-actions,.paint{width:100%}.paint-main{flex-direction:column}.paint-side{flex-direction:row;flex-wrap:wrap}.paint-canvas-wrap{width:100%}.draw-canvas{width:100%;max-width:340px;height:auto;aspect-ratio:1 / 1}.dilemma-columns{grid-template-columns:1fr}}@media(max-width:400px){h1{font-size:var(--fs-lg)}.code-value{font-size:var(--fs-xl);letter-spacing:4px}.countdown,.epreuve-intro-title{font-size:var(--fs-lg)}}