.pk-title,.pk-game{color:#fff;background:radial-gradient(120% 80% at 50% 0,#1a2f5c 0%,#0b1d3d 55%,#061328 100%);position:fixed;inset:0;overflow:hidden}.pk-title-bg{opacity:.5;filter:saturate(1.1);background-position:60%;background-size:cover;position:absolute;inset:0}.pk-title-bg:after{content:"";background:linear-gradient(#061328cc 0%,#06132855 35%,#061328ee 70%,#061328 100%);position:absolute;inset:0}.pk-title-top{z-index:2;padding:max(12px, env(safe-area-inset-top)) 14px 0;justify-content:space-between;align-items:center;display:flex;position:relative}.pk-title-body{z-index:2;text-align:center;flex-direction:column;align-items:center;gap:12px;height:calc(100% - 64px);padding:4px 16px 24px;display:flex;position:relative;overflow-y:auto}.pk-title-momo{filter:drop-shadow(0 10px 24px #0008);width:clamp(84px,19vh,180px);animation:3.2s ease-in-out infinite pk-bob}@keyframes pk-bob{50%{transform:translateY(-6px)rotate(1.5deg)}}.pk-title-zh{color:#f0b429;font-size:18px;font-weight:700}.pk-title-zh .pinyin{opacity:.85;margin-left:4px;font-size:14px}.pk-title-h{font-size:clamp(30px,8vw,48px);line-height:1.05}.pk-title-tag{color:#dbe4f5;max-width:420px;margin-top:6px;font-size:14.5px}.pk-levels{flex-direction:column;gap:8px;width:100%;max-width:460px;display:flex}.pk-lv{text-align:left;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff10;border:1px solid #fff2;border-radius:16px;align-items:center;gap:10px;padding:10px 12px;transition:transform .15s,background .15s;display:flex}.pk-lv:hover:not(:disabled){background:#ffffff1c;transform:translateY(-2px)}.pk-lv:focus-visible{outline-offset:2px;outline:3px solid #f0b429}.pk-lv.is-locked{opacity:.5}.pk-lv-n{background:linear-gradient(#ec4899,#9d174d);border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.pk-lv-t{flex-direction:column;flex:1;min-width:0;display:flex}.pk-lv-t b{font-size:15px}.pk-lv-t b .hanzi{color:#f0b429;margin-left:4px;font-weight:600}.pk-lv-t small{color:#c4cee3;font-size:12.5px;line-height:1.3}.pk-lv-s{flex:none;gap:1px;display:flex}.pk-game{flex-direction:column;display:flex}.pk-hud{padding:max(10px, env(safe-area-inset-top)) 12px 6px;align-items:center;gap:8px;display:flex}.pk-icon{background:#ffffff14;border:1px solid #fff2;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.pk-hud-mid{flex:1;min-width:0}.pk-hud-lv{color:#f0b429;white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:800;overflow:hidden}.pk-dots{gap:3px;margin-top:4px;display:flex}.pk-dots span{background:#fff2;border-radius:3px;flex:1;height:5px}.pk-dots .is-done{background:#3fb68b}.pk-dots .is-now{background:#f0b429}.pk-score{text-align:center;color:#ffd45e;background:#00000040;border-radius:999px;min-width:48px;padding:6px 10px;font-size:16px;font-weight:800}.pk-tree{background:radial-gradient(80% 60% at 50% 40%,#f0b42914,#0000 70%);border-radius:20px;flex:auto;min-height:220px;margin:0 8px;position:relative}.pk-side{border-radius:18px;width:50%;position:absolute;top:0;bottom:0}.pk-side span{letter-spacing:.04em;opacity:.85;font-size:10.5px;font-weight:800;position:absolute;top:2px;left:8px}.pk-side-l{color:#93c5fd;background:linear-gradient(#3b82f61f,#3b82f608);border:1px dashed #60a5fa55;left:0}.pk-side-r{color:#f9a8d4;background:linear-gradient(#ec48991f,#ec489908);border:1px dashed #f472b655;right:0}.pk-side-r span{left:auto;right:8px}.pk-lines{stroke:#f0b429aa;stroke-width:2px;vector-effect:non-scaling-stroke;width:100%;height:100%;position:absolute;inset:0}.pk-lines line{vector-effect:non-scaling-stroke}.pk-seat{color:#fff;background:0 0;border:0;flex-direction:column;align-items:center;gap:2px;width:clamp(40px,11vw,84px);margin-top:calc(clamp(40px,11vw,84px)/-2);margin-left:calc(clamp(40px,11vw,84px)/-2);padding:0;display:flex;position:absolute}.pk-seat:focus-visible .pk-ava{outline-offset:2px;outline:3px solid #f0b429}.pk-ava{aspect-ratio:1;background:#f6ead6;border:3px solid #f0b429;border-radius:50%;place-items:center;width:clamp(40px,11vw,84px);display:grid;position:relative;overflow:hidden;box-shadow:0 4px 12px #0007}.pk-ava svg{width:100%;height:100%}.pk-seat.is-empty .pk-ava{filter:saturate(.6)brightness(.85);border-color:#fff5}.pk-seat.is-active .pk-ava{border-color:#ff6b8a;animation:1s ease-in-out infinite pk-pulse;overflow:visible}.pk-seat.is-wrong .pk-ava{border-color:#ef4444}@keyframes pk-pulse{50%{box-shadow:0 0 0 7px #ff6b8a55,0 4px 12px #0007}}.pk-q{background:#ff6b8a;border-radius:50%;place-items:center;width:22px;height:22px;font-size:14px;font-weight:900;display:grid;position:absolute;top:-10px;right:-8px}.pk-tag{font-family:var(--font-hanzi,inherit);white-space:nowrap;background:#061328cc;border-radius:6px;padding:1px 5px;font-size:clamp(11px,2.8vw,16px);font-weight:800;line-height:1.1}.pk-seat.is-named .pk-tag{color:#ffd45e}.pk-seat.is-me{pointer-events:none}.pk-ava-me{background:radial-gradient(circle,#ffe6a8,#f0b429);border-color:#fff}.pk-ava-me img{object-fit:contain;width:92%;height:92%;margin-top:8%}.pk-tag-me{color:#fff;background:#c8232a}.pk-card{margin:8px 10px max(10px, env(safe-area-inset-bottom));background:linear-gradient(#13284f,#0c1c3b);border:1px solid #ffffff1f;border-radius:20px;flex:none;align-self:center;width:calc(100% - 20px);max-width:640px;padding:12px 12px 10px;box-shadow:0 -6px 30px #0006}.pk-prompt{text-align:center}.pk-kick{letter-spacing:.12em;text-transform:uppercase;color:#f0b429;font-size:11px;font-weight:800}.pk-prompt h3{margin-top:2px;font-size:19px;font-weight:800}.pk-hint{color:#c4cee3;margin-top:2px;font-size:13px}.pk-big{background:#ffffff10;border:1px solid #ffffff26;border-radius:14px;align-items:baseline;gap:10px;margin-top:4px;padding:4px 16px;display:inline-flex}.pk-big .hanzi{font-size:34px}.pk-big .pinyin{color:#ffd45e;font-size:18px}.pk-zhq{flex-wrap:wrap;justify-content:center;gap:4px;display:flex;font-size:28px!important}.pk-de{color:#7cc0ff}.pk-blank{color:#ff6b8a}.pk-gloss{color:#c4cee3;margin-top:2px;font-size:12.5px}.pk-gloss .pinyin{color:#ffd45e}.pk-opts{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}@media (max-width:520px){.pk-opts{grid-template-columns:repeat(2,minmax(0,1fr))}}.pk-opt{color:#081c3b;background:#fff6e6;border:0;border-radius:14px;flex-direction:column;align-items:center;padding:8px 4px 7px;transition:transform .1s,box-shadow .1s;display:flex;position:relative;box-shadow:0 4px #c99a4a}.pk-opt:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #c99a4a}.pk-opt:focus-visible{outline-offset:2px;outline:3px solid #f0b429}.pk-opt .hanzi{font-size:24px;line-height:1.15}.pk-opt .pinyin{color:#9d174d;font-size:13px;font-weight:700}.pk-opt small{color:#475569;text-align:center;font-size:11px;line-height:1.2}.pk-opt kbd{opacity:.45;font-family:inherit;font-size:10px;position:absolute;top:4px;left:6px}.pk-opt.is-wrong{opacity:.4;box-shadow:none;text-decoration:line-through}.pk-opt.is-right{background:#d1fae5;box-shadow:0 0 0 3px #3fb68b,0 4px #2a8a66}.pk-findhint{text-align:center;color:#dbe4f5;margin-top:8px;font-size:13.5px}.pk-why{border-radius:12px;margin-top:8px;padding:7px 10px;font-size:12.5px;line-height:1.4}.pk-why.is-good{background:#3fb68b22;border:1px solid #3fb68b66}.pk-why.is-bad{background:#ef444422;border:1px solid #ef444466}.pk-why .pinyin{color:#ffd45e}.pk-hok{color:#c4cee3}.pk-rules{text-align:left;grid-template-columns:1fr 1fr;gap:8px;display:grid}.pk-rcol{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:14px;padding:8px}.pk-rcol-l{background:#3b82f612;border-color:#60a5fa66}.pk-rcol-r{background:#ec489912;border-color:#f472b666}.pk-rwide{grid-column:1/-1}.pk-rules h4{color:#f0b429;margin:2px 0 4px;font-size:13px;font-weight:800}.pk-rlab{color:#dbe4f5;margin:4px 0 3px;font-size:11.5px;font-weight:700}.pk-rnote{color:#c4cee3;margin-top:4px;font-size:11.5px;line-height:1.35}.pk-rrow{flex-wrap:wrap;gap:4px;display:flex}.pk-rchip{color:#081c3b;background:#fff6e6;border-radius:10px;flex-direction:column;align-items:center;min-width:58px;padding:4px 6px;display:flex}.pk-rchip b{font-size:17px;line-height:1.1}.pk-rchip .pinyin{color:#9d174d;font-size:11px;font-weight:700}.pk-rchip small{color:#475569;text-align:center;max-width:76px;font-size:9.5px;line-height:1.15}@media (orientation:landscape) and (max-height:500px){.pk-game{flex-flow:wrap}.pk-hud{width:100%;padding-top:6px}.pk-tree{flex:55%;height:calc(100% - 60px);min-height:0}.pk-card{flex:0 0 42%;align-self:center;width:auto;max-height:calc(100% - 66px);margin:0 8px 8px 0;overflow-y:auto}.pk-seat,.pk-ava{width:clamp(34px,7vh,60px)}.pk-seat{margin-top:calc(clamp(34px,7vh,60px)/-2);margin-left:calc(clamp(34px,7vh,60px)/-2)}}