:root{--deep:#35634a;--ink:#304938;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;color:var(--ink);background:#f2f4ed;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:#476e4e;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #97b387;outline-offset:3px}.duo-shell{width:min(1180px,100%);padding:0 24px;margin:auto}.duo-header{min-height:90px;display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid #e0e6d9}.brand{font-size:23px;font-weight:650;letter-spacing:1px}.brand span{font-size:13px;font-weight:400;margin-left:9px;color:#7c8972}.duo-header>div{display:flex;gap:16px;font-size:12px;align-items:center}#account-label{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eyebrow{font-size:10px;letter-spacing:2px;color:#8a987c}h1{font-weight:550;font-size:32px;letter-spacing:1px;margin:10px 0 17px}h2{font-size:20px;font-weight:550;margin:10px 0 15px}p{font-size:13px;color:#7a896e;line-height:1.9}.intro{max-width:620px;margin:45px 0 30px}.intro h1{font-size:38px}.card{background:#fffefa;border:1px solid #dfe6d6;border-radius:20px;padding:26px;box-shadow:0 4px 20px #4f683406}.lobby-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px}.card form{display:grid;gap:15px}.card label{display:grid;gap:8px;font-size:13px;color:#687e5b}.card input,.card textarea{border:1px solid #d4dfcb;background:#fff;border-radius:10px;padding:12px;color:var(--ink);font-size:16px;min-width:0}.card small{font-size:10px;color:#88967b;line-height:1.8}.primary,.secondary,.quiet{min-height:42px;border-radius:10px;padding:10px 15px;font-size:13px}.primary{background:var(--deep);color:#f9fbf6;border:1px solid var(--deep)}.secondary{background:#f5f8ef;color:#557149;border:1px solid #d7e2ce}.quiet{background:transparent;color:#78896a;border:0}.actions{display:flex;gap:12px;justify-content:flex-end}#login-panel{max-width:470px;margin:25px 0}.my-rooms{margin-top:22px}.my-room{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px 0;border-top:1px solid #e9eddf}.my-room span{font-size:13px}.notice{min-height:22px;font-size:12px;margin:12px 0;color:#7c8e6c}.notice.error{color:#ad5b42}.room-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:23px 0}.room-heading h1{font-size:25px;margin-bottom:13px}#room-code{font-variant-numeric:tabular-nums;letter-spacing:2px}.room-actions{display:flex;gap:8px;flex-wrap:wrap}.players{display:flex;gap:10px;flex-wrap:wrap;font-size:11px}.player{padding:6px 9px;border-radius:20px;background:#e8eee0;color:#718262}.player.online:before{content:'●';color:#72a06c;margin-right:5px}.room-workspace{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.8fr);gap:22px;align-items:start}.board-card{padding:22px}.board-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.board-toolbar strong{font-size:15px;font-weight:550}.board-toolbar div{display:flex;gap:12px;align-items:center}.board-toolbar span{font-size:11px;color:#859277}#room-timer{font-size:17px;color:#527047;font-variant-numeric:tabular-nums}.room-grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));border:2px solid #99ad91;border-radius:7px;overflow:hidden}.duo-cell{position:relative;display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;min-width:0;border:0;border-right:1px solid #e1e7da;border-bottom:1px solid #e1e7da;background:#fffefa;color:#4d7d96;font:400 clamp(22px,3vw,31px)/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;padding:0}.duo-cell:nth-child(3n){border-right:2px solid #99ad91}.duo-cell:nth-child(9n){border-right:0}.duo-cell:nth-child(n+19):nth-child(-n+27),.duo-cell:nth-child(n+46):nth-child(-n+54){border-bottom:2px solid #99ad91}.duo-cell:nth-child(n+73){border-bottom:0}.duo-cell.given{color:#344b37;font-weight:550}.duo-cell.peer{background:#f1f5eb}.duo-cell.same{background:#e5efdc}.duo-cell.selected{background:#dcebd2;box-shadow:inset 0 0 0 2px #6e9870}.duo-cell.partner{outline:2px solid #c9a070;outline-offset:-3px}.duo-cell.partner:after{content:'伙伴';position:absolute;right:1px;top:1px;font:8px/1.2 sans-serif;color:#aa7c48}.duo-cell.conflict{color:#bc6047;background:#fae8df}.duo-notes{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:94%;height:94%;font-size:clamp(9px,1.2vw,13px);color:#77956b}.duo-notes span{display:grid;place-items:center;border-radius:4px}.duo-notes .note-match{background:#53805a;color:#fff;font-weight:700}.board-legend{display:flex;justify-content:center;gap:20px;font-size:10px;margin:12px 0 17px;color:#7e8c72}.board-legend i{display:inline-block;width:9px;height:9px;margin-right:5px;border-radius:2px}.own-mark{background:#a7c796}.other-mark{background:#d6b48c}.room-keypad{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:6px}.number-key{border:1px solid #d9e3ce;border-radius:9px;background:#f6f9ef;min-height:46px;font-size:23px;color:#56784b;padding:0}.number-key.active{background:#dbeacc;border-color:#81a36d}.room-tools{display:flex;gap:7px;margin-top:12px;flex-wrap:wrap}.room-tools button{flex:1;white-space:nowrap;font-size:12px}.room-tools .active{background:#e1edda;border-color:#88a574}#board-message{font-size:11px;min-height:18px;margin:13px 0}.host-controls{display:flex;align-items:center;gap:9px;border-top:1px solid #e9eddf;padding-top:15px}.host-controls label{font-size:11px}.host-controls input{width:80px;padding:8px}.host-controls button{font-size:12px;padding:8px}.room-footnote{font-size:10px;margin-bottom:0}.restriction{background:#f6eeda;color:#977d4f;border-radius:8px;padding:8px;font-size:11px}.chat-card{padding:22px}.chat-card>header{display:flex;justify-content:space-between;align-items:center}.chat-card h2{margin-bottom:10px}#chat-online{font-size:10px;color:#8c9d7b}.chat-privacy{font-size:10px;margin:0 0 12px}.chat-messages{height:345px;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:12px;padding:5px 3px 12px}.chat-item{max-width:90%;align-self:flex-start}.chat-item.own{align-self:flex-end}.chat-item small{font-size:10px;display:block;margin:0 5px 5px}.chat-item p{font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;background:#edf2e5;color:#53694a;margin:0;padding:10px 13px;border-radius:12px;line-height:1.7}.chat-item.own p{background:#dfead6}.chat-system{text-align:center;font-size:10px;color:#93a081;padding:4px;line-height:1.7}.quick-chat{display:flex;gap:5px;flex-wrap:wrap;margin:10px 0}.quick-chat button{border:1px solid #e0e6d7;background:transparent;color:#7c916c;border-radius:20px;padding:6px 8px;font-size:10px;min-height:30px}#chat-form{gap:7px}#chat-form textarea{resize:vertical;font-size:13px;line-height:1.7;width:100%}#chat-form>div{display:flex;align-items:center;justify-content:space-between}footer{display:flex;justify-content:space-between;font-size:10px;color:#8b987e;padding:27px 0}.dialog-backdrop{position:fixed;inset:0;z-index:100;background:#263e3266;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:16px}.dialog{width:min(1000px,100%);border:1px solid #e0e8d8;border-radius:20px;position:relative;padding:24px;background:#fffefa;max-height:92dvh;overflow:auto}.dialog-close{position:absolute;right:9px;top:9px;border:0;background:transparent;color:#77896d;font-size:24px;width:34px;height:34px;z-index:5}.hint-method{display:inline-block;background:#eaf2e1;color:#678356;padding:5px 9px;border-radius:7px;font-size:11px}.hint-digit{display:inline-flex;align-items:center;justify-content:center;min-width:32px;min-height:34px;margin:2px;border:1px solid #d3dfca;border-radius:7px;background:#f2f7e9;color:#547847;font-size:14px}.hint-digit.active{color:#fff;background:#4e7b50}.hint-correction{background:#f7eddb;color:#987547;padding:10px;border-radius:8px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}@media(max-width:850px){.room-workspace{grid-template-columns:minmax(0,1fr)}.board-card{max-width:650px;width:100%;margin:auto}.chat-card{max-width:650px;width:100%;margin:auto}.chat-messages{height:280px}.duo-cell{font-size:clamp(22px,5vw,31px)}.duo-notes{font-size:clamp(10px,2vw,14px)}}@media(max-width:580px){.duo-shell{padding:0 12px}.duo-header{min-height:73px}.brand{font-size:19px}.brand span{display:block;margin:4px 0 0;font-size:10px}.duo-header>div{gap:8px;font-size:11px}#account-label{max-width:85px}.intro{margin-top:28px}.intro h1{font-size:29px}.lobby-columns{grid-template-columns:1fr;gap:14px}.card{padding:19px;border-radius:16px}.room-heading{display:block;margin-top:17px}.room-heading h1{font-size:21px}.room-actions{margin-top:14px}.room-actions button{font-size:11px;padding:8px 10px;min-height:36px}.board-card{padding:12px}.room-workspace{gap:15px}.board-toolbar{margin-bottom:12px}.board-toolbar strong{font-size:13px}.board-toolbar div{gap:8px}.duo-cell{font-size:clamp(22px,6vw,29px)}.duo-notes{font-size:clamp(9px,2.8vw,13px)}.room-keypad{gap:4px}.number-key{font-size:20px;min-height:42px;border-radius:7px}.room-tools{gap:5px}.room-tools button{padding:8px 5px;font-size:11px}.host-controls{gap:7px}.host-controls label{font-size:10px}.host-controls input{width:70px}footer{font-size:9px}.hint-diagram-heading{padding-right:22px}}
.notice{overflow-wrap:anywhere}@media(max-width:580px){#chat-form textarea{font-size:16px}}