/* Extracted from styles.css; original cascade order is preserved by index.html. */
/* === Playground (娱乐) === */
.playground-view{display:none}
.playground-view.active{display:block;animation:fade .28s ease}
.playground-page-head{display:flex;align-items:flex-end;justify-content:flex-start}
.playground-placeholder{margin-top:0}
.playground-empty-card{display:grid;grid-template-columns:64px 1fr;align-items:center;gap:16px;padding:20px;border-radius:24px;background:linear-gradient(135deg,#f5f3ff,#fff0f3);border:1px solid var(--line);text-align:left}
.playground-empty-card span{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:#fff;font-size:32px;box-shadow:0 10px 24px rgba(99,75,81,.08)}
.playground-empty-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.8}
.playground-hero{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 24px;border-radius:28px;background:linear-gradient(135deg,#f5f3ff,#fff0f3);border:1px solid var(--line);text-align:center;margin-top:12px}
.playground-hero .playground-icon{display:grid;place-items:center;width:72px;height:72px;border-radius:24px;background:#fff;font-size:36px;box-shadow:0 10px 24px rgba(99,75,81,.08)}
.playground-hero h2{margin:0;font-size:22px}
.playground-hero p{margin:0;color:var(--muted);font-size:12px;line-height:1.7;max-width:280px}
.playground-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px}
.playground-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 14px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 8px 22px rgba(99,75,81,.06);cursor:default;opacity:.6}
.playground-card span{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:#fff0d8;font-size:24px}
.playground-card:nth-child(2n) span{background:var(--mint)}
.playground-card strong{font-size:13px}
.playground-card small{color:var(--muted);font-size:10px;text-align:center;line-height:1.5}

/* 我们的声音 · 本人音色录制 */
.echo-actions{display:grid;grid-template-columns:1fr auto;gap:9px}.our-voices-open-btn{padding:0 16px;border:1px solid #e7ccd5;border-radius:16px;background:#fff7fa;color:#9e4964;font-size:11px;font-weight:900;white-space:nowrap}.our-voices-sheet{width:min(500px,calc(100% - 20px));max-height:min(92vh,820px)}.our-voices-body{max-height:min(90vh,800px);padding:10px 17px calc(22px + env(safe-area-inset-bottom));overflow:auto;scrollbar-width:none}.our-voices-body::-webkit-scrollbar{display:none}.our-voices-status{display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:center;padding:15px;border:1px solid #ead7dd;border-radius:19px;background:linear-gradient(135deg,#fff4f7,#f3faf7)}.our-voices-status>span{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:#fff;color:#e26084;font-size:22px;box-shadow:0 5px 16px rgba(126,77,91,.09)}.our-voices-status small,.our-voices-status strong,.our-voices-status p{display:block}.our-voices-status small{color:#bd627b;font-size:8px;font-weight:900;letter-spacing:1.1px}.our-voices-status strong{margin-top:3px;font-size:14px}.our-voices-status p{margin:4px 0 0;color:var(--muted);font-size:9px;line-height:1.55}.voice-clone-guide,.voice-clone-source{margin-top:12px;padding:14px;border:1px solid var(--line);border-radius:19px;background:#fff}.voice-clone-guide-head{display:grid;grid-template-columns:27px 1fr;gap:9px;align-items:start;margin-top:10px}.voice-clone-guide-head:first-child{margin-top:0}.voice-clone-guide-head>span{display:grid;place-items:center;width:27px;height:27px;border-radius:10px;background:var(--blush);color:#a64a65;font-size:11px;font-weight:900}.voice-clone-guide-head strong{display:block;font-size:12px}.voice-clone-guide-head p{margin:3px 0 0;color:var(--muted);font-size:9px;line-height:1.55}.voice-clone-guide blockquote{margin:12px 0 8px;padding:13px 14px;border:0;border-left:3px solid #ef8ba6;border-radius:4px 14px 14px 4px;background:#fff7f9;color:#49373d;font-size:11px;line-height:1.8}.voice-clone-copy{display:block;margin-left:auto;padding:7px 10px;border:0;border-radius:10px;background:#f4efed;color:#806c72;font-size:9px;font-weight:800}.voice-clone-source-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}.voice-clone-source-grid button,.voice-clone-source-grid label{display:flex;min-width:0;min-height:70px;box-sizing:border-box;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:9px 5px;border:1px solid #eadce0;border-radius:15px;background:#fffaf8;color:#59454b;font-size:9px;font-weight:900;text-align:center;cursor:pointer}.voice-clone-source-grid button.primary{border-color:transparent;background:linear-gradient(135deg,#e86d92,#a96bca);color:#fff}.voice-clone-source-grid b{font-size:19px;line-height:1}.voice-clone-recording{margin-top:12px;padding:14px;border-radius:16px;background:#4a343c;color:#fff;text-align:center}.voice-clone-recording>strong{display:block;font-size:24px;font-variant-numeric:tabular-nums}.voice-clone-recording>div{height:6px;margin:10px 0;border-radius:999px;background:rgba(255,255,255,.18);overflow:hidden}.voice-clone-recording i{display:block;width:0;height:100%;border-radius:inherit;background:#ff86a7;transition:width .15s linear}.voice-clone-recording p{margin:0;color:rgba(255,255,255,.72);font-size:9px;line-height:1.55}.voice-clone-recording button{margin-top:10px;padding:8px 18px;border:0;border-radius:11px;background:#fff;color:#7b3850;font-size:10px;font-weight:900}.voice-clone-preview{margin-top:12px;padding:14px;border:1px solid #cfe6dc;border-radius:18px;background:#f4fbf8}.voice-clone-preview small,.voice-clone-preview strong,.voice-clone-preview p{display:block}.voice-clone-preview small{color:#5a9a7e;font-size:8px;font-weight:900;letter-spacing:1px}.voice-clone-preview strong{margin-top:3px;font-size:13px}.voice-clone-preview p{margin:4px 0 8px;color:var(--muted);font-size:9px;line-height:1.5}.voice-clone-preview audio{display:block;width:100%;height:36px}.voice-clone-preview button{display:block;margin:9px auto 0;border:0;background:transparent;color:#9a5267;font-size:9px;font-weight:800}.voice-clone-consent{display:flex;gap:8px;align-items:flex-start;margin:13px 2px 10px;color:#66545a;font-size:9px;line-height:1.55}.voice-clone-consent input{margin-top:2px;accent-color:var(--rose)}.voice-clone-submit:disabled{opacity:.45}.voice-clone-training{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;margin-top:12px;padding:13px;border-radius:16px;background:#fff4e3}.voice-clone-training strong{font-size:11px}.voice-clone-training p{margin:3px 0 0;color:var(--muted);font-size:9px}.voice-clone-spinner{width:24px;height:24px;border:3px solid #f1d3a6;border-top-color:#de7c8e;border-radius:50%;animation:voice-clone-spin .8s linear infinite}.voice-clone-privacy{margin:10px 4px 0;color:#a08e94;font-size:8px;line-height:1.55;text-align:center}@keyframes voice-clone-spin{to{transform:rotate(360deg)}}
@media(max-width:430px){.echo-actions{grid-template-columns:1fr}.our-voices-open-btn{min-height:42px}.our-voices-sheet{width:calc(100% - 14px);margin:auto auto 7px;border-radius:26px 26px 20px 20px}.our-voices-body{padding-left:14px;padding-right:14px}.voice-clone-source-grid{gap:5px}.voice-clone-source-grid button,.voice-clone-source-grid label{min-height:66px;font-size:8px}}
.gomoku-history article>div{min-width:0}.gomoku-history article strong,.gomoku-history article span{display:block}.gomoku-history article span{margin-top:3px}.gomoku-history-delete{flex:none;padding:5px 7px;border:0;border-radius:8px;background:#f2e8e8;color:#ab6c78;font-size:8px;font-weight:800}.gomoku-delete-history-sheet{width:min(430px,calc(100% - 24px))}.gomoku-dialog-body>input{display:block;width:100%;box-sizing:border-box;margin:0 0 12px;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:#fffaf9;color:var(--ink);font-size:11px;text-align:center}.gomoku-dialog-body>input:focus{outline:none;border-color:#df7f99;box-shadow:0 0 0 3px rgba(223,127,153,.12)}.gomoku-dialog-body>div button:disabled{opacity:.42}
.flight-panel{padding-bottom:22px}.flight-match{position:relative;margin-top:12px}.flight-players,.flight-turn{display:flex;align-items:center;justify-content:space-between;gap:12px}.flight-players{padding:10px 12px;border:1px solid var(--line);border-radius:16px;background:#fff}.flight-players strong{display:flex;align-items:center;gap:7px;font-size:10px}.flight-players i{width:15px;height:15px;border-radius:50%;display:block}.flight-players i.red{background:#ec7288}.flight-players i.blue{background:#6c91e6}.flight-players>b{color:var(--muted);font-size:8px}.flight-turn{margin-top:9px;padding:9px 13px;border-radius:14px;background:#44363d;color:#fff;font-size:10px}.flight-turn>b{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#fff;color:#44363d;font-size:16px}.flight-board{position:relative;width:100%;aspect-ratio:1;margin-top:10px;border-radius:50%;background:radial-gradient(circle,#fff 0 29%,#f6f1ed 30% 31%,#fffaf7 32% 61%,#f0e5db 62% 63%,#fff 64%);box-shadow:inset 0 0 0 1px var(--line),0 9px 24px rgba(86,58,66,.1);overflow:hidden}.flight-stop{position:absolute;display:grid;place-items:center;width:10px;height:10px;transform:translate(-50%,-50%);border:1px solid #d3c6c2;border-radius:50%;background:#fff}.flight-stop.red-start{background:#ffdce4;border-color:#ed9caf}.flight-stop.blue-start{background:#dfe8ff;border-color:#93acec}.flight-stop i{position:absolute;display:grid;place-items:center;width:17px;height:17px;border:1px solid #fff;border-radius:50%;color:#fff;font-size:7px;font-style:normal;font-weight:900;box-shadow:0 2px 5px rgba(47,35,40,.2)}.flight-stop i.red{background:#df617a}.flight-stop i.blue{background:#6386db}.flight-stop i+ i{margin-left:11px}.flight-center{position:absolute;inset:38%;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#fff0f3,#eef3ff);color:#b15c7e;font-size:26px;box-shadow:0 5px 15px rgba(97,65,78,.1)}.flight-center small{margin-top:-12px;color:#8c7880;font-size:6px;letter-spacing:1px}.flight-plane-rows{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.flight-plane-rows>div{padding:9px;border:1px solid var(--line);border-radius:15px;background:#fff}.flight-plane-rows small{display:block;margin-bottom:6px;color:var(--muted);font-size:8px}.flight-plane-rows>div>div{display:grid;gap:5px}.flight-plane{display:flex;align-items:center;gap:6px;padding:5px;border:0;border-radius:9px;background:#f8f4f2;color:#67565d;text-align:left;font-size:8px}.flight-plane:disabled{opacity:.65}.flight-plane b{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;color:#fff;font-size:8px}.flight-plane.red b{background:#df617a}.flight-plane.blue b{background:#6386db}.flight-actions{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:7px;margin-top:10px}.flight-actions button{padding:11px 6px;border:1px solid var(--line);border-radius:12px;background:#fff;color:#765f67;font-size:9px;font-weight:800}.flight-actions button:first-child{border:0;background:linear-gradient(135deg,#e66f91,#9d70cb);color:#fff}.flight-actions button:disabled{opacity:.45}.flight-history article{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 10px;border-radius:12px;background:#faf6f4}.flight-history article strong,.flight-history article span{display:block}.flight-history article strong{font-size:9px}.flight-history article span,.flight-history p{margin-top:3px;color:var(--muted);font-size:8px}.flight-history article button{border:0;border-radius:8px;background:#f2e8e8;color:#ab6c78;padding:5px 7px;font-size:8px;font-weight:800}
.playground-game-card.quiz{background:linear-gradient(135deg,#fff2d9,#fff9f1)}.playground-game-card.challenge{background:linear-gradient(135deg,#fff8d8,#f3fbeb)}.playground-game-card.wishes{background:linear-gradient(135deg,#fff0f5,#f6efff)}.playground-game-card.puzzle{background:linear-gradient(135deg,#eff8ff,#f7f0ff)}
.playground-game-card.quiz .playground-game-art{background:linear-gradient(145deg,#ffb15e,#f27978);color:#fff;font-family:inherit;box-shadow:0 9px 20px rgba(226,118,88,.25)}.playground-game-card.challenge .playground-game-art{background:linear-gradient(145deg,#ffd75f,#8fcf75);color:#fff;font-family:inherit;box-shadow:0 9px 20px rgba(139,184,85,.22)}.playground-game-card.wishes .playground-game-art{background:linear-gradient(145deg,#ef86b8,#9d73dc);color:#fff;font-family:inherit;box-shadow:0 9px 20px rgba(173,91,162,.24)}.playground-game-card.puzzle .playground-game-art{background:linear-gradient(145deg,#6dbce9,#8175df);color:#fff;font-family:inherit;box-shadow:0 9px 20px rgba(84,126,200,.25)}.playground-game-card.quiz>b{background:#ffe0c6;color:#b75d37}.playground-game-card.challenge>b{background:#e7f2cf;color:#668e3d}.playground-game-card.wishes>b{background:#f2daf0;color:#985582}.playground-game-card.puzzle>b{background:#dce9fa;color:#556fb1}.playground-game-sheet{width:min(500px,calc(100% - 18px));max-height:min(92vh,820px)}.playground-game-body{max-height:90vh;padding:12px 17px calc(22px + env(safe-area-inset-bottom));overflow:auto}.playground-game-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.playground-game-head small{color:var(--rose);font-size:8px;font-weight:900;letter-spacing:1.2px}.playground-game-head h2{margin:3px 0 0;font-size:22px}.playground-game-head button{width:35px;height:35px;border:0;border-radius:12px;background:#f3ecea;color:#7b666d;font-size:18px}.pg-intro{display:grid;grid-template-columns:52px 1fr;gap:12px;align-items:center;padding:15px;border-radius:19px}.pg-intro>span{display:grid;place-items:center;width:52px;height:52px;border-radius:17px;color:#fff;font-size:25px}.pg-intro small,.pg-intro strong{display:block}.pg-intro small{font-size:8px;font-weight:900;letter-spacing:.8px;opacity:.68}.pg-intro strong{margin-top:4px;font-size:12px;line-height:1.5}.pg-intro.quiz{background:#fff1dd}.pg-intro.quiz>span{background:linear-gradient(145deg,#ffb15e,#f27978)}.pg-intro.challenge{background:#f3f8dd}.pg-intro.challenge>span{background:linear-gradient(145deg,#ffd75f,#8fcf75)}.pg-intro.wishes{background:#faeaf6}.pg-intro.wishes>span{background:linear-gradient(145deg,#ef86b8,#9d73dc)}.pg-intro.puzzle{background:#eaf3ff}.pg-intro.puzzle>span{background:linear-gradient(145deg,#6dbce9,#8175df)}.pg-quiz-list{display:grid;gap:9px;margin:12px 0}.pg-quiz-list article{padding:13px;border:1px solid var(--line);border-radius:16px;background:#fff}.pg-quiz-list article>small,.pg-quiz-list article>strong{display:block}.pg-quiz-list article>small{color:#d67b62;font-size:7px;font-weight:900}.pg-quiz-list article>strong{margin-top:4px;font-size:11px}.pg-answer,.pg-wish-add{display:flex;gap:7px;margin-top:10px}.pg-answer input,.pg-wish-add input{min-width:0;flex:1;padding:10px;border:1px solid var(--line);border-radius:11px;background:#fffaf9;font-size:10px}.pg-answer button,.pg-wish-add button{padding:0 11px;border:0;border-radius:11px;background:#49383f;color:#fff;font-size:9px;font-weight:800}.pg-wait,.pg-soft-copy,.pg-empty{margin:8px 0 0;color:var(--muted);font-size:9px;line-height:1.6}.pg-reveal{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}.pg-reveal p{margin:0;padding:9px;border-radius:11px;background:#faf5f2;font-size:9px;line-height:1.5}.pg-reveal b{display:block;margin-bottom:3px;color:#a97c6b;font-size:7px}.pg-together-status{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:12px 0}.pg-together-status>div{display:flex;align-items:center;gap:8px;padding:13px;border:1px solid var(--line);border-radius:15px;background:#fff;color:var(--muted);font-size:10px}.pg-together-status i{font-style:normal;font-size:17px}.pg-together-status .done{border-color:#cde4b7;background:#f5faeb;color:#57813b}.pg-celebrate{margin-top:10px;padding:14px;border-radius:15px;background:#fff0f5;color:#a24768;font-size:11px;font-weight:900;text-align:center}.pg-wish-add{margin:12px 0}.pg-wish-box{padding:25px 18px;border-radius:21px;background:linear-gradient(145deg,#4b3544,#70445f);color:#fff;text-align:center}.pg-wish-box span,.pg-wish-box strong{display:block}.pg-wish-box span{color:#eebdd3;font-size:8px}.pg-wish-box strong{margin:8px 0 15px;font-size:17px;line-height:1.5}.pg-wish-box button{padding:10px 15px;border:0;border-radius:12px;background:#fff;color:#87536e;font-size:9px;font-weight:900}.pg-photo-pick{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:12px 0}.pg-photo-pick button{aspect-ratio:1;padding:0;border:3px solid transparent;border-radius:13px;background:#eee;overflow:hidden}.pg-photo-pick button.selected{border-color:#786fd2}.pg-photo-pick img{width:100%;height:100%;object-fit:cover}.pg-size{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pg-size button,.pg-new-puzzle{padding:11px;border:1px solid var(--line);border-radius:12px;background:#fff;color:#665b8f;font-size:10px;font-weight:900}.pg-puzzle-meta{display:flex;justify-content:space-between;margin:3px 2px 10px;color:#685e82;font-size:10px}.pg-puzzle-grid{display:grid;grid-template-columns:repeat(var(--n),1fr);gap:2px;aspect-ratio:1;border:5px solid #e7e1f3;border-radius:16px;background:#e7e1f3;overflow:hidden}.pg-puzzle-grid button{padding:0;border:0;background-repeat:no-repeat}.pg-puzzle-grid button.selected{filter:brightness(.72);box-shadow:inset 0 0 0 3px #fff}.pg-new-puzzle{display:block;margin:10px auto 0}.playground-game-body>.primary.full{margin-top:10px}
.playground-game-card.learn{border-color:rgba(78,92,124,.12)}.playground-game-card.learn .playground-game-art{display:flex;position:relative;align-items:center;justify-content:center;gap:4px;font-family:inherit;color:#fff}.playground-game-card.learn .playground-game-art i{position:static;margin:0;color:inherit;font-size:18px;font-style:normal;font-weight:950;text-shadow:none}.playground-game-card.learn .playground-game-art b{display:grid;place-items:center;min-width:22px;height:22px;padding:0 3px;border-radius:8px;background:rgba(255,255,255,.24);font-size:11px}.playground-game-card.english-guess{background:linear-gradient(135deg,#eaf8ff,#eef1ff)}.playground-game-card.english-guess .playground-game-art{background:linear-gradient(145deg,#24a8d8,#4f63d8);box-shadow:0 9px 21px rgba(48,112,196,.25)}.playground-game-card.english-guess>b{background:#d7effa;color:#267f9f}.playground-game-card.roleplay{background:linear-gradient(135deg,#fff0e6,#fff8ec)}.playground-game-card.roleplay .playground-game-art{background:linear-gradient(145deg,#ff8a65,#e35372);box-shadow:0 9px 21px rgba(218,79,91,.23)}.playground-game-card.roleplay>b{background:#ffe0d1;color:#b9573d}.playground-game-card.detective{background:linear-gradient(135deg,#f0edff,#f9f4ff)}.playground-game-card.detective .playground-game-art{background:linear-gradient(145deg,#725fd6,#aa62c9);box-shadow:0 9px 21px rgba(113,73,175,.24)}.playground-game-card.detective>b{background:#e5ddf8;color:#7354a6}.playground-game-card.word-match{background:linear-gradient(135deg,#e9fbf4,#f3fbeb)}.playground-game-card.word-match .playground-game-art{background:linear-gradient(145deg,#27b69a,#65a94f);box-shadow:0 9px 21px rgba(46,145,104,.22)}.playground-game-card.word-match>b{background:#d9f1e3;color:#368365}.pg-intro.learn{grid-template-columns:62px 1fr;padding:17px;background:#f2f5fb}.pg-intro.learn>span{width:62px;height:62px;border-radius:19px;background:linear-gradient(145deg,#24a8d8,#4f63d8);font-size:15px;font-weight:950;letter-spacing:.3px;text-align:center}.pg-intro.learn.roleplay{background:#fff1e9}.pg-intro.learn.roleplay>span{background:linear-gradient(145deg,#ff8a65,#e35372)}.pg-intro.learn.detective{background:#f3efff}.pg-intro.learn.detective>span{background:linear-gradient(145deg,#725fd6,#aa62c9)}.pg-intro.learn.word-match{background:#eaf8f0}.pg-intro.learn.word-match>span{background:linear-gradient(145deg,#27b69a,#65a94f)}.pg-learning-steps{display:grid;gap:8px;margin-top:12px}.pg-learning-steps article{display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:center;padding:11px 12px;border:1px solid var(--line);border-radius:14px;background:#fff}.pg-learning-steps b{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#f0edf7;color:#6c5e8a;font-size:10px}.pg-learning-steps span{font-size:10px;line-height:1.5}.pg-learning-note{margin-top:11px;padding:12px 13px;border-radius:14px;background:#fff8e6;color:#8a7042;font-size:9px;line-height:1.65}
.playground-game-card.sequence{background:linear-gradient(135deg,#fff3e5,#fff9ed)}.playground-game-card.sequence .playground-game-art{background:linear-gradient(145deg,#f49a4d,#df5e5e);box-shadow:0 9px 21px rgba(213,104,65,.23)}.playground-game-card.sequence>b{background:#ffe1c6;color:#aa6134}.playground-game-card.codebreaker{background:linear-gradient(135deg,#edf1f6,#f5f1f8)}.playground-game-card.codebreaker .playground-game-art{background:linear-gradient(145deg,#4d6175,#292f48);box-shadow:0 9px 21px rgba(44,53,75,.26)}.playground-game-card.codebreaker>b{background:#dfe5ed;color:#526276}.playground-game-card.memory-match{background:linear-gradient(135deg,#e9fbf4,#f3fbeb)}.playground-game-card.memory-match .playground-game-art{background:linear-gradient(145deg,#27b69a,#65a94f);box-shadow:0 9px 21px rgba(46,145,104,.22)}.playground-game-card.memory-match>b{background:#d9f1e3;color:#368365}.pg-intro.learn.sequence{background:#fff2e6}.pg-intro.learn.sequence>span{background:linear-gradient(145deg,#f49a4d,#df5e5e)}.pg-intro.learn.codebreaker{background:#edf1f6}.pg-intro.learn.codebreaker>span{background:linear-gradient(145deg,#4d6175,#292f48)}.pg-intro.learn.memory-match{background:#eaf8f0}.pg-intro.learn.memory-match>span{background:linear-gradient(145deg,#27b69a,#65a94f)}
.pg-live-game{margin-top:12px}.pg-game-create{display:grid;gap:10px;padding:14px;border:1px solid var(--line);border-radius:17px;background:#fff}.pg-game-create label{display:grid;gap:5px;color:#806d74;font-size:9px;font-weight:800}.pg-game-create input,.pg-game-create select,.pg-guess-row input{width:100%;box-sizing:border-box;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:#fffaf9;color:var(--ink);font-size:11px}.pg-round-card{padding:15px;border:1px solid var(--line);border-radius:17px;background:#fff}.pg-round-card small,.pg-round-card strong{display:block}.pg-round-card small{color:#8f7d85;font-size:8px;font-weight:900;letter-spacing:.5px}.pg-round-card strong{margin-top:5px;font-size:14px}.pg-round-card>p{margin:8px 0 0;color:var(--muted);font-size:9px;line-height:1.6}.pg-round-card>button{margin-top:11px;padding:9px 12px;border:0;border-radius:11px;background:#eaf2ff;color:#436ca5;font-size:9px;font-weight:900}.pg-clue-text{padding:11px;border-radius:12px;background:#f4f8ff;color:#45536e!important;font-size:11px!important;line-height:1.75!important}.pg-guess-row{display:grid;grid-template-columns:1fr auto;gap:7px;margin-top:9px}.pg-guess-row button{padding:0 13px;border:0;border-radius:12px;background:#44363d;color:#fff;font-size:9px;font-weight:900}.pg-attempts,.pg-code-history{display:grid;gap:6px;margin-top:9px}.pg-attempts p,.pg-code-history p{display:flex;align-items:center;justify-content:space-between;margin:0;padding:9px 11px;border-radius:11px;background:#f7f3f1;font-size:9px}.pg-attempts p.correct{background:#edf8e9;color:#4b7e36}.pg-attempts b,.pg-code-history span{font-size:8px}.pg-solved{margin-top:10px;padding:13px;border-radius:14px;background:linear-gradient(135deg,#eff9e9,#fff3d9);color:#5c7b42;font-size:12px;font-weight:900;text-align:center}.pg-restart,.pg-start-game{display:block;margin:10px auto 0;padding:10px 15px;border:1px solid var(--line);border-radius:12px;background:#fff;color:#705e66;font-size:9px;font-weight:900}.pg-clues{display:grid;gap:7px;margin:11px 0 0;padding:0;counter-reset:clue;list-style:none}.pg-clues li{padding:10px 11px;border-radius:11px;background:#f5f1fb;color:#594f70;font-size:10px;line-height:1.6}.pg-sequence-list{display:grid;gap:7px;margin:9px 0}.pg-sequence-list article{display:grid;grid-template-columns:28px 1fr auto;gap:9px;align-items:center;padding:8px;border:1px solid var(--line);border-radius:13px;background:#fff}.pg-sequence-list article>b{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#fff0df;color:#a86637;font-size:9px}.pg-sequence-list article>span{font-size:10px}.pg-sequence-list article>div{display:flex;gap:3px}.pg-sequence-list button{width:27px;height:27px;border:0;border-radius:8px;background:#f1ece9;color:#715f67}.pg-code-history>small{padding:12px;color:var(--muted);font-size:9px;text-align:center}.pg-memory-themes{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.pg-memory-themes button{min-height:72px;padding:9px;border:1px solid #cfe7dc;border-radius:15px;background:linear-gradient(145deg,#f4fbf8,#edf8e9);color:#47785e;font-size:10px;font-weight:900}.pg-memory-board{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.pg-memory-board button{min-height:62px;padding:5px;border:1px solid #d9e7e0;border-radius:12px;background:linear-gradient(145deg,#42aa91,#599a68);color:transparent;font-size:9px;font-weight:900;line-height:1.35;transform-style:preserve-3d;transition:.2s}.pg-memory-board button.open{background:#fff;color:#425c51;box-shadow:0 5px 12px rgba(64,99,82,.1)}.pg-memory-board button.matched{border-color:#a9d696;background:#eff9e9;color:#4d7a3d}
.learn-card-icon{position:relative;display:block;width:48px;height:48px}.playground-game-card.learn .learn-card-icon i,.playground-game-card.learn .learn-card-icon b{position:absolute;margin:0;padding:0;color:inherit;font-style:normal;text-shadow:none;box-sizing:border-box}.learn-card-icon.listening i{left:9px;top:9px;display:grid;width:30px;height:30px;place-items:center;border-radius:50%;background:#fff;color:#3979c7;font-size:19px;font-weight:950;box-shadow:0 4px 10px rgba(34,66,135,.2)}.learn-card-icon.listening:before,.learn-card-icon.listening:after{content:"";position:absolute;top:14px;width:7px;height:20px;border:3px solid rgba(255,255,255,.75)}.learn-card-icon.listening:before{left:0;border-right:0;border-radius:12px 0 0 12px}.learn-card-icon.listening:after{right:0;border-left:0;border-radius:0 12px 12px 0}.learn-card-icon.listening b{right:-2px;bottom:3px;width:12px;height:12px;border:3px solid #ffdf77;border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(45deg);background:transparent}.learn-card-icon.magnify i{left:5px;top:4px;width:30px;height:30px;border:5px solid #fff;border-radius:50%;background:rgba(255,255,255,.12)}.learn-card-icon.magnify i:after{content:"";position:absolute;right:-13px;bottom:-10px;width:18px;height:6px;border-radius:5px;background:#fff;transform:rotate(45deg);transform-origin:left center}.learn-card-icon.magnify b{left:11px;top:11px;background:transparent!important;font-size:14px;letter-spacing:1px}.learn-card-icon.stack i{display:grid!important;place-items:center!important;width:28px!important;height:34px!important;border:2px solid rgba(255,255,255,.82)!important;border-radius:8px!important;background:rgba(255,255,255,.2)!important;font-size:12px!important;font-weight:950!important}.learn-card-icon.stack i:nth-child(1){left:1px;top:8px;transform:rotate(-12deg)}.learn-card-icon.stack i:nth-child(2){left:10px;top:5px;transform:rotate(0)}.learn-card-icon.stack i:nth-child(3){left:19px;top:8px;transform:rotate(12deg)}.learn-card-icon.keypad{display:grid;grid-template-columns:repeat(3,10px);grid-template-rows:repeat(2,10px);gap:6px;align-content:center;justify-content:center;border:2px solid rgba(255,255,255,.75);border-radius:13px;background:rgba(255,255,255,.12)}.learn-card-icon.keypad i{position:static!important;display:block!important;width:10px!important;height:10px!important;border-radius:50%!important;background:#fff!important}.learn-card-icon.keypad i:nth-child(2),.learn-card-icon.keypad i:nth-child(5){background:#f3c875!important}.learn-card-icon.match i,.learn-card-icon.match b{display:grid!important;place-items:center!important;width:30px!important;height:37px!important;border:2px solid rgba(255,255,255,.9)!important;border-radius:9px!important;background:rgba(255,255,255,.18)!important;font-size:14px!important}.learn-card-icon.match i{left:2px;top:7px;transform:rotate(-9deg)}.learn-card-icon.match b{right:2px;top:4px;transform:rotate(9deg);color:#fff6a7!important}
.flight-board{width:calc(100% + 24px);max-width:620px;margin:14px auto 0;left:50%;transform:translateX(-50%);aspect-ratio:1;border:5px solid #f6f0ec;border-radius:18px;background:#fff;box-shadow:0 14px 30px rgba(86,58,66,.14)}#flightRoute{display:grid;width:100%;height:100%;grid-template-columns:repeat(15,1fr);grid-template-rows:repeat(15,1fr)}.flight-cell{position:relative;display:grid;place-items:center;border:1px solid rgba(92,72,76,.16);background:#fff}.flight-cell.blue-home{background:#4d87e8}.flight-cell.yellow-home{background:#f8ca28}.flight-cell.red-home{background:#ec4f55}.flight-cell.green-home{background:#36c66a}.flight-cell.blue-home:empty,.flight-cell.yellow-home:empty,.flight-cell.red-home:empty,.flight-cell.green-home:empty{border-color:transparent}.flight-cell.finish{background:conic-gradient(from 45deg,#f8ca28 0 25%,#36c66a 0 50%,#ec4f55 0 75%,#4d87e8 0)}.flight-cell.red-lane{background:#f1696e}.flight-cell.blue-lane{background:#6b9cee}.flight-cell.red-start{background:#ffe4e5}.flight-cell.blue-start{background:#e4edff}.flight-cell i{z-index:2;display:grid;place-items:center;width:22px;height:22px;border:2px solid #fff;border-radius:50%;color:#fff;font-size:8px;font-style:normal;font-weight:900;box-shadow:0 3px 5px rgba(47,35,40,.28)}.flight-cell i.red{background:linear-gradient(145deg,#ff7882,#bf303e)}.flight-cell i.blue{background:linear-gradient(145deg,#8ab4ff,#376dca)}.flight-cell i+i{position:absolute;right:0;bottom:0}.flight-center{display:none}

/* 双人游戏 · 五子棋 */
.playground-game-grid{display:grid;gap:12px;margin-top:18px}.playground-game-card{position:relative;display:grid;grid-template-columns:70px 1fr auto;gap:14px;align-items:center;width:100%;min-height:106px;padding:17px;border:1px solid var(--line);border-radius:24px;background:#fff;color:var(--ink);text-align:left;box-shadow:0 10px 28px rgba(90,67,76,.07);overflow:hidden}.playground-game-card.gomoku{background:linear-gradient(135deg,#fffaf6,#fff1f4)}.playground-game-card.flight{background:linear-gradient(135deg,#f4fbf8,#f3f0ff);opacity:.78}.playground-game-art{display:grid;place-items:center;width:70px;height:70px;border-radius:21px;background:linear-gradient(145deg,#e4b978,#c98e4f);color:#33282b;font-family:Georgia,serif;font-size:31px;box-shadow:inset 0 0 0 1px rgba(90,52,20,.12),0 8px 18px rgba(110,72,38,.12)}.playground-game-art i{position:absolute;margin:27px 0 0 27px;color:#fff;font-size:28px;font-style:normal;text-shadow:0 2px 5px rgba(0,0,0,.25)}.flight .playground-game-art{background:#fff;color:#7b70aa;font-family:inherit;font-size:30px}.playground-game-copy{min-width:0}.playground-game-copy small,.playground-game-copy strong,.playground-game-copy em{display:block}.playground-game-copy small{color:var(--rose);font-size:8px;font-weight:900;letter-spacing:1.2px}.playground-game-copy strong{margin-top:5px;font-size:18px}.playground-game-copy em{margin-top:6px;color:var(--muted);font-size:10px;font-style:normal;line-height:1.5}.playground-game-card>b{align-self:start;padding:6px 9px;border-radius:99px;background:#ffe3ea;color:#b84968;font-size:8px;white-space:nowrap}.playground-game-card.flight>b{background:#e7e1f5;color:#766999}.gomoku-panel{padding-bottom:22px}.gomoku-page-head{display:grid;grid-template-columns:42px 1fr auto;gap:11px;align-items:center;padding:22px 2px 17px}.gomoku-page-head>button{width:42px;height:42px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--rose-dark);font-size:21px}.gomoku-page-head small{color:var(--rose);font-size:8px;font-weight:900;letter-spacing:1.2px}.gomoku-page-head h2{margin:3px 0 0;font-size:24px}.gomoku-page-head>span{max-width:112px;color:var(--muted);font-size:9px;line-height:1.4;text-align:right}.gomoku-record{display:grid;grid-template-columns:1fr 66px 1fr;align-items:center;padding:15px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(135deg,#fff6f8,#f4fbf8)}.gomoku-record>div:last-child{text-align:right}.gomoku-record small,.gomoku-record strong,.gomoku-record span{display:block}.gomoku-record>div>small{color:var(--muted);font-size:9px}.gomoku-record>div>strong{margin-top:4px;font-size:17px}.gomoku-record>div>span{margin-top:3px;color:#a18f96;font-size:8px}.gomoku-record>i{display:grid;place-items:center;font-style:normal;text-align:center}.gomoku-record>i b{font-size:19px}.gomoku-record>i small{color:var(--muted);font-size:7px}.gomoku-lobby{display:flex;flex-direction:column;align-items:center;margin-top:12px;padding:28px 20px;border:1px solid var(--line);border-radius:25px;background:#fff;text-align:center}.gomoku-lobby>span{display:grid;place-items:center;width:72px;height:72px;border-radius:23px;background:linear-gradient(145deg,#e4b978,#c98e4f);color:#33282b;font:27px Georgia;letter-spacing:4px;box-shadow:0 10px 24px rgba(115,75,39,.15)}.gomoku-lobby h3{margin:15px 0 0;font-size:18px}.gomoku-lobby p{max-width:300px;margin:7px 0 17px;color:var(--muted);font-size:10px;line-height:1.7}.gomoku-soft-btn{margin-top:9px;border:0;background:transparent;color:#a66a7b;font-size:10px}.gomoku-match{position:relative;margin-top:12px}.gomoku-players{display:grid;grid-template-columns:1fr 32px 1fr;gap:8px;align-items:center;margin-bottom:10px}.gomoku-players article{display:flex;align-items:center;gap:9px;padding:10px 11px;border:1px solid var(--line);border-radius:16px;background:#fff}.gomoku-players article:last-child{flex-direction:row-reverse;text-align:right}.gomoku-players article>i{width:29px;height:29px;flex:none;border-radius:50%;background:#262126;box-shadow:inset 0 -3px 5px rgba(255,255,255,.12),0 3px 8px rgba(44,32,37,.22)}.gomoku-players article:last-child>i{border:1px solid #d6ccca;background:#fff;box-shadow:inset 0 -3px 5px rgba(118,92,101,.08),0 3px 8px rgba(44,32,37,.1)}.gomoku-players small,.gomoku-players strong{display:block}.gomoku-players small{color:var(--muted);font-size:7px}.gomoku-players strong{margin-top:3px;font-size:10px}.gomoku-players>span{color:#b9a9ae;font-size:8px;font-weight:900;text-align:center}.gomoku-players article.turn{border-color:#efa1b5;box-shadow:0 5px 16px rgba(218,82,118,.12)}.gomoku-turn{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;padding:10px 13px;border-radius:14px;background:#44363d;color:#fff}.gomoku-turn strong{font-size:11px}.gomoku-turn span{color:rgba(255,255,255,.68);font-size:8px}.gomoku-undo-note{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;margin-bottom:8px;padding:12px;border:1px solid #f0d9ac;border-radius:15px;background:#fff6e6}.gomoku-undo-note strong,.gomoku-undo-note span{display:block}.gomoku-undo-note strong{font-size:10px}.gomoku-undo-note span{margin-top:3px;color:var(--muted);font-size:8px}.gomoku-undo-note>div:last-child{display:flex;gap:5px}.gomoku-undo-note button{padding:7px 8px;border:0;border-radius:9px;background:#44363d;color:#fff;font-size:8px}.gomoku-undo-note button:last-child{background:#eee7e4;color:#715f65}.gomoku-board{display:grid;grid-template-columns:repeat(15,1fr);width:100%;aspect-ratio:1;padding:7px;border:2px solid #b9793d;border-radius:12px;background:#dfaa63;box-shadow:0 12px 28px rgba(83,54,30,.2),inset 0 0 20px rgba(255,238,188,.35);overflow:hidden;touch-action:manipulation}.gomoku-cell{position:relative;display:grid;place-items:center;min-width:0;aspect-ratio:1;padding:0;border:0;background:linear-gradient(rgba(100,60,28,.56),rgba(100,60,28,.56)) center/100% 1px no-repeat,linear-gradient(90deg,rgba(100,60,28,.56),rgba(100,60,28,.56)) center/1px 100% no-repeat}.gomoku-cell:disabled{cursor:default}.gomoku-cell i{position:relative;z-index:2;width:78%;height:78%;border-radius:50%;pointer-events:none}.gomoku-cell.black i{background:radial-gradient(circle at 35% 28%,#5d5659 0,#272327 42%,#111 100%);box-shadow:0 2px 4px rgba(53,31,15,.55)}.gomoku-cell.white i{border:1px solid rgba(102,79,62,.24);background:radial-gradient(circle at 35% 28%,#fff 0,#faf7f2 45%,#d9d0c7 100%);box-shadow:0 2px 4px rgba(53,31,15,.35)}.gomoku-cell.last i:after{content:"";position:absolute;left:50%;top:50%;width:4px;height:4px;transform:translate(-50%,-50%);border-radius:50%;background:#ee6f8f}.gomoku-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.gomoku-actions button{padding:11px;border:1px solid var(--line);border-radius:13px;background:#fff;color:#765f67;font-size:10px;font-weight:800}.gomoku-actions button:disabled{opacity:.45}.gomoku-result{position:absolute;left:10px;right:10px;top:50%;z-index:6;transform:translateY(-45%);padding:23px 18px;border:1px solid rgba(255,255,255,.72);border-radius:24px;background:rgba(255,250,248,.96);box-shadow:0 18px 50px rgba(54,35,42,.28);backdrop-filter:blur(8px);text-align:center}.gomoku-result>span,.gomoku-result>strong{display:block}.gomoku-result>span{font-size:31px}.gomoku-result>strong{margin-top:7px;font-size:18px}.gomoku-result>p{margin:7px 0 15px;color:var(--muted);font-size:10px;line-height:1.6}.gomoku-result>div{display:flex;justify-content:center;gap:8px}.gomoku-result button{padding:10px 14px;border:0;border-radius:12px;background:#eee6e4;color:#6e5960;font-size:9px;font-weight:800}.gomoku-history{margin-top:14px;padding:17px;border:1px solid var(--line);border-radius:21px;background:#fff}.gomoku-history>div:first-child small{color:var(--rose);font-size:8px;font-weight:900;letter-spacing:1.1px}.gomoku-history h3{margin:3px 0 11px;font-size:15px}.gomoku-history-list{display:grid;gap:7px}.gomoku-history article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px;border-radius:12px;background:#faf6f4}.gomoku-history article strong{font-size:9px}.gomoku-history article span{color:var(--muted);font-size:8px}.gomoku-history p{margin:0;color:var(--muted);font-size:9px}.gomoku-invite-sheet,.gomoku-resign-sheet{width:min(430px,calc(100% - 24px))}.gomoku-dialog-body{padding:13px 21px calc(23px + env(safe-area-inset-bottom));text-align:center}.gomoku-dialog-stones{display:grid;place-items:center;width:72px;height:72px;margin:8px auto 13px;border-radius:24px;background:linear-gradient(145deg,#e4b978,#c98e4f);font:26px Georgia;letter-spacing:3px;box-shadow:0 9px 22px rgba(99,65,35,.15)}.gomoku-dialog-body>small{color:var(--rose);font-size:9px;font-weight:900;letter-spacing:1px}.gomoku-dialog-body h2{margin:6px 0 0;font-size:20px}.gomoku-dialog-body p{margin:8px auto 17px;color:var(--muted);font-size:10px;line-height:1.7}.gomoku-dialog-body>div:not(.sheet-handle){display:flex;justify-content:center;gap:8px}.gomoku-dialog-body>div button{padding:11px 14px;border:0;border-radius:12px;background:#eee6e4;color:#6f5960;font-size:9px;font-weight:900}.gomoku-later-btn{margin-top:13px;border:0;background:transparent;color:#a38d94;font-size:9px}
@media(max-width:430px){.playground-game-card{grid-template-columns:60px 1fr;min-height:98px;padding:14px}.playground-game-art{width:60px;height:60px;font-size:27px}.playground-game-card>b{position:absolute;right:12px;top:12px}.playground-game-copy{padding-right:45px}.gomoku-page-head{grid-template-columns:40px 1fr auto}.gomoku-record{grid-template-columns:1fr 56px 1fr;padding:12px}.gomoku-board{padding:5px;border-radius:9px}.gomoku-undo-note{grid-template-columns:1fr}.gomoku-undo-note>div:last-child{justify-content:flex-end}}

/* Gomoku pause control */
.gomoku-actions{grid-template-columns:repeat(3,1fr)}
.gomoku-board{width:calc(100% + 18px);margin-left:-9px}
.gomoku-board{grid-template-columns:repeat(var(--gomoku-size,25),1fr)}
.pg-game-history>p>span{min-width:0;flex:1}.pg-record-delete{padding:6px 8px;border:0;border-radius:8px;background:#f5e8eb;color:#aa6075;font-size:8px;font-weight:800}.pg-record-delete-sheet{width:min(390px,calc(100% - 28px))}.pg-record-delete-dialog{padding:14px 20px 23px;text-align:center}.pg-record-delete-dialog>small{color:#b25f79;font-size:8px;font-weight:900;letter-spacing:1px}.pg-record-delete-dialog h2{margin:7px 0 0;font-size:19px}.pg-record-delete-dialog p{margin:7px 0 16px;color:var(--muted);font-size:10px;line-height:1.6}.pg-record-delete-dialog label{display:grid;gap:6px;text-align:left;color:#806d74;font-size:9px;font-weight:800}.pg-record-delete-dialog input{padding:11px;border:1px solid var(--line);border-radius:11px;background:#fffaf9;font-size:11px}.pg-record-delete-dialog>div:last-child{display:flex;justify-content:center;gap:8px;margin-top:14px}.pg-record-delete-dialog button{padding:10px 14px;border:0;border-radius:11px;background:#eee6e4;color:#705e66;font-size:9px;font-weight:900}.pg-record-delete-dialog button.primary{background:#44363d;color:#fff}.pg-record-delete-dialog button:disabled{opacity:.45}
.pg-learning-icon .learn-card-icon i,.pg-learning-icon .learn-card-icon b{position:absolute;margin:0;padding:0;color:inherit;font-style:normal;text-shadow:none;box-sizing:border-box}.pg-learning-icon .learn-card-icon{transform:scale(1.08)}
.pg-answer-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.pg-answer-actions button{padding:10px;border:1px solid #eadfe4;border-radius:12px;background:#fff;color:#765f68;font-size:9px;font-weight:800}.pg-answer-actions button:last-child{border-color:#f0d9d9;background:#fff5f5;color:#ad6470}

/* Playground action polish */
.pg-game-create{padding:16px;border-color:#eadfe7;background:linear-gradient(145deg,#fff,#fff8fb);box-shadow:0 10px 26px rgba(93,63,78,.06)}
.pg-game-create label{gap:7px;color:#6f5963;font-size:10px}
.pg-game-create input,.pg-game-create select{border-color:#e7dbe1;background:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.8);font-size:12px}
.pg-generate-clue{display:flex!important;align-items:center;justify-content:center;gap:8px;min-height:45px;border:0!important;background:linear-gradient(135deg,#6978e8,#9a62c8)!important;box-shadow:0 10px 22px rgba(104,91,194,.22)}
.pg-generate-clue>span{font-size:14px}.pg-generate-clue:disabled{opacity:.72;box-shadow:none}
.pg-mini-spinner{width:13px;height:13px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:pg-spin .75s linear infinite}
@keyframes pg-spin{to{transform:rotate(360deg)}}
.playground-game-card.flight{opacity:1;background:linear-gradient(135deg,#f2fbf8,#f2efff)}.pg-draw-lobby,.pg-draw-choice{padding:22px 16px;border:1px solid #dfd9ec;border-radius:22px;background:linear-gradient(145deg,#faf8ff,#f3fbf8);text-align:center}.pg-draw-lobby>span{display:grid;place-items:center;width:62px;height:62px;margin:auto;border-radius:20px;background:linear-gradient(145deg,#7967ce,#43a998);color:#fff;font-size:30px;box-shadow:0 10px 24px rgba(82,91,160,.2)}.pg-draw-lobby strong,.pg-draw-choice>strong{display:block;margin-top:12px;font-size:15px}.pg-draw-lobby p{margin:7px 0 14px;color:var(--muted);font-size:9px}.pg-draw-lobby button{padding:11px 18px}.pg-draw-choice>small{color:#8169b3;font-size:8px;font-weight:900;letter-spacing:1px}.pg-draw-choice>div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.pg-draw-choice button{padding:14px 7px;border:1px solid #ded6eb;border-radius:14px;background:#fff;color:#4f4458}.pg-draw-choice button b,.pg-draw-choice button span{display:block}.pg-draw-choice button b{font-size:12px}.pg-draw-choice button span{margin-top:5px;color:#9b89a5;font-size:7px}.pg-draw-score{display:grid;grid-template-columns:1fr minmax(110px,1.5fr) 1fr;gap:8px;align-items:center;padding:10px 12px;border:1px solid #e4dce7;border-radius:16px;background:#fff}.pg-draw-score>span{color:#897680;font-size:8px;font-weight:800}.pg-draw-score>span:last-child{text-align:right}.pg-draw-score>span b{color:#55454e;font-size:11px}.pg-draw-score>strong{overflow:hidden;color:#5d4e68;font-size:14px;letter-spacing:2px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.pg-draw-time{position:relative;height:18px;margin:8px 1px;overflow:hidden;border-radius:999px;background:#eee8ee}.pg-draw-time i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#48ad96,#7b69d1);transition:width .2s linear}.pg-draw-time b{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:7px;text-shadow:0 1px 2px rgba(0,0,0,.25)}.pg-draw-tools{padding:8px;border:1px solid #e4dce5;border-radius:16px;background:#faf8fb}.pg-draw-colors{display:grid;grid-template-columns:repeat(10,1fr);gap:5px}.pg-draw-colors button{aspect-ratio:1;padding:0;border:2px solid #fff;border-radius:50%;background:var(--c);box-shadow:0 0 0 1px #d9d0d7}.pg-draw-colors button.active{box-shadow:0 0 0 2px #7564bd}.pg-draw-actions{display:flex;gap:5px;margin-top:8px;overflow-x:auto;scrollbar-width:none}.pg-draw-actions button{flex:none;padding:7px 9px;border:1px solid #e2d9e1;border-radius:9px;background:#fff;color:#75616b;font-size:8px;font-weight:800}.pg-draw-actions button.active{border-color:#7868c2;background:#7868c2;color:#fff}.pg-draw-canvas-wrap{position:relative;margin-top:8px;overflow:hidden;border:2px solid #ded8e5;border-radius:17px;background:#fff;box-shadow:0 8px 20px rgba(67,49,78,.08)}.pg-draw-canvas-wrap canvas{display:block;width:100%;height:auto;aspect-ratio:7/5;background:#fff;touch-action:none;user-select:none}.pg-draw-canvas-wrap>span{position:absolute;right:10px;bottom:8px;padding:5px 8px;border-radius:999px;background:rgba(63,51,72,.72);color:#fff;font-size:7px;pointer-events:none}.pg-draw-guess{display:grid;grid-template-columns:1fr auto;gap:7px;margin-top:9px}.pg-draw-guess input{min-width:0;padding:11px 12px;border:1px solid #ded5df;border-radius:12px;background:#fffafc;font:inherit;font-size:10px}.pg-draw-guess button{padding:0 16px;border:0;border-radius:12px;background:linear-gradient(135deg,#7868c2,#4ca995);color:#fff;font-size:9px;font-weight:900}@media(max-width:430px){.pg-draw-choice>div{grid-template-columns:1fr}.pg-draw-choice button{padding:10px}.pg-draw-colors{grid-template-columns:repeat(5,1fr)}.pg-draw-colors button{justify-self:center;width:27px}.pg-draw-score{grid-template-columns:55px 1fr 55px}}
.playground-sort-item{display:grid;gap:6px}.playground-sort-item>.playground-game-card{grid-row:1}.playground-order-controls{display:flex;justify-content:flex-end;gap:6px;padding:0 8px}.playground-order-controls button{min-width:58px;padding:7px 10px;border:1px solid #e4dce1;border-radius:10px;background:#fff;color:#79666e;font-size:8px;font-weight:900;box-shadow:0 3px 10px rgba(75,53,63,.05)}.playground-order-controls button:active:not(:disabled){transform:translateY(1px);background:#f8f1f4}.playground-order-controls button:disabled{opacity:.34}
.pg-photo-pick{box-sizing:border-box;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:max-content;gap:12px;height:clamp(260px,42dvh,390px);margin:12px 0;padding:12px;border:1px solid #ded9ee;border-radius:17px;background:linear-gradient(145deg,#f8f6ff,#f1f5fb);align-content:start;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;box-shadow:inset 0 2px 8px rgba(83,72,125,.06)}.pg-photo-pick button{position:relative;display:flex;min-width:0;height:auto;aspect-ratio:auto;padding:0;flex-direction:column;border:2px solid #fff;border-radius:15px;background:#fff;overflow:hidden;text-align:left;box-shadow:0 7px 18px rgba(68,58,102,.12);transform:none}.pg-photo-pick button.selected{border-color:#786fd2;box-shadow:0 0 0 2px rgba(120,111,210,.16),0 8px 20px rgba(68,58,102,.14)}.pg-photo-thumb{position:relative;display:block;width:100%;aspect-ratio:4/3;flex:none;overflow:hidden;background:#ece9f3}.pg-photo-pick img{display:block;width:100%;height:100%;object-fit:cover}.pg-photo-thumb i{position:absolute;right:7px;top:7px;display:grid;place-items:center;min-width:22px;height:22px;padding:0 5px;border-radius:8px;background:rgba(40,32,58,.7);color:#fff;font-size:8px;font-style:normal;font-weight:900}.pg-photo-caption{display:block;box-sizing:border-box;width:100%;min-width:0;padding:8px 9px 9px}.pg-photo-caption strong,.pg-photo-caption small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pg-photo-caption strong{color:#4d435d;font-size:9px}.pg-photo-caption small{margin-top:3px;color:#9b91aa;font-size:7px}.pg-photo-pick::-webkit-scrollbar{width:5px}.pg-photo-pick::-webkit-scrollbar-thumb{border-radius:999px;background:#c7bddb}.pg-photo-pick::-webkit-scrollbar-track{margin:9px;background:transparent}@media(max-width:360px){.pg-photo-pick{grid-template-columns:1fr}}@media(max-height:650px){.pg-photo-pick{height:230px}}
.account-invite-secret{padding:14px;border:1px solid #ead9a8;border-radius:17px;background:linear-gradient(145deg,#fffaf0,#fff4d7);text-align:center}.account-invite-secret small{display:block;color:#a98235;font-size:7px;font-weight:900;letter-spacing:1.2px}.account-invite-secret strong{display:block;margin-top:6px;color:#5c4722;font:900 21px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:4px}.account-invite-secret p{margin:6px 0 10px;color:#9a814f;font-size:8px}.account-invite-secret button{padding:8px 13px;border:0;border-radius:10px;background:#80642f;color:#fff;font-size:8px;font-weight:900}#accountCenterTitle{cursor:pointer;user-select:none}