#word-game{--cream:#fcf7ee;--paper:#fffdf9;--ink:#332c32;--muted:#928790;--line:#eee4d8;--orange:#f78132;--orange-soft:#fff0df;--blue:#5793cf;--blue-soft:#eaf2fd;--red:#de746a;--red-soft:#fff0ec;--green:#419d79;--green-soft:#e9f7ef;--purple:#9c70c7;--purple-soft:#f1e8fb;--phase:#de746a;--phase-soft:#fff0ec;width:100%;height:100%;display:flex;flex-direction:column;background:var(--cream);color:var(--ink);position:relative;font-size:14px;line-height:1.55;-webkit-tap-highlight-color:transparent}
#word-game :is(h1,h2,h3,p){margin:0}#word-game button{border:0;font:inherit}#word-game input,#word-game textarea,#word-game select{color:var(--ink)}#word-game .ui-icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;display:inline-block;vertical-align:middle;flex:none}#word-game .icon-button{width:32px;height:32px;display:grid;place-items:center;padding:5px;background:none;color:#8f7e80;border-radius:50%}#word-game .avatar{display:inline-block;flex:none;width:35px;height:35px;border-radius:50%;overflow:hidden;background:#f1e5d5}#word-game .avatar img{width:100%;height:100%;object-fit:cover;display:block}#word-game .primary{min-height:46px;padding:10px 16px;border-radius:14px;background:linear-gradient(115deg,#ff994d,#f47b2d);color:#fff;display:flex;align-items:center;justify-content:center;gap:7px;font-weight:700;font-size:15px;box-shadow:0 4px 8px #e7832b14}#word-game .primary.danger{background:linear-gradient(115deg,#eb8d7b,#dc6d64);box-shadow:0 4px 8px #bd4c3910}#word-game .primary:disabled{background:#e9d9cf;box-shadow:none;color:#fffdf9}#word-game .secondary{min-height:42px;border:1px solid #eee4d8;border-radius:12px;color:#8c7c89;padding:9px 13px;background:#fffdf9;display:flex;align-items:center;justify-content:center;gap:7px;font-size:13px;font-weight:600}#word-game .text-button{background:none;padding:3px 0;color:#9f87b5;font-size:11px;display:inline-flex;align-items:center;gap:4px}#word-game .text-button .ui-icon{width:13px;height:13px}#word-game .app-header{display:flex;align-items:center;gap:8px;min-height:65px;flex:none;padding:14px 15px 10px;background:linear-gradient(110deg,#fcf7ee,#fff0df)}#word-game .game-mark{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;color:#bd8246;background:#ffe6c6}#word-game .game-mark .ui-icon{width:20px;height:20px}#word-game .app-heading{flex:1;min-width:0}#word-game .app-heading h1{font-size:20px;font-weight:800;letter-spacing:-.04em;line-height:1.25}#word-game .app-heading p{font-size:10px;color:#ad948d;letter-spacing:.02em;margin-top:2px}#word-game .app-heading .mini-dot{font-size:10px;color:#c8a99a}#word-game .header-score{display:flex;align-items:center;gap:4px;border-radius:11px;background:#fffdf6;padding:6px 9px;color:#9c8493;font-size:10px;white-space:nowrap}#word-game .header-score b{font-size:16px;color:#705a67;font-variant-numeric:tabular-nums}#word-game .header-score strong{font-size:16px;color:var(--purple);font-weight:700}
#word-game .phase-panel{margin:1px 12px 0;padding:11px 13px 9px;background:#fffdf9;border-radius:18px;border:1px solid #fffaf0;box-shadow:0 3px 12px #5c362c04;flex:none}#word-game .phase-line{display:flex;align-items:center;gap:8px}#word-game .round{font-size:12px;font-weight:600;color:#9f8393;white-space:nowrap}#word-game .round b{font-size:17px;color:#57464f;font-weight:750}#word-game .phase-chip{margin-left:auto;display:flex;align-items:center;gap:4px;background:var(--phase-soft);color:var(--phase);border-radius:99px;padding:3px 9px;font-size:11px;font-weight:750;white-space:nowrap}#word-game .phase-chip .ui-icon{width:12px;height:12px}#word-game .timer{font-size:20px;font-weight:800;letter-spacing:-.035em;color:var(--phase);font-variant-numeric:tabular-nums;line-height:1;white-space:nowrap}#word-game .timer small{font-size:11px;letter-spacing:0;color:#9b86a9;font-weight:500}#word-game .phase-progress{display:block;width:100%;height:4px;border:0;border-radius:99px;background:#f3ebe4;overflow:hidden;margin-top:9px;appearance:none}#word-game .phase-progress::-webkit-progress-bar{background:#f3ebe4;border-radius:99px}#word-game .phase-progress::-webkit-progress-value{background:var(--phase);border-radius:99px}#word-game .phase-progress::-moz-progress-bar{background:var(--phase);border-radius:99px}#word-game .phase-meta{display:flex;align-items:center;gap:6px;font-size:10px;color:#aa939e;margin-top:7px;flex-wrap:wrap}#word-game .segments{display:flex;gap:4px;margin-right:auto}#word-game .segments i{display:block;width:17px;height:5px;border-radius:99px;background:#efe6df}#word-game .segments i.done{background:#b6a0ac}#word-game .segments i.current{background:var(--phase)}#word-game .trap-counter{display:flex;align-items:center;gap:4px;white-space:nowrap}#word-game .trap-counter i{width:8px;height:8px;border-radius:50%;background:#ecd6d2}#word-game .trap-counter i.hit{background:#dd8075}#word-game .mode-label{display:flex;align-items:center;gap:4px;padding:1px 6px;color:#9771b8;background:#f2eafb;border-radius:5px;font-size:10px;font-weight:600}#word-game .phase-counter{margin-left:auto;font-variant-numeric:tabular-nums;color:#a48498}#word-game .role-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 20px 8px;flex:none}#word-game .role-label{display:flex;align-items:center;gap:6px;font-size:11px;color:#9b8394}#word-game .role-label .ui-icon{width:13px;height:13px;color:#bc916e}#word-game .role-label strong{font-size:11px;font-weight:650;color:#785b6c}#word-game .mini-players{display:flex;padding-left:4px}#word-game .mini-players .avatar{width:25px;height:25px;margin-left:-4px;border:2px solid #fcf7ee}#word-game .mini-players .avatar.self{border-color:#faac68}#word-game .play-body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:1px 12px 16px;display:flex;flex-direction:column;gap:10px;scrollbar-width:thin;scrollbar-color:#e9dccc transparent;overscroll-behavior:contain}#word-game .paper{background:var(--paper);border:1px solid #fffaf0;border-radius:20px;padding:15px;box-shadow:0 3px 12px #7a4e2c03;flex:none}#word-game .card-heading{display:flex;align-items:center;gap:7px;margin-bottom:11px}#word-game .card-heading>span{width:27px;height:27px;border-radius:9px;background:#fff0df;color:#bc8a60;display:grid;place-items:center}#word-game .card-heading>span.purple{background:#f0e7fa;color:#a078c4}#word-game .card-heading>span.blue{background:#eaf1fc;color:#7b9fc9}#word-game .card-heading .ui-icon{width:16px;height:16px}#word-game .card-heading h2{font-size:14px;letter-spacing:-.015em;font-weight:750;color:#654d5e}#word-game .card-heading small{margin-left:auto;color:#b29aa6;font-size:10px}#word-game .label{font-size:10px;color:#ae95a4;letter-spacing:.035em;margin-bottom:5px}#word-game .muted{color:#a68d9d;font-size:11px;line-height:1.7}#word-game .secret-card{background:linear-gradient(135deg,#493b42,#2f2936);color:#fff5e9;border:0;position:relative;overflow:hidden;padding:15px 18px;box-shadow:0 4px 12px #513d4313}#word-game .secret-top{display:flex;align-items:center;gap:5px;color:#d7bdbb;font-size:10px;margin-bottom:5px}#word-game .secret-top .ui-icon{width:12px;height:12px}#word-game .secret-card strong{display:block;font-size:28px;line-height:1.4;letter-spacing:.12em;font-weight:750}#word-game .secret-card p{font-size:10px;color:#c3a5b3;margin-top:3px}#word-game .secret-card::after{content:"✦";position:absolute;right:19px;top:16px;color:#665063;font-size:43px;transform:rotate(12deg)}#word-game .clue{background:#faf4ed;border-radius:12px;padding:10px 12px;margin-top:7px;border-left:3px solid #ebdace}#word-game .clue.current{border-left-color:var(--phase);background:#faf2e8}#word-game .clue small{display:block;color:#ad939f;font-size:10px;margin-bottom:3px}#word-game .clue p{font-size:13px;color:#776373;line-height:1.75;overflow-wrap:anywhere}#word-game .clue .void{font-size:11px;color:#d28a7b;display:flex;align-items:center;gap:5px}#word-game .clue .void b{font-weight:750;color:#d27a69}#word-game .hint-word{font-size:23px!important;font-weight:750;letter-spacing:.08em;color:#695a70!important}#word-game .status-banner{border-radius:13px;padding:10px 13px;background:#e9f6ee;color:#6e9d87;font-size:11px;display:flex;align-items:center;gap:7px;flex:none}#word-game .status-banner .ui-icon{width:16px;height:16px}#word-game .status-banner.red{background:#fff0eb;color:#ce8d80}#word-game .status-banner.purple{background:#f1e9fa;color:#a07cba}#word-game .status-banner strong{font-weight:650}#word-game .private-note{background:#f1e8fa;color:#9b75b7;border-color:#ebe0f5}#word-game .private-note .label{color:#aa89c0}#word-game .private-note p{font-size:12px;line-height:1.8}#word-game .private-note .ui-icon{width:15px;height:15px;margin-right:4px}
#word-game .chat-card{padding-bottom:12px;min-height:125px}#word-game .chat-list{display:flex;flex-direction:column;gap:10px}#word-game .message{display:flex;align-items:flex-start;gap:8px}#word-game .message .avatar{width:30px;height:30px}#word-game .message-content{max-width:82%;min-width:0}#word-game .message small{font-size:9px;color:#b59eac;display:flex;align-items:center;gap:5px;margin:1px 0 4px}#word-game .bubble{padding:7px 10px;background:#f3eff1;border-radius:4px 12px 12px 12px;font-size:12px;line-height:1.6;color:#8b778b;overflow-wrap:anywhere}#word-game .message.mine{flex-direction:row-reverse}#word-game .message.mine small{justify-content:flex-end}#word-game .message.mine .bubble{background:#eee7f8;border-radius:12px 4px 12px 12px;color:#9a7db0}#word-game .empty-chat{color:#b9a3ae;font-size:12px;line-height:1.85;padding:8px 1px}#word-game .guess-log{display:flex;flex-direction:column;gap:7px}#word-game .guess-record{display:flex;gap:8px;align-items:center;font-size:12px}#word-game .guess-record .avatar{width:25px;height:25px}#word-game .guess-record b{font-size:10px;color:#a28c9c;font-weight:600}#word-game .guess-record p{flex:1;font-size:12px;color:#8b7387;background:#faf5ef;border-radius:9px;padding:6px 9px;min-width:0;overflow-wrap:anywhere}#word-game .guess-record small{font-size:9px;color:#b599a5;white-space:nowrap}#word-game .guess-record.correct p{background:#ebf7ef;color:#82ab92;font-weight:650}#word-game .guess-record.correct small{color:#77a188}#word-game .ai-strip{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:14px;color:#a17aba;background:#f1e8fa;font-size:11px;flex:none}#word-game .ai-strip>.ui-icon{width:21px;height:21px}#word-game .ai-strip strong{font-size:11px;font-weight:700;display:block}#word-game .ai-strip p{color:#b095c1;font-size:10px}#word-game .ai-chances{display:flex;gap:4px;margin-left:auto}#word-game .ai-chances i{width:8px;height:8px;border-radius:50%;background:#c4a5df}#word-game .ai-chances i.spent{background:#e0d1ee}#word-game .wait-card{text-align:center;padding:25px 20px;background:#faf5fe;border-color:#f0e7f9}#word-game .bot-mark{width:60px;height:60px;border-radius:20px;background:#ece2f9;color:#a184be;display:grid;place-items:center;margin:0 auto 12px}#word-game .bot-mark .ui-icon{width:33px;height:33px;stroke-width:1.5}#word-game .wait-card h2{font-size:18px;color:#8b64a3;letter-spacing:-.03em;margin-bottom:7px}#word-game .wait-card p{font-size:11px;color:#b396c2;line-height:1.8}#word-game .wait-dots{display:flex;gap:5px;justify-content:center;margin-top:14px}#word-game .wait-dots i{width:5px;height:5px;background:#c5abd9;border-radius:50%;animation:thought 1.2s infinite alternate}#word-game .wait-dots i:nth-child(2){animation-delay:.2s}#word-game .wait-dots i:nth-child(3){animation-delay:.4s}
#word-game .play-dock{flex:none;z-index:2;background:#fffdf9;border-radius:22px 22px 0 0;border-top:1px solid #f7eadd;padding:12px 15px max(14px,env(safe-area-inset-bottom));box-shadow:0 -3px 17px #80523904;display:flex;flex-direction:column;gap:8px;max-height:43%;overflow-y:auto}#word-game .dock-hint{display:flex;align-items:center;justify-content:space-between;gap:7px;color:#ae93a2;font-size:10px;line-height:1.65}#word-game .dock-hint .once{background:#fff0ed;color:#d88377;padding:2px 6px;border-radius:5px;font-weight:650;white-space:nowrap}#word-game .dock-lock{display:flex;align-items:center;gap:7px;padding:10px 12px;background:#f9f2eb;border-radius:12px;color:#b295a2;font-size:11px;line-height:1.6}#word-game .dock-lock .ui-icon{width:15px;height:15px;color:#c3a79d}#word-game .dock-lock.success{background:#edf7ef;color:#89a690}#word-game .dock-lock.success .ui-icon{color:#80a88b}#word-game .dock-lock span{flex:1}#word-game .dock-lock button{background:none;color:#a17cc0;white-space:nowrap;font-size:11px;padding:0}#word-game .composer{display:flex;gap:8px;align-items:flex-end;margin:0}#word-game .composer label{flex:1;min-width:0;display:block}#word-game .composer input,#word-game .composer textarea{width:100%;display:block;resize:none;border:1px solid #eadfd5;border-radius:13px;background:#fffdf9;padding:11px 12px;font-size:13px;outline-offset:1px;line-height:1.6}#word-game .composer input::placeholder,#word-game .composer textarea::placeholder{color:#c5acb9}#word-game .composer textarea{height:91px}#word-game .composer .primary{min-height:45px;padding:10px 12px;flex:none;font-size:13px}#word-game .composer.guess input{border-color:#efc6bc}#word-game .field-count{font-size:9px;color:#b59aa8;text-align:right;margin-top:-4px;font-variant-numeric:tabular-nums}#word-game .input-tabs{display:flex;justify-content:center;gap:6px;border-radius:10px;padding:3px;background:#faf4ee}#word-game .input-tabs button{flex:1;height:27px;color:#b39cac;background:none;border-radius:8px;font-size:11px}#word-game .input-tabs button.on{color:#c38065;background:#fffdfa;box-shadow:0 1px 5px #9a7b6408;font-weight:650}#word-game .picks{display:grid;gap:7px}#word-game .word-pick{display:flex;align-items:center;justify-content:space-between;background:#fff7ec;border:1px solid #f1dfc7!important;border-radius:14px;min-height:51px;padding:10px 14px;color:#ae794b;font-size:18px;font-weight:750;letter-spacing:.1em}#word-game .word-pick .ui-icon{color:#d9ad7e;width:16px;height:16px}#word-game .topic-pick{min-height:52px;font-size:13px;letter-spacing:0;text-align:left;font-weight:600;line-height:1.6}#word-game .refresh-line{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#baa1a9;font-size:10px}#word-game .refresh-line button{background:none;color:#b798ad;font-size:11px;display:flex;align-items:center;gap:4px;padding:3px 0}#word-game .refresh-line .ui-icon{width:13px;height:13px}#word-game .prompt-card{background:linear-gradient(130deg,#fffaf1,#fff1e0);border-color:#fff7e8;padding:17px 18px}#word-game .prompt-card .label{color:#c69e7f}#word-game .prompt{font-size:20px;font-weight:750;color:#8e695c;line-height:1.7;letter-spacing:-.02em}#word-game .submission-progress{display:flex;align-items:center;gap:8px;padding-top:2px}#word-game .submission-progress span{font-size:11px;color:#aa8d9f}#word-game .anonymous-slots{display:flex;gap:5px;margin-left:auto}#word-game .anonymous-slots i{height:7px;width:21px;border-radius:99px;background:#eee4ee}#word-game .anonymous-slots i.done{background:#c3a8db}#word-game .entry-list{display:flex;flex-direction:column;gap:9px}#word-game .entry{width:100%;display:block;position:relative;padding:13px 14px;background:#fffdfa;border:1px solid #eee3d7!important;border-radius:17px;text-align:left;box-shadow:0 2px 8px #79513903;color:#8c7789;flex:none}#word-game .entry.mine{border-style:dashed!important;border-color:#d6bfde!important;background:#fbf6fe}#word-game .entry.blank{background:#faf4f0;color:#c0aaba;border-color:#eee3d8!important;box-shadow:none}#word-game .entry.selected{border-color:#df9687!important;background:#fff3ed;box-shadow:0 0 0 1px #e2a09130}#word-game .entry.ai-entry{border-color:#c2a2d9!important;background:#f6effd}#word-game .entry.for-me{border-style:dashed!important;border-color:#ba99d2!important;background:#f7f1fc}#word-game .entry-top{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:6px}#word-game .entry-number{font-size:11px;color:#b48e9f;font-weight:700;letter-spacing:.01em}#word-game .entry.selected .entry-number{color:#c47764}#word-game .entry.ai-entry .entry-number{color:#a278bf}#word-game .entry-badge{font-size:9px;background:#f3eafb;border-radius:5px;padding:1px 5px;color:#b093c1;font-weight:600}#word-game .entry-badge.selected{background:#ffe7dd;color:#d2947f}#word-game .entry-text{font-size:13px;line-height:1.8;overflow-wrap:anywhere;white-space:pre-wrap}#word-game .entry-target-note{font-size:10px;color:#c4aabc;margin-top:6px}#word-game .author-choice{display:flex;align-items:center;gap:8px;border-top:1px solid #f0e6ee;margin-top:10px;padding-top:9px}#word-game .author-choice>label{color:#b698b0;font-size:10px}#word-game .author-choice select{flex:1;min-width:0;border:1px solid #e7d9eb;padding:6px 9px;background:#fffafe;color:#af8cbc;border-radius:9px;font-size:11px;min-height:33px}#word-game .judge-choice{display:flex;justify-content:flex-end;gap:0;margin-top:10px}#word-game .judge-choice button{border:1px solid #e8d9e9;padding:5px 12px;background:#fdf7fb;color:#bda0b9;font-size:11px;border-radius:8px 0 0 8px}#word-game .judge-choice button+button{border-radius:0 8px 8px 0;margin-left:-1px}#word-game .judge-choice button.on{background:#f1e5f8;border-color:#cfb1df;z-index:1;color:#a073b8;font-weight:700}#word-game .entry-readonly-mark{display:flex;justify-content:flex-end;color:#b088c5;font-size:10px;margin-top:7px}#word-game .dock-actions{display:flex;gap:8px}#word-game .dock-actions>*{flex:1}#word-game .dock-actions .primary{flex:2}#word-game .reveal-answer{text-align:center;background:linear-gradient(135deg,#fffaf1,#fff1df);padding:19px 15px}#word-game .reveal-answer strong{font-size:34px;letter-spacing:.13em;color:#94684f;font-weight:800;display:block}#word-game .reveal-answer .status-banner{justify-content:center;margin-top:12px;text-align:center;line-height:1.7}#word-game .trap-tags{display:flex;flex-wrap:wrap;gap:6px}#word-game .trap-tags span{padding:5px 10px;font-size:11px;color:#b99aaa;background:#f9f2ed;border-radius:9px}#word-game .trap-tags span.hit{background:#ffede4;color:#cb8a71}#word-game .result-table{width:100%;border-collapse:collapse;font-size:11px;color:#a3889e;table-layout:fixed}#word-game .result-table th{font-size:10px;color:#bd9faf;font-weight:500;text-align:left;padding:0 5px 8px}#word-game .result-table td{vertical-align:top;border-top:1px solid #f3e8e0;padding:9px 5px;line-height:1.8;overflow-wrap:anywhere}#word-game .result-table small{display:block;color:#c1a6b4;font-size:9px}#word-game .result-table .hit{color:#80a28a;font-weight:650}#word-game .stats-table{text-align:center}#word-game .stats-table th{text-align:center}#word-game .stats-table th:first-child,#word-game .stats-table td:first-child{text-align:left}#word-game .score-card{display:flex;align-items:center;justify-content:center;gap:30px;padding:7px 0 10px}#word-game .score-card>div{display:flex;flex-direction:column;text-align:center;gap:3px}#word-game .score-card small{color:#b494a6;font-size:10px}#word-game .score-card strong{font-size:29px;color:#bb836d;font-weight:800;line-height:1.2;font-variant-numeric:tabular-nums}#word-game .score-card>div.ai strong{color:#a080be}#word-game .score-card>span{font-size:18px;color:#d2b9c4}#word-game .deltas{display:flex;flex-wrap:wrap;gap:5px 10px;font-size:11px;color:#b08aa4;line-height:1.9}#word-game .final-hero{text-align:center;padding:22px 20px;background:linear-gradient(140deg,#fff3df,#ffe4c8)}#word-game .final-hero.ai{background:linear-gradient(140deg,#f7eafa,#ece2fa)}#word-game .final-medal{width:58px;height:58px;display:grid;place-items:center;color:#bc8958;background:#fff7e9;border:1px solid #f5d9b4;border-radius:20px;margin:auto auto 11px;transform:rotate(-7deg)}#word-game .final-medal .ui-icon{width:33px;height:33px;stroke-width:1.5}#word-game .final-hero.ai .final-medal{color:#b495cf;border-color:#e1c9ed;background:#fdf7ff}#word-game .final-hero h2{font-size:28px;letter-spacing:-.035em;color:#a67150;font-weight:800}#word-game .final-hero.ai h2{color:#a079b7}#word-game .final-hero p{font-size:11px;color:#c29783;margin-top:6px}#word-game .final-hero.ai p{color:#bea0cf}#word-game .ranking{display:flex;flex-direction:column;gap:8px}#word-game .rank-row{display:flex;align-items:center;gap:10px;background:#faf4ef;border-radius:12px;padding:8px 10px;color:#ad889f;font-size:12px}#word-game .rank-row>span:first-child{width:17px;text-align:center;font-size:11px;color:#c2a1ad}#word-game .rank-row .avatar{width:28px;height:28px}#word-game .rank-row b{font-size:12px;font-weight:600;flex:1}#word-game .rank-row strong{font-size:17px;color:#bc8bb0;font-variant-numeric:tabular-nums}#word-game .question-record{display:flex;align-items:center;gap:10px;font-size:11px;padding:9px 0;color:#ae8b9f;border-top:1px solid #f3e6dc}#word-game .question-record:first-of-type{border-top:0}#word-game .question-record span:first-child{color:#cbb0b9;font-size:10px}#word-game .question-record strong{flex:1;font-size:13px;letter-spacing:.03em;color:#a77e8b}#word-game .question-record em{font-style:normal;border-radius:5px;padding:1px 6px;font-size:10px;background:#f1e7fa;color:#b396c4}#word-game .question-record em.human{background:#eef6ec;color:#90ab95}
#word-game .overlay{position:absolute;inset:0;z-index:5;display:flex;align-items:flex-end;background:#47333b38;backdrop-filter:blur(2px)}#word-game .dialog{width:100%;border-radius:23px 23px 0 0;padding:22px 20px 24px;background:#fffaf3;box-shadow:0 -7px 25px #56403315}#word-game .dialog h2{font-size:20px;color:#957389;letter-spacing:-.025em;margin-bottom:8px}#word-game .dialog>p{font-size:12px;color:#b49aa7;line-height:1.9;margin-bottom:18px}#word-game .dialog .dock-actions{margin-top:15px}#word-game .toast{position:absolute;z-index:7;left:50%;top:78px;transform:translateX(-50%);max-width:88%;background:#5f4b5b;color:#fff6ed;border-radius:12px;padding:9px 14px;font-size:12px;text-align:center;box-shadow:0 3px 12px #68465b18;pointer-events:none}#word-game .room-preview-members{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:20px 0 4px}#word-game .room-preview-member{text-align:center;font-size:11px;color:#a5899b}#word-game .room-preview-member .avatar{width:49px;height:49px;border:3px solid #ffe3c4;margin-bottom:6px}#word-game .room-preview-member small{display:block;color:#c2a8b5;margin-top:3px;font-size:9px}
#word-game .play-dock{display:flex;flex-direction:column;gap:8px}#word-game .play-dock>.primary{width:100%;flex:none}#word-game .result-table span{display:inline-block}#word-game .ai-strip .ai-chances{flex:none}#word-game .dock-hint{flex-wrap:wrap}#word-game .dialog{max-height:85%;overflow-y:auto}#word-game .guess-record>div{flex:1;min-width:0}#word-game .entry-text,#word-game .bubble,#word-game .clue p{color:#756276}#word-game .entry.blank .entry-text{color:#b3a0ae}#word-game .private-note p{color:#8c69a6}
@keyframes thought{to{opacity:.3;transform:translateY(-2px)}}@media(prefers-reduced-motion:reduce){#word-game .wait-dots i{animation:none}}@container(max-width:365px){#word-game .app-header{padding:12px 11px 9px;gap:6px}#word-game .app-heading h1{font-size:18px}#word-game .header-score{padding:5px 7px}#word-game .phase-panel{margin-left:9px;margin-right:9px;padding:10px 11px}#word-game .round{font-size:10px}#word-game .phase-chip{font-size:10px;padding:3px 6px}#word-game .timer{font-size:18px}#word-game .play-body{padding-left:9px;padding-right:9px}#word-game .paper{padding:12px}#word-game .role-row{padding:9px 15px 7px}#word-game .mini-players .avatar{width:23px;height:23px}#word-game .play-dock{padding-left:12px;padding-right:12px}#word-game .entry{padding:12px}#word-game .prompt{font-size:18px}#word-game .phase-meta{font-size:9px}#word-game .segments i{width:13px}#word-game .trap-counter{gap:3px}#word-game .app-heading p{font-size:9px}#word-game .app-header .icon-button{width:25px;height:27px}}

#word-game.guess-reading .play-body{overflow:hidden;gap:8px;padding-bottom:7px}
#word-game .guess-mini-notice{display:flex;gap:6px;align-items:center;flex:none;padding:2px 5px 3px;font-size:10px;color:#9b8395;line-height:1.5}
#word-game .guess-mini-notice .ui-icon{width:13px;height:13px;color:var(--phase)}
#word-game .guess-mini-notice.purple{color:#9d7cb5}#word-game .guess-mini-notice.green{color:#6d9a86}
#word-game .answer-deck{min-height:0;flex:1;display:flex;flex-direction:column;gap:7px}
#word-game .answer-card{min-height:0;flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative;background:#fffdfa;border:1px solid #eddfd1;border-radius:23px;box-shadow:0 5px 18px #79513906}
#word-game .answer-card.mine{border-style:dashed;border-color:#cdb7dd;background:#fffaff}
#word-game .answer-card.selected{border-color:#e8a17e;box-shadow:0 0 0 1px #f6d9c5,0 5px 18px #79513906}
#word-game .answer-card.for-me{border-style:dashed;border-color:#ba9bcf;background:#fcf7ff}
#word-game .answer-card.ai-entry{border-color:#c1a2d8;background:#fbf6ff}
#word-game .answer-card.blank{background:#faf5ef;border-color:#e6d9cf}
#word-game .answer-question{flex:none;padding:14px 17px 11px;background:#fff6e8;border-bottom:1px solid #f2e6d8}
#word-game .answer-question>span{display:block;font-size:9px;letter-spacing:.05em;color:#bb997c;margin-bottom:3px}
#word-game .answer-question>p{font-size:12px;line-height:1.7;color:#a07964;font-weight:550;overflow-wrap:anywhere}
#word-game .answer-card.ai-entry .answer-question{background:#f4ebfb;border-bottom-color:#eadcf3}
#word-game .answer-card.ai-entry .answer-question>p{color:#9875ad}
#word-game .answer-card-heading{display:flex;align-items:center;gap:8px;flex:none;padding:14px 17px 7px;min-height:43px}
#word-game .answer-identity{font-size:11px;color:#a48597;white-space:nowrap}
#word-game .answer-identity b{font-size:18px;color:#806276;font-weight:750;margin-left:2px}
#word-game .answer-badge{padding:2px 7px;border-radius:6px;background:#f7eee6;font-size:9px;color:#b193a0;line-height:1.5;white-space:nowrap}
#word-game .answer-card.mine .answer-badge,#word-game .answer-card.for-me .answer-badge{background:#f0e5f8;color:#a887bb}
#word-game .answer-card.ai-entry .answer-badge{background:#ecdff8;color:#9870b2}
#word-game .answer-page{font-size:10px;color:#bea3b0;font-variant-numeric:tabular-nums;margin-left:auto;white-space:nowrap}
#word-game .answer-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:4px 18px 17px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ddcbbd transparent;touch-action:pan-y;outline-offset:-4px}
#word-game .answer-prose{font-size:16px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;color:#695266;letter-spacing:.01em}
#word-game .answer-card.blank .answer-prose{color:#b5a0ad}
#word-game .answer-empty-note{font-size:12px;line-height:1.9;color:#bda6b1;margin-top:14px!important}
#word-game .answer-card-footer{flex:none;padding:10px 16px 12px;border-top:1px solid #f0e5dd;background:#fffdf8;display:flex;flex-direction:column;gap:8px}
#word-game .answer-card.ai-entry .answer-card-footer{background:#fcf8ff;border-color:#eee0f5}
#word-game .answer-card-note{display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:10px;color:#ad91a3;line-height:1.6}
#word-game .answer-card-note small{white-space:nowrap;color:#c0a6b2;font-size:9px}
#word-game .choose-answer{display:flex;align-items:center;justify-content:center;gap:6px;border-radius:11px;min-height:37px;background:#fff1e5;color:#c58b6d;font-size:12px;font-weight:650;width:100%}
#word-game .choose-answer .ui-icon{width:14px;height:14px}
#word-game .choose-answer.on{background:#f9dfcc;color:#b97851}
#word-game .answer-card-footer .author-choice{margin:0;padding:0;border:0;gap:10px}
#word-game .answer-card-footer .author-choice>label{font-size:11px;color:#a98ba4}
#word-game .answer-card-footer .author-choice select{min-height:36px;font-size:12px}
#word-game .answer-card-footer .judge-choice{margin:0;justify-content:stretch}
#word-game .answer-card-footer .judge-choice button{flex:1;min-height:36px;font-size:12px}
#word-game .answer-locked{display:flex;align-items:center;justify-content:center;gap:5px;background:#f3edf7;color:#a184b5;border-radius:9px;min-height:34px;font-size:11px}
#word-game .answer-locked .ui-icon{width:14px;height:14px}
#word-game .answer-revealed-author{display:flex;gap:6px;align-items:center;font-size:11px;font-weight:600;color:#94749f}
#word-game .answer-revealed-author .avatar{width:23px;height:23px}
#word-game .answer-revealed-author .ui-icon{width:21px;height:21px}
#word-game .answer-navigation{display:flex;align-items:center;justify-content:center;gap:14px;flex:none;min-height:37px;padding:1px 0}
#word-game .card-arrow{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:#fffaf3;color:#b994a6;border:1px solid #eddfd3;font-size:12px;flex:none}
#word-game .card-arrow .ui-icon{width:14px;height:14px}
#word-game .card-arrow.next .ui-icon{transform:rotate(180deg)}
#word-game .card-arrow:disabled{opacity:.35}
#word-game .answer-numbers{display:flex;gap:6px;justify-content:center}
#word-game .answer-numbers button{width:28px;height:28px;border-radius:9px;border:1px solid #ecdfd4;color:#bca0af;background:#fffaf3;font-size:11px;font-weight:650;position:relative}
#word-game .answer-numbers button.on{background:#fff0df;border-color:#ebb78f;color:#ba7f4e}
#word-game .answer-numbers button.chosen{box-shadow:0 0 0 1px #e7a282;border-color:#e7a282}
#word-game .answer-numbers button.marked::after{content:"";position:absolute;bottom:2px;left:calc(50% - 2px);width:4px;height:4px;background:#ac8dc1;border-radius:50%}
#word-game .answer-stage-card{flex:1}
#word-game .answer-stage-message{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:23px 25px;overflow-y:auto}
#word-game .answer-stage-message h2{font-size:18px;color:#987997;letter-spacing:-.02em}
#word-game .answer-stage-message p{color:#af95ab;font-size:12px;line-height:1.9;margin-top:8px}
#word-game .answer-write-form{display:flex;flex-direction:column;min-height:0;flex:1}
#word-game .answer-editor{flex:1;width:100%;min-height:0;resize:none;border:0;background:none;outline-offset:-5px;padding:20px 18px;font-size:16px;line-height:1.9;color:#695266;overflow-y:auto;border-radius:0}
#word-game .answer-editor::placeholder{color:#c9b1c0}
#word-game .answer-write-footer{flex:none;border-top:1px solid #f0e5dd;padding:12px 15px;display:flex;gap:12px;align-items:center}
#word-game .answer-write-footer>span{font-size:10px;color:#bca2af;font-variant-numeric:tabular-nums}
#word-game .answer-write-footer .primary{margin-left:auto;min-height:40px;font-size:13px;min-width:137px;padding:9px 13px}
#word-game .answer-static-footer{flex:none;padding:12px 18px;border-top:1px solid #f0e5dd;font-size:11px;color:#aa8bb0}
#word-game .guess-dock{padding-top:10px;gap:8px}
#word-game .guess-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:32px}
#word-game .guess-tools{justify-content:flex-end;min-height:22px}
#word-game .inline-chat{height:168px;max-height:34%;flex:none;min-height:125px;display:flex;flex-direction:column;gap:6px;padding:10px 11px 9px;background:#fffdfa;border:1px solid #efe4d8;border-radius:18px;overflow:hidden}
#word-game .inline-chat-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:none;line-height:1.5}
#word-game .inline-chat-heading>span{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:650;color:#8d7086}
#word-game .inline-chat-heading .ui-icon{width:14px;height:14px;color:#bb957e}
#word-game .inline-chat-heading small{font-size:9px;color:#b59eac}
#word-game .inline-chat-thread{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#e4d4cb transparent}
#word-game .inline-chat .chat-list{gap:7px}
#word-game .inline-chat .message{gap:6px}
#word-game .inline-chat .message .avatar{width:25px;height:25px}
#word-game .inline-chat .message small{font-size:8px;margin:0 0 2px}
#word-game .inline-chat .bubble{font-size:11px;padding:5px 8px;line-height:1.6}
#word-game .inline-chat-composer{flex:none}
#word-game .inline-chat-composer .composer{align-items:center;gap:6px}
#word-game .inline-chat-composer input{min-height:35px;padding:7px 9px;font-size:11px;border-radius:10px}
#word-game .inline-chat-composer .primary{min-height:35px;padding:7px 9px;font-size:11px;border-radius:10px;gap:4px}
#word-game .inline-chat-composer .primary .ui-icon{width:13px;height:13px}
#word-game .guess-summary-button{background:none;color:#b391a5;padding:6px 0;font-size:11px}
#word-game .guess-read-tip{font-size:9px;color:#bca3b0;text-align:right}
#word-game .judgment-summary{display:flex;flex-direction:column;gap:7px}
#word-game .judgment-summary-row{display:flex;align-items:center;gap:8px;min-height:47px;border-radius:12px;padding:9px 11px;background:#f8f0f8;text-align:left;color:#a78caf;width:100%;font-size:11px}
#word-game .judgment-summary-row b{font-size:13px;white-space:nowrap}
#word-game .judgment-summary-row span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#b5a0b1;font-size:10px}
#word-game .judgment-summary-row strong{font-weight:600;white-space:nowrap}
#word-game .judgment-summary-row .ui-icon{width:12px;height:12px;color:#c3aabb}
#word-game .guess-result-details{display:flex;flex-direction:column;gap:8px}
#word-game .answer-card.motion-next{animation:answerNext .2s ease-out}
#word-game .answer-card.motion-previous{animation:answerPrevious .2s ease-out}

@keyframes answerNext{from{opacity:.65;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}
@keyframes answerPrevious{from{opacity:.65;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){#word-game .answer-card.motion-next,#word-game .answer-card.motion-previous{animation:none}}
@container(max-width:365px){#word-game .answer-question{padding:11px 14px 9px}#word-game .answer-card-heading{padding:12px 14px 6px;gap:6px}#word-game .answer-scroll{padding:3px 14px 14px}#word-game .answer-prose{font-size:15px;line-height:1.9}#word-game .answer-card-footer{padding:9px 13px 10px}#word-game .answer-navigation{gap:10px}#word-game .answer-numbers{gap:5px}#word-game .answer-numbers button{width:26px;height:26px}#word-game .answer-badge{font-size:8px;padding:2px 5px}#word-game .answer-page{font-size:9px}#word-game .answer-card-note{font-size:9px}#word-game .guess-mini-notice{font-size:9px;gap:4px}#word-game .answer-editor{font-size:15px;padding:16px 14px}#word-game .guess-read-tip{font-size:8px}#word-game .inline-chat{height:150px;min-height:123px}}

/* Production word-game shell; scoped to avoid altering room/auth/hunter. */
body[data-screen="word"]{--bg:#fcf7ee;--card:#fffdf9;--fg:#332c32;--dim:#928790;--soft:#f3eee7;--line:#eee4d8;color-scheme:light;background:#efe6d9;padding:0}
body[data-screen="word"]>.bar{display:none}
body[data-screen="word"]>#app{padding:0;max-width:560px;width:100%;overflow:hidden;container-type:inline-size}
#word-game{flex:1;min-height:0;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}
#word-game button{height:auto;white-space:normal}
#word-game form{gap:0;margin:0}
#word-game form>button{margin:0}
#word-game input,#word-game select{height:auto}
#word-game .composer{flex-direction:row}
#word-game .overlay{position:fixed;inset:0;max-width:560px;margin:auto}
#word-game :focus-visible{outline:3px solid #aa78df;outline-offset:2px}
#word-game .app-heading{min-width:0}
#word-game .app-heading p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:170px}
#word-game .inline-chat-thread{overflow-anchor:none}

#word-game .word-network{position:absolute;top:0;left:0;right:0;z-index:3;text-align:center;font-size:11px;color:#a76428;background:#fff1df}
#word-game .word-network:empty{display:none}

/* Short viewports keep the card usable and place chat in the same scroll area. */
@media(max-height:700px){
 #word-game.guess-reading .play-body{overflow-y:auto}
 #word-game .answer-deck{flex:none;min-height:305px}
 #word-game .answer-deck .answer-card{min-height:260px}
 #word-game .answer-stage-card{flex:none;min-height:305px}
 #word-game .inline-chat{height:140px;max-height:none;min-height:125px}
}

/* CSP-safe phase themes and result column sizing (no inline style attributes). */
#word-game.phase-orange{--phase:var(--orange);--phase-soft:var(--orange-soft)}
#word-game.phase-blue{--phase:var(--blue);--phase-soft:var(--blue-soft)}
#word-game.phase-red{--phase:var(--red);--phase-soft:var(--red-soft)}
#word-game.phase-green{--phase:var(--green);--phase-soft:var(--green-soft)}
#word-game.phase-purple{--phase:var(--purple);--phase-soft:var(--purple-soft)}
#word-game .result-table .column-slot{width:18%}
#word-game .result-table .column-quarter{width:25%}
#word-game .result-note{margin-top:9px}