/* Guides are diagrams of actions and quantities, using the game's own colors. */
.player-tools{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:8px 24px;border-bottom:1px solid #2f3955;background:#151a26}.player-tools button{font-size:.875rem;min-height:40px;padding:8px 14px;border:1px solid #4a5a86;border-radius:9px;background:#222a3e;color:#f0f3fa}.player-tools button:last-child{color:#b0bee5}.is-live .player-tools{display:none}
.game-guide{width:100%;text-align:left;background:#141823;border:1px solid #45537c;border-radius:14px;margin:20px 0 10px;color:#eef1f9}.game-guide>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 18px;font-size:1rem;font-weight:700;min-height:56px;cursor:pointer;list-style:none}.game-guide summary::-webkit-details-marker{display:none}.game-guide summary small{display:block;font-size:.875rem;line-height:1.5;font-weight:400;color:#a0b1df}.game-guide[open]>summary{border-bottom:1px solid #3c496c}.game-guide[open]>summary>span:last-child{transform:rotate(45deg)}.guide-content{padding:18px;color:#dfe4f4;font-size:1rem;line-height:1.6}.guide-objective{margin:0 0 20px;color:#fff;font-weight:650;font-size:1.0625rem}.guide-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:18px}.guide-steps li{display:flex;gap:12px;min-width:0}.guide-steps li>span{font-size:.875rem;color:var(--guide-color,#cad3ed);line-height:1.9;font-weight:750;font-variant-numeric:tabular-nums}.guide-steps strong,.guide-input>strong,.guide-scoring>strong{display:block;color:#fff;font-size:1rem}.guide-steps p{margin:4px 0;color:#b6c3e6}.guide-example{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:22px 0;padding:18px 12px;border:1px solid #3f4d73;border-radius:12px;background:#0f121b}.guide-example>span{display:flex;align-items:center;justify-content:center;min-height:50px;flex:1 1 110px;border:1px solid #536698;background:#262e44;border-radius:9px;padding:10px 12px;text-align:center;font-weight:700;line-height:1.4;font-variant-numeric:tabular-nums}.guide-example>.is-answer{background:#b6c3e6;color:#20301d;border-color:#d6ddf1}.guide-input{padding:14px 0;border-top:1px solid #3a4669}.guide-input p{margin:5px 0}.guide-input>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:9px}.guide-input kbd{display:inline-block;padding:7px 11px;border:1px solid #5a6da3;border-bottom-width:3px;border-radius:7px;background:#252d42;color:#fff;font:600 .875rem/1.4 system-ui}.guide-scoring{padding:16px;background:#bbc7e80c;border-left:3px solid var(--guide-color,#bbc7e8);border-radius:0 10px 10px 0}.guide-scoring p{margin:5px 0}.guide-small{font-size:.875rem;color:#acbbe3}
#online-guide{margin:8px 0 20px}#online-guide .game-guide{margin:0}.score-save-status{font-size:.875rem;line-height:1.5;color:#acbbe3;padding:10px 0;margin:0}.score-save-status[data-state=saved]{color:#b6c3e7}.score-save-status[data-state=error]{color:#ffbdca}.score-save-status button{border:1px solid #7081b0;border-radius:8px;padding:10px 14px;margin:8px;background:#222a3e;color:#fff;min-height:44px}.result-points{font-size:2rem!important;font-weight:800;color:#a3b4e0!important}.result-score-explainer{width:100%;text-align:left;margin:10px 0;border:1px solid #3b486b;border-radius:12px}.result-score-explainer summary{font-size:1rem;padding:13px;cursor:pointer}.result-score-explainer .guide-content{font-size:1rem}
.player-records{position:fixed;inset:0;margin:auto;width:min(880px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 32px);height:auto;padding:28px;border:1px solid #536698;border-radius:22px;background:#121621;color:#f0f3fa;overflow:auto;overscroll-behavior:contain;box-shadow:0 25px 120px #000b;box-sizing:border-box;line-height:1.5;z-index:30}.player-records::backdrop{background:#06080cd9;backdrop-filter:blur(8px)}.history-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:17px}.history-header h2{font-size:clamp(1.75rem,5vw,2.5rem);line-height:1.1;letter-spacing:-.04em;margin:0}.history-header h2>span{color:#bbc7e8}.history-header .eyebrow{font-size:.8125rem;color:#a2b3e0;letter-spacing:.09em}.history-scope{font-size:.875rem;color:#a7b6e2;margin:10px 0 20px}.history-filters{display:grid;grid-template-columns:1fr 1fr;gap:12px}.history-filters label{display:flex;flex-direction:column;gap:7px;font-size:.875rem;color:#c5d0ec;min-width:0}.history-filters select{width:100%;min-width:0;font:inherit;font-size:1rem;padding:12px;border-radius:9px;border:1px solid #57699d;background:#1f2639;color:white;min-height:48px}.history-summary{display:flex;gap:24px;padding:20px 0;color:#a3b3e0;font-size:.9375rem}.history-summary strong{font-size:1.4rem;color:#d8dff2;font-variant-numeric:tabular-nums;margin-right:4px}.history-tabs{display:flex;gap:8px;flex-wrap:wrap}.history-tabs button{padding:12px 16px;min-height:46px;border:1px solid #506292;border-radius:10px;background:#1f2537;color:#d5dcf1;font:600 .9375rem/1.4 system-ui}.history-tabs button[aria-pressed=true]{color:#202819;background:#b3c0e6;border-color:#d4dcf1}.history-fair{font-size:.875rem;line-height:1.6;color:#9eafde;margin:15px 0}.history-list{padding:0;margin:0;list-style:none}.history-list>li{display:flex;align-items:center;gap:14px;border-top:1px solid #323d5a;padding:20px 0;min-width:0}.history-art{width:62px;height:62px;border-radius:13px;flex-shrink:0;background-size:cover;background-position:center;background-color:#303a57}.history-row-main{flex:1;min-width:0}.history-row-main>strong{font-size:1rem;line-height:1.4}.history-row-main p{font-size:.875rem;color:#aebce4;margin:4px 0;line-height:1.5}.history-row-main>span{font-size:.8125rem;color:#8fa3da}.history-value{font-size:1.125rem;line-height:1.5;font-variant-numeric:tabular-nums;color:#cbd4ee;max-width:130px;text-align:right;overflow-wrap:anywhere}.history-empty{text-align:center;border:1px dashed #475681;border-radius:16px;margin:20px 0;padding:30px 20px;color:#aebce4;font-size:1rem}.history-empty>span{display:block;font-size:2.7rem;color:#a5b5e1}.history-empty>strong{display:block;color:#fff;font-size:1.2rem;margin-top:8px}.history-empty p{margin:10px 0}.history-more{background:#252d44;color:#dce3f3;border:1px solid #57699d;border-radius:10px;padding:13px 20px;margin:16px auto 0;min-height:48px;display:block;font-size:1rem}.history-guide-close{display:flex;margin:20px auto 0}.history-pending p{font-size:.9375rem;color:#bdc9e9}.player-records :focus-visible,.game-guide>summary:focus-visible{outline:3px solid #d6ddf1;outline-offset:3px}
@media(max-width:700px){.player-tools{padding:6px 12px}.player-records{width:calc(100% - 16px);max-height:calc(100dvh - 16px);padding:22px 16px;border-radius:16px}.guide-steps{grid-template-columns:1fr;gap:14px}.guide-content{padding:16px}.history-header{gap:12px}.history-value{max-width:100px}.history-list>li{flex-wrap:wrap;gap:10px}.history-art{width:45px;height:45px}.history-row-main{flex-basis:calc(100% - 65px)}.history-value{max-width:none;flex:1;text-align:right;padding-left:55px}.history-filters{gap:10px}.history-tabs button{flex:1}.site-header .main-nav{gap:15px}.site-header .main-nav button{font-size:.875rem}}
@media(max-width:440px){.history-filters{grid-template-columns:1fr}.site-header .main-nav #multiplayer-nav{display:none}.guide-example{padding:12px 8px}.history-header .eyebrow{font-size:.75rem}.history-summary{gap:16px}}
@media(prefers-reduced-motion:reduce){.game-guide>summary>span:last-child{transition:none}}

.history-art:is(.art-snake,.art-breakout,.art-fusion,.art-memory,.art-mines,.art-pong,.art-pulse){background-size:200% 200%}