.pk-shell{width:min(100%,1040px);margin:24px auto;display:grid;gap:20px;padding:0 16px 32px;box-sizing:border-box}.pk-banner{padding:28px 32px;background:#2e5547;color:#fff2be;border-radius:28px}.pk-banner h1{margin:8px 0;font-size:clamp(26px,4vw,40px)}.pk-banner p{color:#e4eacb;margin-bottom:0}.pk-content{padding:24px;background:#fffcf1;border:1px solid #d6dcbf;border-radius:24px;display:grid;gap:20px}.pk-content h2,.pk-content p{margin:0}.pk-content p{line-height:1.8;color:#61705b}.pk-difficulties{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.pk-difficulties button{display:grid;gap:14px;padding:26px 16px;background:#edf2df;white-space:normal;min-width:0}.pk-difficulties b{font-size:23px}.pk-difficulties span,.pk-difficulties small{font-size:15px;font-weight:400}.pk-scores{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.pk-scores article{padding:16px;border-radius:18px;background:#edf2df;display:grid;gap:10px;overflow-wrap:anywhere}.pk-scores strong{font-size:32px}.pk-scores small{font-size:16px}.pk-round{display:flex;justify-content:space-between;gap:12px}.pk-question{text-align:center;font-size:clamp(28px,6vw,48px);padding:24px 0}.pk-answers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.pk-answers button{min-height:72px;font-size:28px}.pk-wait,.pk-result{display:grid;gap:20px;padding:24px 0;text-align:center}html[data-view=pk] #game{overflow:auto;min-height:0}@media(max-width:600px){.pk-shell{margin:12px auto;padding:0 12px 100px;gap:12px}.pk-banner,.pk-content{padding:20px}.pk-difficulties{grid-template-columns:1fr;gap:12px}.pk-difficulties button{padding:18px}.pk-scores{gap:12px}.pk-answers{gap:12px}.pk-answers button{min-height:60px}}
.pk-playing .pk-banner{padding:14px 24px}.pk-playing .pk-banner>span{display:none}.pk-playing .pk-banner h1{font-size:24px;margin:0}.pk-playing .pk-banner p{margin:6px 0 0}.pk-playing .pk-content{gap:12px}.pk-playing .pk-question{padding:8px 0}.pk-playing .pk-scores article{padding:12px}.pk-playing .pk-answers button{min-height:56px}
.pk-board-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px;background:#eef1dd;border:1px solid #ccd6b5;border-radius:24px;margin:20px 0}.pk-board-summary>div{display:grid;gap:8px}.pk-board-summary strong{font-size:40px}.pk-board-list,.pk-board-rules{padding:20px;border:1px solid #d8d9b9;border-radius:20px;background:#fffcf1;margin:16px 0}.pk-board-rules p{line-height:1.8}.pk-board-list li{gap:12px}.pk-board-list li strong{overflow-wrap:anywhere;min-width:0}
.pk-period-tabs{display:flex;gap:12px;flex-wrap:wrap}.pk-period-tabs button{flex:1;min-height:44px}html[data-view=leaderboard] .ceremony:has(.pk-period-tabs){grid-template-rows:none;height:auto;overflow:visible}.ceremony:has(.pk-period-tabs) .rank-footer{display:flex;flex-wrap:wrap}.ceremony:has(.pk-period-tabs) .rank-footer button{flex:1;min-width:100px}
@media(max-width:600px){.ceremony:has(.pk-period-tabs) .my-honor{display:grid;grid-template-columns:44px minmax(0,1fr)}.ceremony:has(.pk-period-tabs) .honor-score{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.ceremony:has(.pk-period-tabs) .honor-score span{white-space:normal}.ceremony:has(.pk-period-tabs) .honor-growth{min-width:0}.ceremony:has(.pk-period-tabs) .honor-growth h2{white-space:normal}}