@charset "UTF-8";
.example-word{white-space:nowrap;flex-shrink:0}
:root{color-scheme:light;--paper:#f5f2eb;--ink:#303d35;--muted:#7e8379;--line:#dedfd4;--coral:#dc674c;--coral-dark:#c34f36;--sage:#729884;--white:#fffefa;--sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;--serif:"Songti SC","Noto Serif CJK SC","SimSun",Georgia,serif}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.7;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.6}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #548e72;outline-offset:4px}[hidden]{display:none!important}::selection{background:#f5c7b5}.site-shell{max-width:1264px;padding:0 56px;margin:0 auto;min-height:100svh;display:flex;flex-direction:column}.site-header{display:flex;align-items:center;justify-content:space-between;height:112px;border-bottom:1px solid var(--line);flex-shrink:0}.brand{display:inline-flex;align-items:center;gap:14px;font-size:21px;font-weight:650;letter-spacing:2px;line-height:1.3}.brand-en{display:block;font-size:9px;font-weight:500;letter-spacing:3.5px;margin-top:5px;color:var(--muted)}.brand-mark{width:42px;height:44px;position:relative;display:block;isolation:isolate}.brand-mark i{position:absolute;width:29px;height:29px;border-radius:9px;background:var(--coral);left:0;top:1px}.brand-mark i+i{background:#91b49f;left:13px;top:13px;mix-blend-mode:multiply}.text-button{border:0;background:none;padding:8px 0;display:inline-flex;align-items:center;gap:8px;font-size:13px}.text-button:hover{color:var(--coral)}.help-icon{width:18px;height:18px;border:1px solid #9b9e92;border-radius:50%;display:inline-grid;place-items:center;font-family:Georgia,serif;line-height:1}main{flex:1}.home{display:grid;grid-template-columns:1.2fr 1fr;column-gap:80px;padding-top:66px}.eyebrow{font-size:10px;letter-spacing:2.2px;font-weight:600;margin:0 0 21px;color:var(--muted);display:flex;align-items:center;gap:10px}.tiny-spark{font-size:20px;line-height:1;color:var(--coral)}h1{font-family:var(--serif);font-size:clamp(36px,3.8vw,49px);font-weight:600;line-height:1.6;letter-spacing:.2px;margin:0 0 20px}.underlined{position:relative;white-space:nowrap}.underlined:after{content:"";height:6px;background:#eec0a7;position:absolute;left:0;right:0;bottom:2px;border-radius:40% 35% 45% 25%;z-index:-1;transform:rotate(-1deg)}.hero-description{color:#777d70;font-size:15px;line-height:1.95;margin:0}.word-illustration{position:relative;margin-top:34px;width:340px;max-width:100%;display:flex;flex-direction:column;align-items:center}.drawn-note{align-self:flex-start;font-size:11px;color:#8b8c7f;transform:rotate(-3deg);margin-bottom:18px;margin-left:10px}.example-pair{display:flex;align-items:center;gap:25px}.example-word{font-family:var(--serif);font-size:24px;letter-spacing:4px;position:relative;padding:12px 29px;border-radius:16px 16px 16px 3px;transform:rotate(-5deg);border:1px solid #e9c5b5;background:#f6dfd1;color:#a4553d}.sage-word{background:#e1e9dd;border-color:#c8d6c6;color:#57725c;transform:rotate(5deg);border-radius:16px 16px 3px 16px}.example-plus{font-family:Georgia,serif;font-size:22px;color:#a6a897}.example-arrows{width:268px;height:39px;fill:none;stroke:#a8ad99;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;margin-top:3px}.example-result{font-size:23px;font-family:var(--serif);letter-spacing:5px;text-align:center}.example-result>span{font-size:16px;color:var(--coral);margin:0 11px}.example-result small{font-family:var(--sans);font-size:10px;letter-spacing:1px;display:block;color:#96988b;margin-top:3px}.entry-wrap{padding-top:13px}.entry-card{background:var(--white);padding:26px 31px 21px;border:1px solid #dadcd0;border-radius:5px;box-shadow:6px 7px 0 #e9e8dc;position:relative}.entry-card:before{content:"";width:46px;height:18px;background:#c4ccb8aa;position:absolute;top:-9px;right:24px;transform:rotate(6deg);border-left:1px dashed #a4ad9499;border-right:1px dashed #a4ad9499}.card-topline{font-size:10px;display:flex;align-items:center;gap:7px;color:var(--muted);letter-spacing:.5px;border-bottom:1px solid #e9e9df;padding-bottom:19px}.live-dot{display:inline-block;width:6px;height:6px;background:var(--sage);border-radius:50%;flex-shrink:0}.card-number{margin-left:auto;letter-spacing:1px;font-size:9px;color:#a1a294}.entry-card h2{font-size:25px;font-family:var(--serif);font-weight:600;margin:22px 0 5px}.muted{color:var(--muted)}.entry-description{font-size:12px;margin:0 0 24px}.entry-tabs{display:grid;grid-template-columns:1fr 1fr;background:#eeeee5;padding:4px;border-radius:5px;margin-bottom:24px}.entry-tabs button{border:0;background:transparent;padding:9px;font-size:12px;border-radius:3px;color:#8c8e80;transition:background .15s}.entry-tabs button[aria-selected=true]{background:var(--white);color:var(--ink);box-shadow:0 1px 4px #263b1b0d;font-weight:600}label{font-size:12px;font-weight:600;display:block;margin:0 0 9px}label>span{float:right;font-size:10px;color:#939689;font-weight:400}input{width:100%;border:1px solid #dbded1;background:#fffefa;border-radius:4px;padding:12px 13px;color:var(--ink);outline:none;min-width:0;transition:border-color .15s}input:focus{border-color:#7b9b84;box-shadow:0 0 0 3px #86a88a17}input::placeholder{color:#a5a79c;font-size:12px}input:disabled{background:#f3f2eb;color:#737c6a}#room-code-field{margin-top:20px}.button{display:inline-flex;justify-content:center;align-items:center;gap:18px;border:1px solid transparent;padding:12px 19px;border-radius:4px;font-size:12px;font-weight:500;line-height:1.6;transition:background .15s,transform .15s,box-shadow .15s;white-space:nowrap;min-height:44px}.button:hover:not(:disabled){transform:translateY(-1px)}.button:active:not(:disabled){transform:translateY(1px)}.primary{background:var(--coral);color:#fffefa}.primary:hover:not(:disabled){background:var(--coral-dark);box-shadow:0 3px 10px #b8462720}.secondary{background:#fffdf7;border-color:var(--line)}.secondary:hover:not(:disabled){background:#eaece1}.small{padding:7px 13px;min-height:36px}.entry-submit{width:100%;justify-content:space-between;margin-top:23px;padding:13px 17px}.entry-submit>span:last-child{font-size:20px;line-height:1}.entry-benefits{display:flex;justify-content:center;gap:18px;color:#999b8d;font-size:10px;margin-top:18px}.entry-benefits span+span:before{content:"·";margin-right:18px;color:#babbaa}.under-card-note{font-size:11px;color:#8f9385;letter-spacing:.3px;margin-top:18px;text-align:center}.under-card-note span{font-size:20px;color:#929d83;margin-right:8px}.how-strip{grid-column:1/-1;margin-top:54px;margin-bottom:45px;border-top:1px solid var(--line);padding-top:24px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:22px}.how-strip>div{display:flex;gap:15px;align-items:flex-start}.step-number{font-family:Georgia,serif;font-size:23px;line-height:1.5;color:#b2b6a5}.how-strip p{margin:0}.how-strip strong{display:block;font-size:12px;font-weight:500}.how-strip p>span{display:block;font-size:10px;color:#96998a;margin-top:4px}.site-footer{border-top:1px solid var(--line);padding:24px 0;display:flex;align-items:center;justify-content:space-between;color:#989b8d;font-size:10px;letter-spacing:1px}.site-footer>span:last-child{font-size:9px;letter-spacing:2px}.site-footer>span:last-child>span{font-size:13px;margin-left:6px;color:#a9b59c}
.room{max-width:960px;margin:0 auto;padding:28px 0 52px}.room-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.room-id-wrap .eyebrow{font-size:8px;letter-spacing:1.5px;margin:0 0 1px}.room-code-button{font-family:ui-monospace,"SFMono-Regular",Consolas,monospace;font-size:18px;letter-spacing:2px;border:0;background:none;display:flex;align-items:center;gap:14px;padding:0}.room-code-button:hover{color:var(--coral)}.toolbar-actions{display:flex;align-items:center;gap:18px}.connection-status{font-size:10px;color:#7a8876;display:flex;align-items:center;gap:7px}.connection-status:before{content:"";width:5px;height:5px;border-radius:50%;background:#86a080}.connection-status[data-state=error]{color:#b35e46}.connection-status[data-state=error]:before{background:#cc775e}.connection-status[data-state=connecting]:before{background:#bca36a;animation:blink 1.4s infinite}.leave-button{color:#969a8a;font-size:11px}.waiting-scene{text-align:center;padding:60px 0 30px}.waiting-scene>.eyebrow{justify-content:center;margin-bottom:18px}.waiting-scene h2{font-family:var(--serif);font-size:36px;line-height:1.7;letter-spacing:2px;font-weight:500;margin:0 0 16px}.waiting-scene>.muted{font-size:12px}.waiting-seats{display:flex;justify-content:center;align-items:center;gap:35px;margin:40px 0 35px}.waiting-seat{width:155px;display:flex;align-items:center;flex-direction:column;gap:11px;font-size:13px}.avatar{display:inline-grid;place-items:center;width:70px;height:70px;border-radius:23px;font-family:Georgia,serif;font-size:35px;line-height:1}.avatar-coral{background:#f1ddd0;color:#c77658}.avatar-sage{background:#e0e8d8;color:#7b9670}.avatar-empty{border:1px dashed #b7bea9;background:#eeeee3;color:#adb79c;font-family:var(--serif)}.waiting-seat small{font-size:10px;color:#8c9781;display:flex;align-items:center;gap:6px}.waiting-connector{color:#a7b298;font-size:30px;letter-spacing:7px;padding-bottom:30px}.empty-seat{color:#939d86}.empty-seat small{color:#a9af9d}.invite-field{display:flex;margin:0 auto;max-width:530px;gap:8px}.invite-field input{font-size:11px;background:#efeee4;text-overflow:ellipsis}.invite-field .button{font-size:11px}.room-footnote{color:#a2a593;font-size:10px;margin-top:18px}.connection-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 18px;background:#f6e5d8;border:1px solid #ebcfba;border-radius:4px;margin:22px 0;color:#9b6348;font-size:12px}.connection-banner p{margin:0}.round-heading{text-align:center;margin:42px 0 25px}.round-heading .eyebrow{justify-content:center;margin:0 0 10px;font-size:9px;letter-spacing:2px}.round-heading h2{font-family:var(--serif);font-size:28px;font-weight:400;margin:0;line-height:1.5}.round-heading h2 span{font-family:Georgia,var(--serif);font-size:40px;margin:0 6px;font-weight:400}.round-heading>p:last-child{color:#8d9482;font-size:12px;margin-top:9px}.previous-words{display:flex;align-items:center;justify-content:center;gap:14px;font-size:12px;color:#748567;margin:0 auto 26px;flex-wrap:wrap}.previous-words>span:first-child{font-size:10px;color:#a0a591}.previous-words bdi{padding:3px 11px;background:#e8ecdf;border-radius:3px;max-width:35%;overflow-wrap:anywhere}.player-cards{display:grid;grid-template-columns:1fr 1fr;gap:32px;position:relative;max-width:756px;margin:0 auto}.player-card{background:#fffcf6;border:1px solid #e2d9c9;border-radius:5px;padding:20px 23px 14px;position:relative;transition:background .25s,border-color .25s}.other-card{background:#f6f9f0;border-color:#d7dfcc}.player-header{display:flex;align-items:center;gap:9px;font-size:12px;min-width:0}.player-header>bdi{max-width:52%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar.mini{width:26px;height:26px;border-radius:8px;font-size:19px;flex-shrink:0}.you-tag{font-size:9px;line-height:1.4;background:#eee9dc;color:#a29b8a;padding:2px 5px;border-radius:3px}.player-state{margin-left:auto;font-size:10px;color:#a3a18e;white-space:nowrap}.player-state[data-locked=true]{color:#69846b}.word-display{height:155px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;padding:12px 0}.word-display>bdi{font-family:var(--serif);font-size:34px;font-weight:500;line-height:1.35;color:#c8bfae;letter-spacing:3px;overflow-wrap:anywhere;max-width:100%;text-align:center}.word-display>bdi.has-word{color:#6f5845;font-size:30px;letter-spacing:1px}.other-card .word-display>bdi.has-word{color:#526649}.word-display>bdi.long-word{font-size:20px}.word-subtitle{font-size:10px;color:#a6a190}.card-bottom{border-top:1px solid #e9e1d3;padding-top:10px;font-size:8px;letter-spacing:2px;color:#b2aa99}.other-card .card-bottom{border-color:#e0e5d6;color:#a4ae95}.other-card .word-subtitle{color:#a4ad94}.between-cards{position:absolute;z-index:1;left:50%;top:46%;transform:translate(-50%,-50%);width:36px;height:36px;background:var(--paper);border:1px solid #dcded1;border-radius:50%;display:grid;place-items:center;font-size:20px;font-family:Georgia,serif;color:#acb098}.game-controls{max-width:540px;margin:30px auto 0;min-height:134px}.game-controls label{text-align:center;font-size:12px;margin-bottom:13px;font-weight:500}.word-input-row{display:flex;gap:8px}.word-input-row input{background:#fffdf7;font-size:14px}.word-input-row .button{min-width:130px}.input-hint{font-size:10px;color:#9ca08e;text-align:center;margin-top:10px}.submitted-message{display:flex;align-items:center;justify-content:center;gap:15px;padding:15px 0}.locked-icon{font-size:17px;width:34px;height:34px;display:grid;place-items:center;background:#e5eadc;color:#7c8d68;border-radius:50%}.submitted-message p{margin:0;font-size:13px}.submitted-message small{display:block;font-size:10px;color:#929a83;margin-top:3px}.waiting-dots{display:flex;gap:4px;margin-left:5px}.waiting-dots i{width:4px;height:4px;border-radius:50%;background:#a5ae95;animation:blink 1.4s infinite}.waiting-dots i:nth-child(2){animation-delay:.2s}.waiting-dots i:nth-child(3){animation-delay:.4s}.round-result{text-align:center}.round-result>p:first-child{font-family:var(--serif);font-size:19px;margin:0 0 16px}.round-result .button{min-width:190px}.player-cards.revealed .word-display>bdi{animation:word-in .4s ease-out}.player-cards.matched .player-card{background:#e8efdf;border-color:#b2c59c}.player-cards.matched .word-display>bdi.has-word{color:#547247}.player-cards.matched .between-cards{background:#f0f4e7;color:#668953;border-color:#bfcca9}.history-section{max-width:756px;margin:38px auto 0;border-top:1px solid var(--line);padding-top:22px}.history-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.history-heading h3{font-size:13px;font-weight:500;margin:0;letter-spacing:1px}.history-heading>span{font-size:9px;color:#9ea58e;letter-spacing:1px}.history-labels,.history-row{display:grid;grid-template-columns:50px 1fr 1fr;gap:18px;align-items:center}.history-labels{font-size:10px;color:#a0a68f;padding:0 11px 10px}.history-labels bdi{font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-section ol{list-style:none;margin:0;padding:0}.history-row{padding:12px 11px;border-top:1px solid #e5e6da;font-size:12px}.history-row>span{font-family:Georgia,serif;font-size:13px;color:#9ba78a}.history-row bdi{overflow-wrap:anywhere}.history-row.matched{background:#e8eddf;border-radius:3px}.history-row.matched bdi{color:#64834f;font-weight:600}.history-endnote{text-align:center;color:#a0a98f;font-family:var(--serif);font-size:11px;letter-spacing:1px;margin:24px 0 0}.form-error{font-size:11px;color:#b9563a;margin:12px 0 0}.game-controls>.form-error{text-align:center}.dialog{border:1px solid #d6dacb;border-radius:6px;background:var(--white);padding:38px;max-width:460px;width:calc(100% - 36px);color:var(--ink);box-shadow:0 20px 100px #283e2626;max-height:88svh;overflow:auto}.dialog::backdrop{background:#303d3570;backdrop-filter:blur(3px)}.dialog-close{position:absolute;right:16px;top:10px;background:none;border:0;font-size:25px;color:#9da68e;padding:0 6px}.dialog>.eyebrow{font-size:9px;margin-bottom:17px}.dialog h2{font-family:var(--serif);font-size:27px;font-weight:500;line-height:1.6;margin:0 0 23px}.rules-list{padding-left:21px;margin:0}.rules-list li{padding-left:5px;margin-bottom:17px;font-size:12px}.rules-list li::marker{color:var(--coral);font-family:Georgia,serif}.rules-list strong{font-weight:500}.rules-list p{color:#8f9782;font-size:11px;margin:4px 0}.rules-example{font-size:11px;background:#f0f1e6;padding:12px;text-align:center;border-radius:3px;color:#7b886b}.rules-example>span{color:#b6baa8;margin:0 3px}.rules-example strong{color:#6a8957}.dialog-note{font-size:10px;color:#9ba48d;line-height:1.9;margin:16px 0 22px}.full-width{width:100%}.native-share{margin-top:9px}.toast{position:fixed;bottom:35px;left:50%;transform:translateX(-50%);padding:11px 22px;background:#354b3e;color:#fffdf3;border-radius:5px;font-size:12px;max-width:calc(100% - 32px);z-index:20;box-shadow:0 4px 20px #29442c18;text-align:center}.confetti{pointer-events:none;position:fixed;inset:0;overflow:hidden;z-index:10}.confetti i{position:absolute;top:-20px;left:var(--x);width:7px;height:11px;background:var(--color);border-radius:2px;animation:confetti-fall 2.9s var(--delay) ease-out forwards;transform:rotate(var(--rotation))}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:15px;top:-80px;background:var(--ink);color:white;padding:8px 15px;z-index:100}.skip-link:focus{top:10px}.noscript{padding:20px;background:#f5dccc;text-align:center;position:fixed;bottom:0;width:100%}@keyframes blink{0%,80%,100%{opacity:.35}40%{opacity:1}}@keyframes word-in{from{opacity:.1;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes confetti-fall{0%{transform:translateY(-10px) rotate(var(--rotation));opacity:0}10%{opacity:1}100%{transform:translateY(100svh) rotate(calc(var(--rotation) + 420deg));opacity:0}}
@media(min-width:1400px){.home{padding-top:80px}.how-strip{margin-top:70px}}
@media(max-width:1000px){.site-shell{padding:0 36px}.home{column-gap:40px}.entry-card{padding:24px}.how-strip{gap:14px}.how-strip>div{gap:10px}.how-strip p>span{font-size:9px}h1{font-size:37px}}
@media(max-width:760px){.site-shell{padding:0 23px}.site-header{height:88px}.brand{font-size:18px;gap:11px}.brand-mark{transform:scale(.88);transform-origin:left center;width:37px}.brand-en{font-size:8px;letter-spacing:3px}.rules-button{font-size:11px}.home{grid-template-columns:1fr;max-width:460px;margin:0 auto;padding-top:38px}.intro>.eyebrow{font-size:8px;margin-bottom:15px}.tiny-spark{font-size:17px}h1{font-size:35px;line-height:1.6;margin-bottom:13px}.hero-description{font-size:12px;line-height:1.9}.word-illustration{position:absolute;right:1px;bottom:6px;width:147px;transform:rotate(6deg);margin:0;opacity:.85}.intro{position:relative}.drawn-note,.example-arrows,.example-result{display:none}.example-pair{gap:9px}.example-word{font-size:15px;padding:9px 13px;letter-spacing:1px;border-radius:10px 10px 10px 2px}.sage-word{border-radius:10px 10px 2px 10px}.example-plus{font-size:15px}.entry-wrap{padding-top:36px}.entry-card{padding:24px}.entry-card h2{font-size:24px;margin-top:19px}.entry-description{margin-bottom:21px}.entry-tabs{margin-bottom:21px}.card-topline{padding-bottom:17px}.entry-submit{margin-top:20px}.under-card-note{font-size:10px;margin:13px 0 0}.how-strip{display:flex;flex-direction:column;gap:18px;margin:31px 0 30px;padding-top:22px}.how-strip>div{gap:14px;align-items:center}.step-number{font-size:22px}.how-strip p>span{font-size:10px;margin-top:1px}.site-footer{font-size:9px;padding:19px 0}.site-footer>span:last-child{font-size:8px;letter-spacing:1px}.room{padding-top:22px}.room-toolbar{align-items:center;gap:9px}.room-id-wrap .eyebrow{font-size:7px;letter-spacing:.7px}.room-code-button{font-size:15px;gap:6px;letter-spacing:1px}.room-code-button svg{width:12px}.toolbar-actions{gap:12px;flex-wrap:wrap;justify-content:flex-end}.connection-status{font-size:9px;position:absolute;top:10px;right:0}.toolbar-actions{position:relative;padding-top:0}.toolbar-actions .connection-status{position:static}.toolbar-actions .button{font-size:10px;min-height:32px;padding:6px 9px;gap:5px}.leave-button{font-size:10px}.waiting-scene{padding-top:52px}.waiting-scene h2{font-size:29px}.waiting-scene>.muted{font-size:11px}.waiting-seats{gap:15px;margin:34px 0}.waiting-seat{width:115px}.waiting-connector{font-size:21px;letter-spacing:3px}.avatar{width:63px;height:63px;border-radius:20px;font-size:31px}.invite-field{flex-direction:column;gap:10px;max-width:340px}.invite-field input{font-size:10px}.invite-field .button{width:100%}.room-footnote{font-size:9px}.round-heading{margin-top:34px;margin-bottom:23px}.round-heading h2{font-size:22px}.round-heading h2 span{font-size:34px}.round-heading>p:last-child{font-size:11px}.player-cards{gap:17px}.player-card{padding:13px 12px 10px}.player-header{gap:6px;font-size:10px;flex-wrap:wrap}.player-header>bdi{max-width:58%}.avatar.mini{width:22px;height:22px;font-size:16px;border-radius:7px}.player-state{width:100%;padding-left:28px;font-size:9px;margin-top:-4px}.you-tag{font-size:8px;padding:1px 4px}.word-display{height:129px;gap:13px}.word-display>bdi{font-size:29px}.word-display>bdi.has-word{font-size:25px}.word-display>bdi.long-word{font-size:17px}.word-subtitle{font-size:8px;text-align:center;line-height:1.7}.card-bottom{font-size:7px;letter-spacing:1px;padding-top:7px}.between-cards{width:28px;height:28px;font-size:16px;top:50%}.game-controls{margin-top:25px}.word-input-row .button{min-width:106px;padding:11px 12px;gap:9px;font-size:11px}.input-hint{font-size:9px}.previous-words{font-size:11px;gap:9px}.previous-words>span:first-child{font-size:9px}.round-result>p:first-child{font-size:18px}.history-section{margin-top:27px;padding-top:19px}.history-heading h3{font-size:12px}.history-labels,.history-row{grid-template-columns:30px 1fr 1fr;gap:12px;padding-left:5px;padding-right:5px}.history-row{font-size:11px}.connection-banner{padding:11px 12px;font-size:10px;gap:10px;align-items:flex-start}.connection-banner .button{font-size:10px;min-height:32px;padding:6px 9px}.dialog{padding:29px 25px}.dialog h2{font-size:25px}.rules-example{font-size:10px;padding:11px 6px}}
@media(max-width:400px){.site-shell{padding:0 18px}h1{font-size:31px}.word-illustration{width:126px;right:-4px;bottom:7px}.example-word{padding:9px 10px;font-size:13px}.hero-description{font-size:11px}.toolbar-actions{gap:9px}.connection-status{max-width:70px;line-height:1.5}.room-code-button{font-size:13px}.entry-card{padding:21px}.player-card{padding:12px 9px}.player-header{gap:4px}.you-tag{display:none}.word-subtitle{font-size:7px}.word-input-row{gap:7px}.word-input-row .button{min-width:99px;font-size:10px}.site-footer>span:last-child{letter-spacing:.6px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.confetti{display:none}}
.primary{background:#be5038}.primary:hover:not(:disabled){background:#ac432e}
.input-hint,.room-footnote{color:#757c69}.player-state{color:#6c755f}
.drawn-note{transform:none}.eyebrow{letter-spacing:1px}
@media(max-width:760px){.word-illustration{display:none}}

/* End-of-game route: two player lanes merge at the shared final word. */
.is-complete .history-section{width:100%;margin:42px auto 0;padding:0;border:0}
.is-complete .game-controls{width:100%;margin-top:22px}
.is-complete .history-heading{margin-bottom:28px}
.is-complete .history-heading h3{font:600 28px/1.5 var(--serif);letter-spacing:0}
.is-complete .history-heading>span{font-size:12px;letter-spacing:0;color:var(--muted)}
.is-complete .history-labels{grid-template-columns:36px minmax(0,1fr) minmax(0,1fr);gap:18px;padding:0 0 14px;font-size:12px}
.journey-step{display:grid;grid-template-columns:36px minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:stretch;padding-bottom:32px}
.journey-step:last-child{padding-bottom:0}
.journey-round{align-self:center;color:var(--muted);font:13px/1.4 ui-monospace,"SFMono-Regular",Consolas,monospace}
.journey-word{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:88px;padding:17px 20px;border:1px solid var(--line);border-radius:6px;background:var(--white);font:24px/1.5 var(--serif);text-align:center}
.journey-word>bdi{display:block;max-width:100%;overflow-wrap:anywhere}
.journey-own{background:#f8e8de;border-color:#e9cabb}
.journey-other{background:#e9eee4;border-color:#cedac7}
.journey-step:not(:last-child)>.journey-word:after{content:"";position:absolute;top:100%;left:50%;height:24px;border-left:1px solid #b0baa5}
.journey-step:not(:last-child)>.journey-word:before{content:"";position:absolute;top:calc(100% + 17px);left:calc(50% - 3px);width:6px;height:6px;border-right:1px solid #b0baa5;border-bottom:1px solid #b0baa5;transform:rotate(45deg)}
.journey-merged{grid-column:2/-1;min-height:102px;background:#e5eddb;border-color:#b8cba8;color:#506f43}
.journey-merged>small{font:11px/1.5 var(--sans);color:#7c916d}
.journey-merged>bdi{font-size:30px}
@media(max-width:760px){
  .is-complete .history-section{margin-top:32px}
  .is-complete .history-heading{margin-bottom:22px}
  .is-complete .history-heading h3{font-size:24px}
  .is-complete .history-heading>span{font-size:11px}
  .is-complete .history-labels,.journey-step{grid-template-columns:28px minmax(0,1fr) minmax(0,1fr);gap:10px}
  .is-complete .history-labels{font-size:11px}
  .journey-round{font-size:11px}
  .journey-word{min-height:76px;padding:14px 12px;font-size:20px}
  .journey-merged{min-height:92px}
  .journey-merged>bdi{font-size:26px}
}

/* ---- Multiplayer (2-8 seats) ---- */
select{width:100%;border:1px solid #dbded1;background:#fffefa;border-radius:4px;padding:12px 13px;color:var(--ink);outline:none;transition:border-color .15s;appearance:auto}
select:focus{border-color:#7b9b84;box-shadow:0 0 0 3px #86a88a17}
select:disabled{background:#f3f2eb;color:#737c6a}
#capacity-field{margin-top:20px}
.waiting-count{font-size:10px;color:#8c9781;letter-spacing:1px;margin:0 0 26px}
.waiting-seats{flex-wrap:wrap;row-gap:26px}
.player-cards{grid-template-columns:repeat(var(--cols,2),1fr)}
.player-cards.compact{gap:14px}
.player-cards.compact .player-card{padding:13px 13px 10px}
.player-cards.compact .word-display{height:104px;gap:8px}
.player-cards.compact .word-display>bdi{font-size:22px;letter-spacing:1px}
.player-cards.compact .word-display>bdi.has-word{font-size:19px}
.player-cards.compact .word-display>bdi.long-word{font-size:14px}
.player-cards.compact .word-subtitle{font-size:8px;text-align:center;line-height:1.6}
.history-labels,.history-row{grid-template-columns:50px repeat(var(--seats,2),minmax(0,1fr))}
.is-complete .history-labels{grid-template-columns:36px repeat(var(--seats,2),minmax(0,1fr))}
.journey-step{grid-template-columns:36px repeat(var(--seats,2),minmax(0,1fr))}
@media(max-width:760px){
  .player-cards.compact{gap:9px}
  .player-cards.compact .player-card{padding:10px 8px 8px}
  .player-cards.compact .word-display{height:78px}
  .player-cards.compact .word-display>bdi{font-size:16px}
  .player-cards.compact .word-display>bdi.has-word{font-size:14px}
  .player-cards.compact .word-display>bdi.long-word{font-size:11px}
  .player-cards.compact .word-subtitle{font-size:7px}
  .player-cards.compact .player-state{padding-left:0;width:auto;font-size:8px;margin-top:0}
  .waiting-seat{width:96px}
  .waiting-connector{letter-spacing:2px}
}