/* Presentation scope: only the manual. All data and routing remain unchanged. */
.screen-book{background:#fff}.screen-book main.book{padding-top:24px}.screen-book nav button.current{color:#0876eb}.screen-book nav button.current svg{stroke-width:2.7}
.manual{--ink:#0b224e;--muted:#586b86;--line:#e9edf3;--blue:#148eff;--pink:#f44991;color:var(--ink);line-height:1.65;padding:0 0 28px}.manual *{box-sizing:border-box}.manual button{font:inherit;color:inherit;cursor:pointer}.manual h1{font-size:27px;line-height:1.4;letter-spacing:-.035em;margin:10px 0 12px;font-weight:800}.manual h2{font-size:21px;line-height:1.5;letter-spacing:-.025em;margin:26px 0 18px;display:flex;gap:13px;align-items:center}.manual h3{font-size:16px;margin:24px 0 12px}.manual p{font-size:14px;line-height:1.85;margin:10px 0 22px}.manual small{font-size:12px;font-weight:400;line-height:1.65}.manual-icon{width:32px;height:32px;flex-shrink:0;display:block}.manual h2>.manual-icon{width:44px;height:44px}.icon-up{color:#edb01a}.icon-down{color:#148eff}.icon-refine,.icon-thought{color:#a064e3}.manual-back{border:0;background:none;padding:8px 0;min-height:44px;margin:0 0 8px;font-size:14px!important}.manual-brand{display:flex;align-items:center;gap:8px;font-size:28px;letter-spacing:-1px;margin-bottom:24px}.manual-brand .manual-icon{width:33px;height:33px}.manual-welcome{padding:4px 0 8px}.manual-welcome h1{font-size:26px}.manual-welcome p{color:#334c72;margin-bottom:24px}
.manual-floor{position:relative;display:flex;align-items:center;width:100%;text-align:left;overflow:hidden;border:0;border-radius:14px;padding:22px;min-height:178px;margin-bottom:16px;background:#ffecf4}.manual-floor.play{background:#ffedf5}.manual-floor.self{background:#e7f8f4}.manual-floor>span:not(.floor-art){position:relative;z-index:1}.manual-floor small{display:inline-block;padding:2px 14px;border-radius:20px;background:#f64c98;color:white;font-size:12px;font-weight:700;margin-bottom:9px}.manual-floor.self small{background:#27b7ce}.manual-floor strong{font-size:26px;display:block;font-weight:800;letter-spacing:-.025em}.manual-floor p{font-size:14px;line-height:1.65;margin:5px 0 0}.floor-art{position:absolute;right:-34px;bottom:-24px;color:#f8a9cc;opacity:.32;transform:rotate(-15deg)}.floor-art .manual-icon{height:175px;width:175px;stroke-width:1.5}.manual-floor.self .floor-art{color:#89d8e6;right:-20px}.manual-floor>b{margin-left:auto;z-index:1;display:grid;place-items:center;background:#ffffffdb;border-radius:50%;width:36px;height:36px;font-size:26px;font-weight:400}.manual-motto{background:#fffcf0;padding:23px 12px;text-align:center;font-weight:500;font-size:14px;line-height:1.8;border-radius:10px;margin-top:20px}.manual-motto small{display:none}
.manual-heading{padding:0 0 12px}.manual-heading>small{font-size:11px;color:#718097;letter-spacing:.04em}.manual-heading p{color:var(--muted);margin:0 0 12px}.manual-play-list{display:grid;gap:10px}.manual-play-list button{display:flex;align-items:center;gap:14px;padding:14px 13px;width:100%;min-height:82px;text-align:left;background:#fff;border:1px solid var(--line);border-radius:12px}.manual-play-icon{display:grid;place-items:center;background:#ffebf2;color:#ed478b;flex-shrink:0;width:48px;height:48px;border-radius:50%}.manual-play-icon.play-spike{background:#fff0df;color:#e9a04a}.manual-play-icon.play-receive{background:#e2f6ed;color:#21af83}.manual-play-icon.play-dig{background:#e5f4ff;color:#29a6e8}.manual-play-icon.play-set{background:#f1eaff;color:#8c63d9}.manual-play-icon.play-block{background:#e9f0ff;color:#5c87d0}.manual-play-icon.play-pass,.manual-play-icon.play-other{background:#edf3f7;color:#74899a}.manual-play-copy{flex:1;min-width:0}.manual-play-copy strong{display:block;font-size:16px;font-weight:750}.manual-play-copy small{display:block;color:var(--muted);margin-top:3px}.manual-play-list b{font-size:22px;font-weight:400}.manual-tabs{display:flex;padding:3px;background:#f4f7fb;border:1px solid var(--line);border-radius:8px;margin:4px 0 25px;gap:2px;overflow:auto}.manual-tabs button{flex:1;min-height:40px;font-size:11px;white-space:nowrap;padding:8px 5px;background:none;border:0;border-radius:6px}.manual-tabs button.active{background:var(--ink);color:white}
.manual-summary{border:1px solid var(--line);border-radius:12px;background:#fff;padding:19px 18px 22px;margin:0 0 28px}.manual-summary>small{color:var(--muted)}.manual-summary>div{display:flex;justify-content:space-around;gap:16px;margin-top:16px;text-align:center}.manual-summary>div>span{font-size:13px}.manual-summary b{font-size:32px;font-weight:800;letter-spacing:-.04em;margin:0 4px 0 12px;font-variant-numeric:tabular-nums}.manual-encourage{display:none}.manual-summary-link{display:flex;align-items:center;gap:14px;width:100%;min-height:86px;padding:16px 14px;text-align:left;background:white;border:1px solid var(--line);border-radius:12px;margin:0 0 12px}.manual-summary-link.up{background:#fffbec;border-color:#f9efd5}.manual-summary-link.down{background:#edf7ff;border-color:#e3f0fb}.manual-summary-link.refine{background:#f7f0ff;border-color:#eee5fb}.manual-summary-link>span{display:grid;place-items:center;flex-shrink:0;width:40px}.manual-summary-link .manual-icon{width:36px;height:36px}.manual-summary-link>div{flex:1;min-width:0}.manual-summary-link strong{font-size:16px;line-height:1.5;display:block;font-weight:750}.manual-summary-link small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.manual-summary-link>b{font-size:23px;font-weight:400}.manual.self .manual-summary-link{background:white;border-color:var(--line)}
.manual-side-up.manual-page-summary>.manual-heading,.manual-side-down.manual-page-summary>.manual-heading,.manual-side-thought.manual-page-summary>.manual-heading,.manual-side-refine.manual-page-summary>.manual-heading{margin-bottom:0;padding-bottom:0}.manual-side-up.manual-page-summary>.manual-heading h1,.manual-side-down.manual-page-summary>.manual-heading h1,.manual-side-thought.manual-page-summary>.manual-heading h1,.manual-side-refine.manual-page-summary>.manual-heading h1{font-size:15px;font-weight:500;margin:0 0 4px;color:var(--muted)}.manual-side-up.manual-page-summary>.manual-heading p,.manual-side-down.manual-page-summary>.manual-heading p,.manual-side-thought.manual-page-summary>.manual-heading p,.manual-side-refine.manual-page-summary>.manual-heading p{display:none}.manual-ranks>h2{margin-top:22px}.manual-ranks.down>h2{color:#0984ed}.manual-ranks>p:first-of-type{font-size:13px;color:#3d5270;margin-bottom:22px}.manual-rank{display:flex;gap:13px;align-items:center;width:100%;min-height:82px;padding:18px 12px;text-align:left;background:#fff;border:1px solid var(--line);border-bottom:0;border-radius:0;margin:0}.manual-rank:first-of-type{border-radius:12px 12px 0 0}.manual-rank:last-of-type{border-bottom:1px solid var(--line);border-radius:0 0 12px 12px}.manual-rank:only-of-type{border-radius:12px}.manual-rank strong{flex:1;min-width:0;font-size:15px;font-weight:550;line-height:1.7;overflow-wrap:anywhere}.manual-rank>b{font-size:18px;white-space:nowrap;font-variant-numeric:tabular-nums}.manual-rank b small{font-size:11px;margin-left:2px}.manual-rank>span:last-child{font-size:18px;color:#8ca0b8}.rank-number{display:grid;place-items:center;width:29px;height:29px;flex-shrink:0;border-radius:50%;font-weight:700;font-size:17px;background:#ffd352;color:#17304e}.manual-ranks.down .rank-number{background:#309dff;color:white}.manual-rank:nth-of-type(n+4) .rank-number,.manual-thought:nth-child(n+4) .rank-number{background:#95a4b8;color:white}.manual-note{font-size:12px!important;color:#6b7c93;line-height:1.8;margin:18px 0!important}.manual-empty{background:#f7f9fc;border:1px solid var(--line);border-radius:12px;color:var(--muted);padding:24px 18px;font-size:14px!important}.manual-more,.manual-primary{display:block;border:1px solid #3b95f3;border-radius:24px;background:white;color:#087be9!important;min-height:46px;padding:11px 24px;font-size:14px!important;font-weight:650!important;margin:22px auto;max-width:100%}.manual-primary{background:var(--ink);border-color:var(--ink);color:white!important}.manual-period{display:flex;gap:2px;padding:3px;background:#f6f8fc;border:1px solid #dce5f0;border-radius:9px;margin:20px 0}.manual-period button{flex:1;border:0;border-radius:6px;background:none;padding:10px;font-size:13px;min-height:42px}.manual-period .active{background:var(--ink);color:white}.manual-thoughts{border:1px solid var(--line);border-radius:12px;overflow:hidden}.manual-thought{display:flex;align-items:center;gap:13px;padding:18px 13px;min-height:86px;border-bottom:1px solid var(--line);background:#fff}.manual-thought:last-child{border-bottom:0}.manual-thought>div{flex:1;min-width:0}.manual-thought strong{font-size:14px;font-weight:550;line-height:1.7}.manual-thought>b{font-size:17px;white-space:nowrap;align-self:flex-start;font-variant-numeric:tabular-nums}.manual-thought b small{margin-left:2px}.manual-bar{display:block;height:6px;margin-top:9px;background:#faf4f7;border-radius:5px;overflow:hidden}.manual-bar i{display:block;background:#f784b5;height:100%;border-radius:5px}.manual-link{display:grid;grid-template-columns:1fr auto;gap:8px;width:100%;text-align:left;background:#f8f3fe;border:1px solid #eee4f9;border-radius:12px;padding:20px 17px;margin:12px 0}.manual-link strong{font-size:16px}.manual-link small{grid-column:1;color:var(--muted)}.manual-link>b{grid-column:2;grid-row:1/3;align-self:center;font-size:24px;font-weight:400}.manual-factor{padding:22px 18px;background:#f9f4ff;border:1px solid #eee3fb;border-radius:12px;margin:22px 0}.manual-factor h2{margin:0 0 24px;font-size:23px}.manual-counts>span{display:flex;align-items:center;gap:8px;font-size:13px;margin:16px 0}.manual-counts .manual-icon{width:25px;height:25px}.manual-counts b{margin-left:auto;font-size:21px;white-space:nowrap;font-variant-numeric:tabular-nums}.manual-factor p{font-size:13px;color:var(--muted);margin-bottom:0}.manual-actions{display:flex;gap:10px;margin:22px 0 32px}.manual-actions button{flex:1;padding:12px 10px;margin:0}.manual-record{display:grid;grid-template-columns:1fr auto;width:100%;text-align:left;background:white;border:1px solid var(--line);border-radius:10px;padding:17px;margin:10px 0}.manual-record small{color:var(--muted);font-variant-numeric:tabular-nums}.manual-record strong{grid-column:1;font-size:15px;font-weight:550;margin-top:5px}.manual-record>span{grid-column:2;grid-row:1/3;align-self:center;font-size:22px}.manual-question{padding:20px;background:#f7f5fc;border-radius:12px;margin:22px 0}.manual-question h2{margin-top:0}.manual-question textarea{display:block;width:100%;min-height:160px;border:1px solid #d8dfeb;border-radius:8px;padding:12px;margin-top:16px;background:white;color:var(--ink);font:inherit;font-size:15px;line-height:1.8}.manual-question small{display:block;color:var(--muted)}.manual button:focus-visible{outline:3px solid #3289e2;outline-offset:3px}.manual button:hover{filter:brightness(.985)}
@media(max-width:370px){.screen-book main.book{padding-left:16px;padding-right:16px}.manual h1{font-size:25px}.manual h2{font-size:19px}.manual-floor{padding:20px;min-height:164px}.manual-floor strong{font-size:24px}.manual-tabs button{font-size:10px;padding:8px 3px}.manual-rank{gap:9px;padding:17px 10px}.manual-rank strong{font-size:14px}.manual-summary-link{gap:10px;padding:15px 12px}.manual-summary-link strong{font-size:15px}.manual-actions button{font-size:12px!important}}
@media(min-width:700px){.screen-book{min-height:100vh}.screen-book main.book{padding-top:32px}.manual-floor{min-height:184px}.manual-welcome{padding-top:4px}}