@font-face{font-family:Space Grotesk;font-weight:400;font-style:normal;font-display:swap;src:url(/fonts/space-grotesk-latin-400.woff2) format("woff2")}@font-face{font-family:Space Grotesk;font-weight:700;font-style:normal;font-display:swap;src:url(/fonts/space-grotesk-latin-700.woff2) format("woff2")}@font-face{font-family:Inter;font-weight:400;font-style:normal;font-display:swap;src:url(/fonts/inter-latin-400.woff2) format("woff2")}@font-face{font-family:Inter;font-weight:500;font-style:normal;font-display:swap;src:url(/fonts/inter-latin-500.woff2) format("woff2")}@font-face{font-family:Inter;font-weight:700;font-style:normal;font-display:swap;src:url(/fonts/inter-latin-700.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-weight:500;font-style:normal;font-display:swap;src:url(/fonts/jetbrains-mono-latin-500.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-weight:700;font-style:normal;font-display:swap;src:url(/fonts/jetbrains-mono-latin-700.woff2) format("woff2")}:root{--orange:#EA580C;--orange-deep:#C2410C;--orange-bright:#F97316;--paper:#FAF6F1;--card:#fff;--ink:#1C1408;--mute:#6B5A45;--line:#EAD9C7;--amber:#F59E0B;--green:#22C55E;--indigo-sig:#4F46E5;--rd:18px;--rt:12px;--disp:"Space Grotesk",system-ui,sans-serif;--ui:"Inter",system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;--mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--ui);color:var(--ink);line-height:1.55;background-color:var(--paper);background-image:radial-gradient(circle at 18% 12%,rgba(234,88,12,.055) 0,transparent 42%),radial-gradient(circle at 84% 78%,rgba(245,158,11,.05) 0,transparent 40%),linear-gradient(rgba(180,120,60,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(180,120,60,.05) 1px,transparent 1px);background-size:100% 100%,100% 100%,32px 32px,32px 32px;background-attachment:fixed;overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--orange);outline-offset:3px}[id]{scroll-margin-top:76px}.nav{position:sticky;top:0;z-index:30;background:#faf6f1db;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.nav-in{max-width:1120px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;gap:22px}.logo{font-family:var(--disp);font-weight:700;font-size:20px;letter-spacing:-.02em;display:flex;align-items:center;gap:9px}.logo .mk{width:13px;height:13px;border-radius:4px;background:var(--orange);box-shadow:0 0 0 3px #ea580c2e}.nav-links{display:flex;gap:18px;font-size:14px;font-weight:600;color:var(--mute)}.nav-links a:hover{color:var(--orange-deep)}.nav .spacer{flex:1}.btn{border:0;font-family:var(--ui);font-weight:700;cursor:pointer;border-radius:11px;font-size:14px;padding:10px 16px;transition:transform .12s,background .12s;display:inline-flex;align-items:center;gap:8px;justify-content:center;min-height:44px}.btn-primary{background:var(--orange);color:#fff}.btn-primary:hover{background:var(--orange-deep);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}.btn-ghost:hover{border-color:var(--orange);color:var(--orange-deep)}.lang{font-family:var(--mono);font-size:12px;font-weight:700;color:var(--mute);border:1px solid var(--line);border-radius:8px;padding:5px 9px}.wrap{max-width:1120px;margin:0 auto;padding:0 24px}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding:54px 24px 30px}.hero>*{min-width:0}.badge{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;color:var(--orange-deep);background:#ea580c1a;padding:6px 12px;border-radius:999px}h1{font-family:var(--disp);font-weight:700;font-size:clamp(34px,5vw,52px);line-height:1.04;letter-spacing:-.02em;margin:18px 0 14px}h1 em{font-style:normal;color:var(--orange)}.sub{font-size:16.5px;color:var(--mute);max-width:40ch}.cta-row{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}.chips{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap;font-size:13px;color:var(--mute);font-weight:600}.chips span{display:inline-flex;align-items:center;gap:6px}.chips b{color:var(--orange-deep)}.preview{background:var(--card);border:1px solid var(--line);border-radius:var(--rd);padding:20px;box-shadow:0 18px 40px #7846141a}.pv-top{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:700;color:var(--mute)}.pv-tag{background:var(--orange);color:#fff;padding:3px 9px;border-radius:7px;font-size:11px}.timer{font-family:var(--mono);color:var(--orange-deep);display:flex;align-items:center;gap:6px}.timer .bar{width:70px;height:5px;border-radius:3px;background:var(--line);overflow:hidden}.timer .bar i{display:block;height:100%;width:62%;background:var(--amber)}.pv-q{font-family:var(--disp);font-weight:700;font-size:18px;margin:14px 0 4px}.pv-cat{font-size:12px;color:var(--mute);font-weight:600;margin-bottom:14px}.pv-opts{display:grid;grid-template-columns:1fr 1fr;gap:9px}.pv-opt{border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:13.5px;font-weight:600;background:#fff}.pv-opt.ok{background:#22c55e24;border-color:var(--green);color:#15803d}.pv-foot{display:flex;justify-content:space-between;margin-top:14px;font-size:12px;font-weight:700;color:var(--mute)}.pv-foot .you{color:var(--orange-deep)}.pv-foot .ai{color:var(--indigo-sig)}.duo{display:grid;grid-template-columns:5fr 3fr;gap:22px;padding:10px 24px 30px;align-items:start}.duo>*{min-width:0}.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--rd);padding:22px}.panel+.panel{margin-top:18px}.sec-ttl{font-family:var(--disp);font-weight:700;font-size:18px;margin-bottom:4px}.sec-sub{font-size:13px;color:var(--mute);margin-bottom:16px}.tabs{display:flex;gap:6px;background:#ea580c14;padding:5px;border-radius:13px;margin-bottom:18px}.tab{border:0;background:transparent;flex:1;padding:10px;border-radius:9px;font-weight:700;font-size:14px;color:var(--orange-deep);cursor:pointer;font-family:var(--ui);min-height:44px;display:inline-flex;align-items:center;justify-content:center}.tab.on{background:#fff;color:var(--orange-deep);box-shadow:0 1px 3px #00000012}.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.cat{border:1px solid var(--line);background:#fff;border-radius:13px;padding:12px 8px;cursor:pointer;text-align:center;font-family:var(--ui);transition:transform .12s,border-color .12s;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}.cat:hover:not(:disabled){transform:translateY(-2px)}.cat .ci{font-size:22px;line-height:1}.cat .cn{font-size:12.5px;font-weight:700}.cat .cq{font-size:10.5px;color:var(--mute);font-weight:600}.cat.on{border-color:var(--orange);background:#fff6f0;color:var(--orange-deep)}.cat.locked,.cat:disabled{opacity:.5;cursor:not-allowed}.sel-note{font-size:12.5px;color:var(--mute);font-weight:600;margin:14px 0 16px}.sel-note b{color:var(--orange-deep)}.solo-link{display:inline-flex;align-items:center;margin-top:12px;font-size:13px;font-weight:600;color:var(--mute);border:1px solid var(--line);border-radius:10px;padding:9px 14px;transition:border-color .12s,color .12s;min-height:44px}.solo-link:hover{border-color:var(--orange);color:var(--orange-deep)}.field{margin-bottom:12px}.field label{display:block;font-size:12px;font-weight:700;color:var(--mute);margin-bottom:7px}.room-in{width:100%;font-family:var(--mono);letter-spacing:.18em;font-size:18px;text-align:center;text-transform:uppercase;padding:12px;border:1px solid var(--line);border-radius:11px;background:#fff}.room-in::placeholder{letter-spacing:normal;text-transform:none;color:#bbb;font-size:14px}.row2{display:flex;gap:10px}.row2 .btn{flex:1}.match-status{font-size:13px;font-weight:700;color:var(--orange-deep);margin-top:10px;min-height:18px}.room-err{font-size:12.5px;color:var(--mute);font-weight:600;margin-top:8px}.divider{display:flex;align-items:center;gap:10px;color:var(--mute);font-size:12px;font-weight:700;margin:16px 0 12px}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--line)}.rank-list{display:flex;flex-direction:column}.rank-row{display:flex;align-items:center;gap:12px;padding:10px 6px;border-bottom:1px solid var(--line)}.rank-row:last-child{border-bottom:0}.rank-no{font-family:var(--mono);font-weight:700;width:22px;color:var(--mute)}.rank-av{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:13px;background:var(--orange);flex:none}.rank-nm{flex:1;font-weight:700;font-size:14px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-pt{font-family:var(--mono);font-weight:700;color:var(--orange-deep)}.rank-empty{font-size:13px;color:var(--mute);padding:12px 0}.rank-foot{display:flex;justify-content:space-between;align-items:center;margin-top:14px;font-size:13px;font-weight:600}.rank-foot a{color:var(--orange-deep);min-height:44px;display:inline-flex;align-items:center;touch-action:manipulation}.rank-foot a:hover{text-decoration:underline}.ladder{display:flex;gap:6px;margin-top:16px;align-items:flex-end}.ladder .seg{flex:1;background:#ea580c1a;border-radius:8px 8px 0 0;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:var(--orange-deep);padding-top:6px}.ladder .seg.hi{background:var(--orange);color:#fff}.feats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:8px}.feat{text-align:center;padding:6px;min-width:0}.feat .fi{font-size:26px}.feat h4{font-family:var(--disp);font-weight:700;font-size:14px;margin:8px 0 4px}.feat p{font-size:12.5px;color:var(--mute)}.block{padding:36px 24px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.step{background:var(--card);border:1px solid var(--line);border-radius:var(--rd);padding:20px;min-width:0}.step .n{font-family:var(--disp);font-weight:700;color:var(--orange);font-size:15px}.step h3{font-family:var(--disp);font-weight:700;font-size:16px;margin:6px 0}.step p{font-size:13.5px;color:var(--mute)}.how-ttl{text-align:center;font-family:var(--disp);font-weight:700;font-size:24px}.games-block{padding:40px 24px 8px}.games-ttl{font-family:var(--disp);font-weight:700;font-size:24px;text-align:center}.games-sub{text-align:center;font-size:13.5px;color:var(--mute);margin-top:6px;max-width:56ch;margin-left:auto;margin-right:auto}.games-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:22px}.gcard{display:block;text-decoration:none;color:inherit;background:var(--card);border:1px solid var(--line);border-radius:var(--rd);padding:20px;min-width:0;position:relative;transition:transform .14s,border-color .14s,box-shadow .14s;cursor:pointer;touch-action:manipulation}.gcard:hover{transform:translateY(-3px);border-color:var(--orange);box-shadow:0 8px 22px #ea580c21}.gcard:focus-visible{outline:2px solid var(--orange);outline-offset:2px}.gcard-icon{font-size:30px;line-height:1}.gcard-title{font-family:var(--disp);font-weight:700;font-size:17px;margin:10px 0 5px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.gcard-desc{font-size:13px;color:var(--mute);line-height:1.55}.gcard-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.gcard-tag{font-size:11px;font-weight:700;letter-spacing:.02em;padding:3px 8px;border-radius:999px;border:1px solid var(--line);color:var(--mute);background:#9b8e7c14}.gcard-tag.live{color:var(--orange-deep);border-color:#ea580c66;background:#ea580c1a}.gcard-tag.new{color:#fff;border-color:transparent;background:var(--orange)}.gcard-cta{display:inline-flex;align-items:center;gap:6px;margin-top:14px;font-family:var(--ui);font-weight:700;font-size:13px;color:var(--orange-deep)}.gcard.ghost{opacity:.62;cursor:default;background:transparent}.gcard.ghost:hover{transform:none;border-color:var(--line);box-shadow:none}footer{background:var(--ink);color:#fff;margin-top:20px;padding:36px 24px}.foot-in{max-width:1120px;margin:0 auto;display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between}.foot-brand{font-family:var(--disp);font-weight:700;font-size:17px;display:flex;align-items:center;gap:9px}.foot-brand .mk{width:12px;height:12px;border-radius:4px;background:var(--orange)}.foot-blurb{color:#ffffff8c;font-size:13px;margin-top:10px;max-width:30ch}.sites{display:flex;gap:18px;font-size:13px;font-weight:700;align-items:center}.sites .pip{width:9px;height:9px;border-radius:50%;display:inline-block;margin-right:6px;vertical-align:middle}.sites .cur{color:#fff;border-bottom:2px solid var(--orange)}.sites a{min-height:44px;display:inline-flex;align-items:center;touch-action:manipulation}.foot-links{display:flex;gap:16px;font-size:13px;color:#fff9;flex-wrap:wrap;align-items:center}.foot-links a:hover{color:#fff}.foot-links a{min-height:44px;display:inline-flex;align-items:center;touch-action:manipulation}.copy{width:100%;text-align:center;color:#ffffff73;font-size:12px;margin-top:24px}@media (max-width:979px){.hero{grid-template-columns:1fr;padding-top:36px}.duo,.steps{grid-template-columns:1fr}.feats{grid-template-columns:repeat(2,1fr)}.games-grid{grid-template-columns:1fr}}@media (max-width:639px){.nav-in{padding:12px 14px;gap:10px}.nav-links{display:none}.cat-grid{grid-template-columns:repeat(3,1fr)}.pv-opts,.feats{grid-template-columns:1fr}.hero{padding-left:18px;padding-right:18px}.duo{padding-left:14px;padding-right:14px}.row2{flex-direction:column}.cta-row .btn{width:100%}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}html{scroll-behavior:auto}}html,body,button,a,[role=button],label,summary{-webkit-tap-highlight-color:transparent}html,body{-webkit-touch-callout:none}body,.card,.memory-card,.tile,.grid,.board,.btn,.tab,.chip,.mc-grid,.mt-card{-webkit-user-select:none;user-select:none}input,textarea,select,[contenteditable],[data-copyable],.invite-code,.room-code,.shared-text{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}html{overscroll-behavior-y:none}.chat-log,[data-scroll-area]{overscroll-behavior:contain}body{touch-action:manipulation}.md-theme{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;flex:none;border-radius:50%;padding:0;border:1px solid var(--line, #EAD9C7);background:var(--card, #fff);color:var(--ink, #1C1408);cursor:pointer;touch-action:manipulation}.md-theme:hover{border-color:var(--orange)}.md-theme:focus-visible{outline:2px solid var(--orange);outline-offset:2px}html[data-theme=dark]{--paper:#0B1120;--card:#151C2B;--ink:#ECE6DC;--mute:#9B8E7C;--line:#33313F}html[data-theme=dark] body{background-color:var(--paper);background-image:none}html[data-theme=dark] .nav{background:#0b1120d9;border-bottom-color:var(--line)}html[data-theme=dark] footer{background:#080c16}html[data-theme=dark] .cat{background:var(--card)}html[data-theme=dark] .cat.on{background:#f9731629}html[data-theme=dark] .pv-opt{background:var(--card)}html[data-theme=dark] .pv-opt.ok{background:#22c55e29}html[data-theme=dark] .room-in{background:var(--card);color:var(--ink)}html[data-theme=dark] .room-in::placeholder{color:#7c8aa0}html[data-theme=dark] .tab.on{background:#fff;color:var(--orange-deep)}html[data-theme=dark] .btn-ghost{color:var(--ink)}html[data-theme=dark] .solo-link{color:var(--mute)}html[data-theme=dark] .gcard-tag.new{color:#fff}html[data-theme=dark] .gcard-cta{color:var(--orange-bright)}