.moc-game-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:26px;align-items:start;margin-bottom:40px}
.moc-game-player,.moc-game-card{min-width:0;padding:24px;background:#fff;border:1px solid #e5e5e5;border-radius:12px}
.moc-game-hud{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}
.moc-game-hud>div{background:#f5f5f5;border-radius:10px;padding:12px;text-align:center;min-width:0}
.moc-game-hud span{display:block;font-size:10px;color:#7f7f7f;margin-bottom:6px}
.moc-game-hud strong{font-size:22px;color:#686868}.moc-game-hud [data-game-lives]{font-size:18px;white-space:nowrap;color:#8a8a8a}
.moc-game-energy{display:flex;align-items:center;gap:10px;font-size:11px;color:#7f7f7f;margin:14px 0}
.moc-game-energy>div{height:9px;flex:1;background:#ececec;border-radius:9px;overflow:hidden}.moc-game-energy i{display:block;height:100%;width:100%;background:#ff8009;transition:width .2s}.moc-game-energy strong{width:38px;text-align:right}
.moc-game-board{height:clamp(230px,43svh,420px);position:relative;overflow:hidden;border-radius:12px;background:radial-gradient(ellipse at 75% 0,rgba(244,182,88,.2),transparent 60%),linear-gradient(180deg,#0a0a0a,#424242);box-shadow:inset 0 0 50px rgba(0,0,0,.2)}
.moc-game-board::before{content:'';position:absolute;inset:0;opacity:.4;pointer-events:none;background-image:radial-gradient(#cecece 1px,transparent 1px);background-size:49px 61px}
.moc-game-board.is-frozen{box-shadow:inset 0 0 0 3px #a6cbe2,inset 0 0 60px #8cb6db55}
.moc-game-words,.moc-game-effects{position:absolute;inset:0;pointer-events:none}.moc-game-word{position:absolute;top:0;left:0;border:1px solid #ffffff55;border-radius:12px;padding:6px 14px;color:#f5f5f5;background:#5b5b5bee;font-size:16px;white-space:nowrap;font-weight:600;user-select:none;box-sizing:border-box;max-width:100%}
.moc-game-word.is-item{border-color:#ff8009;background:#565656;color:#d0d0d0}.moc-game-word.is-partial{border-color:#fff;box-shadow:0 0 10px #ff800955}.moc-game-word.is-danger{border-color:#ff8009;color:#e5e5e5}.moc-game-word.is-matched{animation:moc-game-pop .3s ease forwards}
.moc-game-spark{position:absolute;animation:moc-game-spark .5s ease forwards;font-size:22px;color:#ff8009}.moc-game-effects{z-index:2}
@keyframes moc-game-pop{to{opacity:0;transform:scale(1.3)}}@keyframes moc-game-spark{to{opacity:0;transform:translateY(-50px) scale(1.5)}}
.moc-game-overlay{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:22px;background:#1d1d1fcc;backdrop-filter:blur(5px);color:#f5f5f5}.moc-game-overlay .moc-eyebrow{color:#ff8009;font-size:10px}.moc-game-overlay h2{margin:16px 0 8px;font-size:25px;letter-spacing:-.04em}.moc-game-overlay p{font-size:12px;line-height:1.8;color:#d0d0d0;max-width:360px;margin:8px 0 18px}.moc-game-overlay .moc-text-button{color:#ff8009}.moc-game-overlay [data-game-save-status]{margin:10px 0 0;min-height:20px}.moc-game-overlay[hidden],.moc-game-item-popup[hidden]{display:none}
.moc-game-input-label{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:11px;color:#7f7f7f;margin:14px 0 8px}.moc-game-input-label span{font-size:10px;color:#939393}
.moc-app .moc-game-player [data-game-input]{display:block;width:100%;box-sizing:border-box;border:1px solid #c6c6c6;border-radius:10px;padding:13px 15px;font-size:17px;background:#fff;color:#464646}.moc-game-player [data-game-input]:focus{outline:2px solid #ff8009;outline-offset:2px}.moc-game-player [data-game-input]:disabled{background:#fafafa}
.moc-game-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0}.moc-game-controls button{border:1px solid #e5e5e5;border-radius:8px;padding:8px 10px;color:#6c6c6c;background:#f5f5f5;font-size:11px;cursor:pointer}.moc-game-controls button:disabled{opacity:.45;cursor:default}.moc-game-controls>span{margin-left:auto;font-size:11px;color:#939393}
.moc-game-message{font-size:12px;color:#717171;margin:12px 0;min-height:20px;line-height:1.8}.moc-game-sidebar{display:grid;gap:20px}.moc-game-card h2{font-size:19px;letter-spacing:-.035em;margin:12px 0 18px}.moc-game-card .moc-eyebrow{font-size:9px}.moc-game-item-guide p{display:grid;grid-template-columns:28px 1fr;gap:3px 7px;margin:0 0 16px}.moc-game-item-guide p>span{grid-row:span 2;font-size:22px}.moc-game-item-guide strong{font-size:12px;color:#676767}.moc-game-item-guide small{font-size:10px;color:#8e8e8e;line-height:1.7}.moc-game-card details{border-top:1px solid #e5e5e5;padding-top:12px;font-size:11px;color:#777777}.moc-game-card summary{cursor:pointer}.moc-game-level-guide{list-style:none;padding:0}.moc-game-level-guide li{display:flex;align-items:center;gap:8px;margin:12px 0;font-size:10px;flex-wrap:wrap}.moc-game-level-guide small{margin-left:auto}.moc-game-card-title{display:flex;align-items:center;justify-content:space-between}.moc-game-card-title h2{margin:0 0 16px}.moc-game-card-title button{border:0;background:transparent;font-size:22px;color:#878787;cursor:pointer}.moc-game-period-label{display:flex;align-items:center;gap:10px;font-size:11px;color:#7f7f7f}.moc-game-period-label select{padding:9px;border:1px solid #e5e5e5;border-radius:8px;font-size:11px;background:#fff;color:#646464}.moc-game-best{font-size:12px;padding:14px;background:#f5f5f5;color:#6e6e6e;border-radius:10px;margin:16px 0}.moc-game-card .moc-typing-rank-list{max-height:400px}

.moc-game-player.is-focus{position:fixed;inset:0;z-index:1200;border:0;border-radius:0;padding:18px max(18px,calc((100vw - 940px)/2));overflow:auto;overscroll-behavior:contain}.moc-game-player.is-focus .moc-game-board{height:clamp(140px,calc(var(--moc-game-viewport,100dvh) - 285px),600px)}body.moc-game-focus{overflow:hidden}.moc-typing-hero-links{display:flex;gap:10px;flex-wrap:wrap}
@media(max-width:1024px){.moc-game-layout{grid-template-columns:minmax(0,1fr) 280px;gap:18px}.moc-game-player,.moc-game-card{padding:20px}}
@media(max-width:760px){.moc-game-layout{grid-template-columns:minmax(0,1fr)}.moc-game-player,.moc-game-card{padding:18px 14px}.moc-game-hud{gap:6px}.moc-game-hud>div{padding:10px 5px}.moc-game-hud strong{font-size:18px}.moc-game-hud [data-game-lives]{font-size:14px}.moc-game-overlay h2{font-size:22px}.moc-game-overlay p{font-size:11px}.moc-game-word{font-size:14px;padding:6px 10px}.moc-typing-hero-links>.moc-button{font-size:11px;padding:10px 12px}}
@media(prefers-reduced-motion:reduce){.moc-game-word.is-matched,.moc-game-spark{animation:none;opacity:0}.moc-game-energy i{transition:none}}

.moc-game-player.is-focus .moc-typing-note{display:none}.moc-game-player.is-focus .moc-game-message{min-height:0;margin:6px 0}

.moc-app .moc-game-ranking-card{display:grid;gap:18px}
.moc-game-ranking-card .moc-game-card-title{gap:12px}
.moc-app .moc-game-ranking-card h2{margin:0;font-size:18px;line-height:1.45;color:#0a0a0a}
.moc-game-ranking-card .moc-game-card-title button{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;padding:0;border:1px solid #e5e5e5;border-radius:10px;background:#f5f5f5;color:#606060;line-height:1}
.moc-game-ranking-card .moc-game-card-title button:hover{background:#f5f5f5;border-color:#b8b8b8}
.moc-game-ranking-card .moc-game-period-label{gap:14px;font-size:12px;color:#656565}
.moc-app .moc-game-ranking-card select{flex:1;min-width:0;min-height:42px;padding:9px 12px;font-size:13px;color:#464646}
.moc-app .moc-game-ranking-card .moc-game-best{margin:0;padding:15px 16px;border:1px solid #e5e5e5;font-size:13px;font-weight:600;line-height:1.8;color:#595959}
.moc-game-local-record{display:grid;gap:5px;padding-bottom:18px;border-bottom:1px solid #e5e5e5}
.moc-app .moc-game-local-record p{margin:0;font-size:12px;color:#656565;line-height:1.8}
.moc-game-local-record p:first-child{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.moc-game-local-record strong{font-size:17px;font-variant-numeric:tabular-nums;color:#464646}
.moc-app .moc-game-local-record .moc-typing-note{font-size:11px;color:#787878}
.moc-game-ranking-card .moc-typing-rank-list{display:grid;align-content:start;gap:8px;max-height:400px;margin:0;padding:0;overscroll-behavior:contain}
.moc-game-ranking-card .moc-typing-rank-list:empty{display:none}
.moc-game-ranking-card .moc-typing-rank-list li{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:10px;padding:14px 12px;border:1px solid #e5e5e5;border-radius:12px;background:#fafafa}
.moc-game-ranking-card .moc-typing-rank-list li.is-mine{background:#f5f5f5;border-color:#ff8009}
.moc-game-ranking-card .moc-typing-rank-list li>span{display:grid;place-items:center;width:30px;min-height:30px;border-radius:9px;background:#ececec;color:#606060;font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}
.moc-game-ranking-card .moc-typing-rank-list li.is-mine>span{background:#ff8009;color:#424242}
.moc-game-ranking-card .moc-typing-rank-list li>div>strong{font-size:13px;line-height:1.6;color:#3c3c3c}
.moc-game-ranking-card .moc-typing-rank-list li small{font-size:11px;line-height:1.6;color:#747474}
.moc-game-ranking-card .moc-typing-rank-list li>strong{font-size:18px;font-variant-numeric:tabular-nums;white-space:nowrap;color:#595959}
.moc-game-ranking-card .moc-typing-rank-list li>strong>small{display:inline;margin:0 0 0 3px;font-size:10px;font-weight:400}
.moc-app .moc-game-ranking-card [data-game-ranking-empty]{padding:18px 14px;border:1px dashed #e5e5e5;border-radius:12px;background:#fafafa;color:#747474;text-align:center;line-height:1.9}

.moc-app .moc-game-item-popup{position:fixed;inset:0;z-index:1500;display:flex;justify-content:center;align-items:center;padding:20px;background:#1d1d1fb3;backdrop-filter:blur(6px)}
.moc-app .moc-game-item-popup>div{display:flex;flex-direction:column;align-items:center;width:440px;max-width:100%;box-sizing:border-box;max-height:90dvh;overflow:auto;padding:32px 28px 28px;border-radius:12px;background:#fff;box-shadow:0 24px 60px rgba(0,0,0,.28);text-align:center;font-family:inherit}
.moc-app .moc-game-item-popup [data-game-item-icon]{display:grid;place-items:center;width:72px;height:72px;margin-bottom:14px;border-radius:50%;background:#f5f5f5;font-size:36px;line-height:1}
.moc-app .moc-game-item-popup h2{margin:0;font-size:24px;font-weight:800;letter-spacing:-.02em;color:#0a0a0a}
.moc-app .moc-game-item-popup [data-game-item-reference]{margin-top:8px;padding:4px 12px;border-radius:999px;background:#f5f5f5;font-size:13px;font-weight:700;color:#0a0a0a}
.moc-app .moc-game-item-popup blockquote{width:100%;box-sizing:border-box;margin:20px 0 0;padding:18px 20px;border:0;border-radius:12px;background:#f5f5f5;font-family:inherit;font-size:17px;font-weight:500;line-height:1.8;color:#0a0a0a;word-break:keep-all;overflow-wrap:anywhere;text-align:left}
.moc-app .moc-game-item-popup p{margin:14px 0 0;font-size:14px;line-height:1.75;color:#6a6a6a;word-break:keep-all}
.moc-app .moc-game-item-popup [data-game-item-close]{width:100%;min-height:50px;margin-top:24px;font-size:16px}
@media(max-width:760px){.moc-app .moc-game-item-popup>div{padding:26px 20px 20px}.moc-app .moc-game-item-popup blockquote{font-size:16px;padding:16px}}