:root{--navy:#092f5b;--coral:#fc635b;--blue:#2996ef;--purple:#b88be7;--green:#8ccb6d;--muted:#66758a;--bg:#f7f8fc;--line:#e3e7ef;--c0:#2996ef;--c1:#fc635b;--c2:#b88be7;--c3:#8ccb6d;font-family:'Trebuchet MS',Arial,sans-serif;color:var(--navy);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:4px}button{border:0}button:disabled{cursor:default}button,a{touch-action:manipulation}[hidden]{display:none!important}header{max-width:1260px;margin:auto;padding:25px 34px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}#brand{text-decoration:none;color:var(--navy);display:flex;align-items:center;gap:14px}.brand-word{font-size:36px;font-weight:900;letter-spacing:-2px;transform:rotate(-3deg);display:block}.brand-word>span{color:var(--coral)}.brand-sub{font-size:11px;color:var(--muted);max-width:76px;line-height:1.4;border-left:1px solid var(--line);padding-left:13px}nav{display:flex;gap:12px}nav button{background:transparent;font-size:13px;font-weight:bold;padding:10px}.nav-count{margin-left:5px;background:#e9e4f7;color:#7756a4;border-radius:12px;padding:4px 6px;font-size:10px}.nav-help>span{border:1px solid #bec9d7;border-radius:50%;width:19px;height:19px;display:inline-grid;place-items:center;margin-left:4px}main{max-width:1192px;padding:0 26px;margin:auto}.hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:45px;padding:44px 0 38px}.eyebrow{font-size:10px;letter-spacing:1.9px;font-weight:800;color:var(--muted)}.hero .eyebrow{display:flex;align-items:center;gap:8px}.eyebrow>span{width:6px;height:6px;border-radius:50%;background:var(--coral)}h1{font-size:clamp(36px,4.2vw,53px);line-height:1.13;letter-spacing:-2px;margin:17px 0}h1 em{font-style:normal;color:var(--coral);position:relative}h1 em:after{content:'';height:4px;background:#ffd995;position:absolute;bottom:-4px;left:0;right:0;border-radius:70%}p{line-height:1.65}.hero-copy>p{max-width:430px;font-size:15px;color:var(--muted);margin-top:23px}.hero-tags{display:flex;gap:20px;font-size:11px;font-weight:bold;margin-top:24px}.hero-tags>span{display:flex;gap:6px;align-items:center}.dot{width:7px;height:7px;border-radius:50%;display:inline-block}.blue{background:var(--blue)}.green{background:var(--green)}.hero-art{position:relative;transform:rotate(1deg);padding-bottom:8px}.hero-art>img{width:100%;display:block;border-radius:22px;box-shadow:0 14px 35px #10325812;border:5px solid white}.art-sticker{position:absolute;bottom:-1px;right:-12px;background:#fff5c6;padding:13px 18px;border-radius:9px;font-size:12px;line-height:1.5;transform:rotate(-7deg);box-shadow:0 4px 12px #152a4310}.setup{background:#fff;border:1px solid var(--line);border-radius:21px;padding:27px 29px;box-shadow:0 5px 12px #11325c03}.setup-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}h2{font-size:25px;letter-spacing:-.6px;margin:10px 0}.setup-icon{font-size:36px;color:var(--purple);transform:rotate(12deg)}.settings-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:28px}fieldset{border:0;padding:0;margin:0;min-width:0}legend{font-size:10px;color:var(--coral);font-weight:bold;letter-spacing:.8px;padding:0;margin:0 0 11px}legend>span{color:var(--navy);font-size:12px;margin-left:5px;letter-spacing:0}.choice-row{display:flex;gap:7px}.choice{background:#fafbfe;border:1px solid var(--line);border-radius:10px;flex:1;padding:13px 9px;text-align:left;transition:.15s}.choice b{font-size:12px;display:block;margin-bottom:5px}.choice span{display:block;font-size:10px;color:var(--muted);line-height:1.4}.choice:hover{border-color:#9ab4d6}.choice.selected{border-color:var(--navy);background:#edf4fb;box-shadow:inset 0 0 0 1px var(--navy)}.setup-bottom{border-top:1px solid var(--line);margin-top:22px;padding-top:18px;display:flex;align-items:center;justify-content:space-between;gap:20px}.small-options{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.small-options label{font-size:11px;color:var(--muted)}select{border:0;background:#f0f3f8;color:var(--navy);font-size:11px;border-radius:6px;padding:8px;margin-left:5px}.switch-label{display:flex;align-items:center;gap:7px}.switch-label input{accent-color:var(--navy);width:15px;height:15px}.primary{background:var(--coral);color:#fff;padding:15px 22px;border-radius:10px;font-weight:bold;font-size:14px;white-space:nowrap;box-shadow:0 4px 0 #df4a43;transition:.15s}.primary:hover{background:#ef534d;transform:translateY(-1px)}.primary:active{transform:translateY(2px);box-shadow:0 1px 0 #df4a43}.primary>span{margin-left:20px}.concept{display:flex;align-items:center;justify-content:center;gap:23px;padding:30px 0 22px}.concept>div{display:flex;flex-direction:column;gap:7px}.mini-label{font-size:8px;font-weight:bold;letter-spacing:1px}.blue-text{color:#147dcc}.coral-text{color:#dd5249}.purple-text{color:#8b60b6}.green-text{color:#538f37}.concept strong{font-size:22px}.concept .phon-example{font-size:17px}.plus{color:#c3cbd6}.concept-result{font-style:italic;color:var(--muted);font-size:12px}.home-foot{display:flex;justify-content:space-between;font-size:10px;border-top:1px solid var(--line);padding:16px 0;color:var(--muted);margin:0}.text-btn{background:transparent;font-size:12px;color:var(--muted);padding:12px 5px}.text-btn:hover{color:var(--navy)}.game-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:25px 0}.game-title{text-align:center}.game-title h1{font-size:26px;letter-spacing:-.7px;margin:0 0 4px}.game-title p{font-size:12px;color:var(--muted);margin:0}.sound{font-size:12px;white-space:nowrap}.sound input{accent-color:var(--navy)}.scorebar{background:white;border:1px solid var(--line);border-radius:13px;padding:17px 22px;display:flex;align-items:center;gap:36px}.scorebar>div{display:flex;align-items:center;gap:10px}.stat-label{font-size:9px;letter-spacing:1px;color:var(--muted);font-weight:bold}.scorebar strong{font-size:19px}.scorebar .turn-badge{margin-left:auto;background:#edf4fc;border-radius:7px;padding:9px 12px;font-size:12px}.turn-badge.player2{background:#f4eafa}#progressTrack{height:4px;background:#e8edf4;margin:12px 0 23px;border-radius:4px;overflow:hidden}#progressTrack>div{height:100%;background:var(--green);width:0;transition:width .4s}#board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.zone{--cat:var(--c0);min-width:0}.zone h2{font-size:10px;letter-spacing:1.6px;text-align:center;color:var(--cat);margin:0 0 12px}.zone-cards{display:grid;gap:11px}.card{width:100%;height:112px;perspective:800px;background:none;padding:0;border-radius:12px;position:relative}.card-inner{width:100%;height:100%;position:relative;transition:transform .38s;transform-style:preserve-3d;display:block}.card.flipped .card-inner{transform:rotateY(180deg)}.card-face{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:12px;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden}.card-back{background:white;border:1.5px solid #d5deea;box-shadow:0 3px 0 #dce3ee}.card-back img{width:102px;height:102px;object-fit:contain;mix-blend-mode:multiply}.card:hover:not(.flipped) .card-back{border-color:#7999c1;box-shadow:0 4px 0 #c3d2e4}.card-front{transform:rotateY(180deg);background:var(--pale);border:2px solid var(--cat);padding:9px;box-shadow:0 3px 0 color-mix(in srgb,var(--cat) 40%,#fff)}.card-front .card-category{font-size:8px;letter-spacing:1px;color:var(--navy);opacity:.7;margin-bottom:7px}.card-word{font-size:24px;line-height:1.1;overflow-wrap:anywhere;font-weight:bold}.card-word.long{font-size:18px}.card-front .ipa{font-size:10px;color:var(--muted);font-weight:normal;margin-top:2px}.pron-pair{font-size:16px;font-weight:bold;line-height:1.15}.pron-pair .arrow{font-size:11px;color:var(--muted);margin:2px 0}.card.matched{visibility:hidden}.card.correct .card-front{box-shadow:0 0 0 4px #a2d88660}.card.wrong .card-front{border-color:#df4b51}#board.mixed{grid-template-columns:repeat(4,minmax(0,1fr))}#board.mixed .card{height:112px}.feedback{margin-top:20px;border:1px solid #dce5e4;background:white;border-radius:14px;padding:18px 20px;display:flex;align-items:center;gap:15px}.feedback .feedback-copy{flex:1}.feedback h2{font-size:18px;margin:0 0 5px}.feedback p{font-size:12px;margin:0;color:var(--muted)}.feedback.success{background:#f0f9ec;border-color:#c7e4ba}.feedback.miss{background:#fff7ee;border-color:#f0d8b4}.feedback button{font-size:12px}.listen-btn{background:#fff;border:1px solid var(--line);border-radius:8px;padding:10px 12px;font-size:12px;white-space:nowrap}.game-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px}.game-bottom p{font-size:11px;color:var(--muted)}#collectedSection{border-top:1px solid var(--line);padding:16px 0 35px}#collectedSection h2{font-size:16px}#collectedSection h2 span{font-size:12px;color:var(--muted)}#collected{display:flex;gap:8px;flex-wrap:wrap}.collected-item{border:1px solid #dce7d5;background:#f0f6eb;border-radius:8px;padding:9px 12px;font-size:12px;color:#426a2c}.collected-item span{color:var(--muted);font-size:10px;margin-left:6px}dialog{border:1px solid var(--line);border-radius:22px;padding:32px;max-width:580px;width:calc(100% - 30px);color:var(--navy);box-shadow:0 24px 90px #092f5b30;max-height:88dvh;overflow:auto}dialog::backdrop{background:#0b244c69;backdrop-filter:blur(5px)}dialog h2{font-size:30px;margin:12px 0 20px}dialog p{font-size:13px;color:var(--muted)}.close-dialog{position:absolute;right:16px;top:13px;background:#f0f3f8;border-radius:50%;width:31px;height:31px;font-size:22px}.rules{padding-left:22px;display:grid;gap:13px}.rules li{font-size:13px;padding-left:6px}.rules p{font-size:12px;margin:5px 0}details{border-top:1px solid var(--line);margin-top:22px;padding-top:18px}summary{font-size:13px;font-weight:bold;cursor:pointer}.sound-guide{display:grid;gap:9px;font-size:12px}.sound-guide b{margin-right:7px;color:#8d61b6}.library-dialog{max-width:760px}.search-wrap{display:block;font-size:11px;font-weight:bold;margin:20px 0 15px}.search-wrap input{display:block;width:100%;padding:13px;border:1px solid #cbd5e3;border-radius:9px;margin-top:8px;background:#fafbfe}.verb-row{display:grid;grid-template-columns:1fr 1fr 1.4fr auto;gap:10px;align-items:center;border-top:1px solid var(--line);padding:13px 0;font-size:13px}.verb-row small{font-size:10px;color:var(--muted);display:block;margin-top:4px}.verb-row .meaning{color:var(--muted);font-size:12px}.library-note{font-size:10px!important}.finish-spark{color:var(--coral);font-size:58px}#finishDialog{text-align:center}#finishDialog h2{font-size:30px}.finish-stats{display:flex;justify-content:center;gap:30px;margin:24px 0}.finish-stats strong{font-size:26px;display:block}.finish-stats span{font-size:11px;color:var(--muted)}#finishDialog .primary{display:block;margin:0 auto 8px}#exitDialog .text-btn{margin-left:15px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:90%;padding:13px 20px;border-radius:10px;background:var(--navy);color:white;font-size:12px;box-shadow:0 5px 25px #102a4c30;z-index:20}
@media(min-width:1300px){.hero{padding-top:48px;padding-bottom:45px}}@media(max-width:850px){.hero{gap:20px}.hero-art{margin-right:8px}h1{font-size:38px}.settings-grid{grid-template-columns:1fr;gap:20px}.setup-bottom{align-items:flex-end}.small-options{gap:10px}.brand-sub{display:none}.concept{gap:15px}.concept-result{display:none}.card-word{font-size:20px}.feedback{flex-wrap:wrap}.feedback-copy{min-width:60%}}@media(max-width:600px){header{padding:16px 20px}.brand-word{font-size:32px}nav{gap:4px}nav button{font-size:11px;padding:8px 5px}.nav-help{font-size:0}.nav-help>span{font-size:12px}main{padding:0 18px}.hero{grid-template-columns:1fr;gap:23px;padding:28px 0}.hero-copy>p{font-size:14px;max-width:none}h1{font-size:39px;letter-spacing:-1.8px}.hero-art{max-width:460px;width:100%;margin:auto;padding-bottom:8px}.hero-art>img{max-height:240px;object-fit:cover;object-position:center;border-radius:17px}.art-sticker{font-size:10px;right:5px;padding:9px 12px}.hero-tags{margin-top:17px}.setup{padding:22px 16px;border-radius:16px}.setup-heading{margin-bottom:18px}.setup h2{font-size:23px}.eyebrow{font-size:8px;letter-spacing:1.4px}.choice b{font-size:10px}.choice span{font-size:9px}.choice{padding:12px 8px}.setup-bottom{flex-direction:column;align-items:stretch;gap:18px}.small-options{justify-content:space-between;gap:12px}.setup .primary{width:100%}.switch-label{font-size:10px!important}.concept{gap:10px;justify-content:space-between;padding:26px 0}.concept strong{font-size:18px}.concept .phon-example{font-size:12px}.concept .mini-label{font-size:6px;letter-spacing:.6px}.plus{font-size:12px}.home-foot{display:block;line-height:1.7}.home-foot>span{display:block}.game-toolbar{gap:8px;flex-wrap:wrap;margin:19px 0}.game-title{order:3;width:100%;margin-top:7px}.game-title h1{font-size:23px}.sound{margin-left:auto}.scorebar{padding:13px 11px;gap:15px;flex-wrap:wrap}.scorebar>div{gap:7px}.scorebar strong{font-size:16px}.stat-label{font-size:8px;letter-spacing:.5px}.scorebar .turn-badge{font-size:10px;padding:7px 8px}#board{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.zone h2{font-size:9px;letter-spacing:1.2px}.zone-cards{gap:9px}.card{height:100px}.card-back img{height:91px;width:91px}.card-word{font-size:23px}.card-front .card-category{font-size:7px}.pron-pair{font-size:15px}#board.mixed{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}#board.mixed .card{height:106px}#board.mixed .card-word{font-size:18px}#board.mixed .pron-pair{font-size:12px}#board.mixed .ipa{font-size:8px}#board.mixed .card-back img{width:85px;height:85px}.feedback{padding:16px;gap:10px}.feedback .primary{padding:12px 14px}.feedback .feedback-copy{min-width:100%}.game-bottom{align-items:flex-start}.game-bottom p{max-width:65%;font-size:10px}.game-bottom button{font-size:10px}dialog{padding:28px 22px}dialog h2{font-size:26px}.verb-row{grid-template-columns:1fr 1fr auto;gap:8px}.verb-row .meaning{grid-column:1/3;grid-row:2}.verb-row .listen-btn{grid-column:3;grid-row:1/3;padding:9px}.finish-stats{gap:22px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.online-invite{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:25px 28px;margin-top:22px;border-radius:17px;background:#ece7fa;border:1px solid #ded4f0}.online-invite h2{font-size:24px;margin:8px 0}.online-invite p{font-size:12px;color:var(--muted);margin:0}.online-invite .primary{background:var(--navy);box-shadow:0 4px 0 #001f40}.online-tabs{display:flex;background:#f1f3f8;padding:5px;border-radius:10px;gap:4px}.online-tabs button{flex:1;padding:12px 7px;border-radius:7px;background:transparent;font-size:12px;font-weight:bold}.online-tabs .selected{background:white;box-shadow:0 2px 7px #092f5b12}.online-create-options{display:flex;gap:20px;margin:22px 0}.online-create-options label{font-size:11px;flex:1}.online-create-options select{display:block;width:100%;margin:7px 0 0;font-size:12px;padding:11px}.online-submit{margin-top:25px;width:100%}.form-error{color:#b52c3e!important;font-size:12px!important}.room-pill{font-family:monospace;background:#ece7fa;padding:10px 12px;border-radius:8px;font-weight:bold;letter-spacing:1px;font-size:13px}.online-lobby{max-width:700px;margin:30px auto;text-align:center;background:white;border:1px solid var(--line);border-radius:20px;padding:35px}.waiting-mark{color:var(--purple);font-size:60px}.online-lobby>p{font-size:13px;color:var(--muted)}#lobbyCode{display:block;font-size:38px;letter-spacing:7px;margin:25px 0}.lobby-actions{margin:20px}#roomLink{width:100%;border:1px solid var(--line);padding:12px;border-radius:8px;text-align:center;color:var(--muted);font-size:12px;background:#fafbfe}.online-scores{display:flex;justify-content:center;gap:14px;margin:20px 0}.online-player{background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px 18px;min-width:140px}.online-player.active{border-color:var(--blue);box-shadow:0 0 0 2px #2996ef1c}.online-player span{font-size:11px;color:var(--muted)}.online-player b{display:block;font-size:18px;margin-top:6px}.online-turn{font-size:12px;margin-left:auto;font-weight:bold;color:#438131}.online-turn-hint{text-align:center;font-size:13px;color:var(--muted);margin:5px 0 20px}#onlineBoard{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}#onlineBoard.mixed{grid-template-columns:repeat(4,minmax(0,1fr))}#onlineBoard .card:disabled:not(.matched){opacity:1}#onlineCollectedSection{margin:25px 0}#onlineCollectedSection h2{font-size:17px}#onlineCollected{display:flex;flex-wrap:wrap;gap:8px}.online-found{padding:10px;background:#eef7e8;border-radius:8px;font-size:12px}.online-found small{display:block;color:var(--muted);margin-top:4px}#onlineGame{padding-bottom:30px}@media(max-width:600px){.online-invite{padding:22px 18px;flex-direction:column;align-items:stretch;gap:17px}.online-invite h2{font-size:22px}.online-lobby{padding:25px 18px}.online-lobby h2{font-size:25px}#lobbyCode{font-size:30px;letter-spacing:4px}.room-pill{font-size:11px}.online-create-options{gap:10px}.online-player{min-width:0;flex:1;padding:10px 12px;overflow-wrap:anywhere}.online-player b{font-size:17px}.online-turn{font-size:10px}#onlineBoard{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}#onlineBoard.mixed{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}#onlineBoard.mixed .card-word{font-size:17px}#onlineBoard.mixed .pron-pair{font-size:12px}#onlineBoard.mixed .ipa{font-size:8px}#onlineBoard.mixed .card-back img{width:85px;height:85px}}
/* Room chat uses its own state, so writing never interrupts a turn. */
#onlineGame{max-width:1450px}.online-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px;align-items:start}.online-main{min-width:0}.room-chat{position:sticky;top:24px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 5px 20px #092f5b05;display:flex;flex-direction:column;height:520px;max-height:calc(100dvh - 48px);overflow:hidden}.chat-heading{padding:18px 16px 15px;border-bottom:1px solid var(--line);display:flex;align-items:flex-start;justify-content:space-between;background:linear-gradient(130deg,#f5f0fc,#fff)}.chat-heading h2{font-size:16px;letter-spacing:-.3px;margin:0 0 5px;display:inline}.chat-heading p{font-size:9px;margin:5px 0 0;color:var(--muted);line-height:1.4}.chat-symbol{font-size:23px;color:#8d61b6;vertical-align:middle;margin-right:6px}.chat-close{display:none;background:#fff;border:1px solid #e0d8ee;border-radius:50%;height:28px;width:28px;font-size:20px;line-height:1}.chat-messages{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:16px 12px;min-height:100px;scrollbar-width:thin;display:flex;flex-direction:column;gap:12px}.chat-empty{font-size:12px;color:#8c96a5;text-align:center;line-height:1.7;margin:auto;padding:20px 8px}.chat-message{max-width:93%;align-self:flex-start}.chat-message.mine{align-self:flex-end}.chat-message-meta{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:var(--muted);margin:0 4px 5px}.chat-message-meta b{color:#6b4f8c;font-weight:bold;overflow-wrap:anywhere}.chat-message.mine .chat-message-meta b{color:#2773aa}.chat-message-text{background:#f2eef8;border-radius:2px 11px 11px 11px;padding:10px 12px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.55;color:var(--navy)}.chat-message.mine .chat-message-text{background:#e9f3ff;border-radius:11px 2px 11px 11px}.chat-form{border-top:1px solid var(--line);padding:12px;background:#fcfcfe}.chat-form>label{font-size:9px;color:var(--muted);display:block;margin-bottom:7px}.chat-form textarea{width:100%;resize:none;border:1px solid #dbe1ec;border-radius:8px;padding:10px;background:#fff;min-height:64px;max-height:120px;font-size:12px;line-height:1.5;color:var(--navy)}.chat-form textarea:disabled{background:#f2f4f8}.chat-compose-footer{display:flex;align-items:center;justify-content:space-between;margin-top:7px}.chat-compose-footer>span{font-size:9px;color:#8b96a6}.chat-compose-footer>button{background:var(--navy);color:white;padding:9px 13px;font-size:11px;border-radius:7px;font-weight:bold}.chat-compose-footer>button:disabled{opacity:.45}.chat-error{color:#b2434b;font-size:10px;line-height:1.4;margin:7px 0 0}.chat-error:empty{display:none}.chat-toggle{display:none}.online-layout .scorebar{gap:18px}.online-layout .stat-label{font-size:8px}.online-layout .scorebar strong{font-size:17px}.online-layout .online-lobby{margin-top:0}.online-layout .card-word{font-size:22px}.online-layout .card-word.long{font-size:17px}
@media(max-width:1000px){.online-layout{display:block}.room-chat{display:none;position:fixed;z-index:12;right:20px;bottom:80px;top:auto;width:320px;height:500px;max-height:calc(100dvh - 110px);box-shadow:0 12px 50px #092f5b30}.room-chat.chat-open{display:flex}.chat-close{display:block}.chat-toggle{position:fixed;z-index:11;display:flex;align-items:center;gap:8px;bottom:20px;right:22px;border-radius:25px;background:var(--navy);color:#fff;box-shadow:0 4px 18px #092f5b30;padding:13px 20px;font-size:13px;font-weight:bold}.chat-toggle>span{background:var(--coral);font-size:10px;min-width:20px;height:20px;display:grid;place-items:center;border-radius:50%;padding:0 5px}.online-layout .card-word{font-size:24px}#onlineGame{padding-bottom:90px}}
@media(max-width:600px){.room-chat{right:12px;bottom:77px;width:calc(100% - 24px);height:500px;max-height:calc(100dvh - 100px)}.chat-toggle{right:17px;bottom:17px}.chat-form textarea{font-size:16px}.chat-heading p{font-size:10px}.chat-message-text{font-size:13px}.chat-message-meta{font-size:10px}.chat-form>label{font-size:10px}.online-layout .card-word.long{font-size:16px}.online-layout .scorebar{gap:15px}}
.chat-form textarea{font-family:inherit}

.custom-invite{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:22px;padding:25px 28px;border:1px solid #cfe3f5;border-radius:17px;background:#edf5fd}.custom-invite h2{font-size:24px;margin:8px 0}.custom-invite p{font-size:12px;color:var(--muted);margin:0}.custom-button{background:white;border:1px solid var(--navy);padding:15px 21px;border-radius:10px;font-weight:bold;font-size:13px;white-space:nowrap;box-shadow:0 3px 0 #092f5b14}.custom-button span{margin-left:10px;color:var(--blue)}.custom-dialog{width:min(740px,calc(100% - 28px));max-width:740px}.custom-dialog>p{font-size:13px;color:var(--muted)}.custom-tools{display:flex;gap:10px;justify-content:space-between;margin:15px 0 10px}.custom-tools button{background:#eef3fa;border-radius:7px;padding:10px;font-size:11px}.custom-tools button:disabled{opacity:.5}.custom-verb-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:32dvh;min-height:100px;overflow-y:auto;overscroll-behavior:contain;padding:5px;border:1px solid var(--line);border-radius:10px}.custom-verb{display:flex;align-items:center;gap:10px;padding:12px;background:#fafbfe;border:1px solid var(--line);border-radius:7px;cursor:pointer;min-width:0}.custom-verb:has(input:checked){background:#edf5fd;border-color:var(--blue)}.custom-verb input{accent-color:var(--blue);width:18px;height:18px;flex-shrink:0}.custom-verb b{font-size:12px;line-height:1.5}.custom-verb b span{font-weight:normal}.custom-verb small{display:block;font-size:11px;color:var(--muted);margin-top:3px}.custom-summary{font-size:14px;font-weight:bold;margin:16px 0}.custom-options{display:flex;align-items:center;flex-wrap:wrap;gap:16px}.custom-options label{font-size:12px}.custom-options select{font-size:12px}.custom-dialog .primary{width:100%;margin-top:5px}.custom-dialog .primary:disabled{opacity:.45;box-shadow:none}.custom-empty{font-size:12px;padding:12px;grid-column:1/-1;color:var(--muted)}
@media(max-width:600px){.custom-invite{flex-direction:column;align-items:stretch;padding:22px 18px;gap:17px}.custom-invite h2{font-size:22px}.custom-verb-list{grid-template-columns:1fr;max-height:30dvh}.custom-dialog{padding:26px 18px}.custom-options{gap:12px}.custom-options select{margin-left:0;display:block;margin-top:6px}.custom-dialog .search-wrap input{font-size:16px}.custom-verb{padding:10px}.custom-tools button{font-size:10px}}