/* Account onboarding. Static art keeps the guide light on mobile devices. */
.tutorial-checks{list-style:none;display:grid;gap:7px;padding:0;margin:12px 0}.tutorial-checks li{display:flex;gap:9px;align-items:flex-start;font-size:13px;line-height:1.45;color:#c0cfd6}.tutorial-checks li>span{color:#d6b56d;font-weight:800}.tutorial-checks .complete,.tutorial-checks .complete>span{color:#8bdbb3}
.tutorial-practice-actions{display:flex;flex-wrap:wrap;gap:8px}.tutorial-practice-actions>.menu-button{min-height:44px;flex:1}.tutorial-practice-actions button{white-space:normal}
.tutorial-link{background:none;border:0;color:#bdd0db;text-decoration:underline;font:inherit;font-size:12px;min-height:44px;padding:8px;cursor:pointer}.tutorial-link:hover{color:#f7cf7e}
.tutorial-highlight{outline:2px solid #ffd078!important;outline-offset:3px;box-shadow:0 0 0 5px #ffcd7726!important}
.tutorial-live-skill{display:flex;align-items:center;gap:10px;border:1px solid #334b57;padding:10px;border-radius:10px}.tutorial-live-skill img{width:36px;height:36px;object-fit:contain}.tutorial-live-skill small{display:block;color:#b6c8d0;margin-top:4px}.tutorial-notice{font-size:12px;color:#f4ce8a!important;background:#d7a43c13;border-left:2px solid #d7a43c;padding:9px}
#tutorial-coach{position:fixed;right:20px;top:190px;z-index:75;width:330px;max-height:calc(100dvh - 320px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;border:1px solid #aa884e;border-radius:15px;padding:14px;background:linear-gradient(145deg,#162e3bf5,#0c1925fa);box-shadow:0 12px 32px #0006;color:#e9e6dc;font:13px/1.5 'DM Sans',sans-serif}
#tutorial-coach[hidden]{display:none!important}#tutorial-coach>header{display:flex;align-items:center;justify-content:space-between;color:#e6bd72;font-size:10px;font-weight:800;letter-spacing:1px;gap:10px;margin-top:-7px}#tutorial-coach>header button{border:0;background:transparent;color:#dcc696;font-size:25px;width:44px;height:44px;cursor:pointer}#tutorial-coach>strong{display:block;font-size:17px;line-height:1.35;color:#fff1d3}#tutorial-coach>p{font-size:12px;color:#bdcfd9;margin:10px 0}#tutorial-coach .menu-button{font-size:12px;min-height:44px}#tutorial-coach>footer{display:flex;gap:8px;justify-content:space-between;border-top:1px solid #334955;margin-top:10px;padding-top:8px}#tutorial-coach button:disabled{opacity:.5;cursor:not-allowed}
#tutorial-coach.in-dialog{position:static;width:100%;max-height:185px;margin-top:8px;box-shadow:none;padding:8px 12px;order:4;border-radius:10px}#tutorial-coach.in-dialog>.tutorial-coach-intro,#tutorial-coach.in-dialog>.tutorial-practice-actions,#tutorial-coach.in-dialog .tutorial-live-skill{display:none}#tutorial-coach.in-dialog>header{margin-top:-5px}#tutorial-coach.in-dialog>strong{font-size:14px}#tutorial-coach.in-dialog .tutorial-checks{margin:5px 0;font-size:12px}#tutorial-coach.in-dialog>footer{margin-top:5px;padding-top:3px}
#game-modal>header:has(#tutorial-coach:not([hidden])){flex-wrap:wrap;flex-shrink:0}
body:has(#panel-backpack:not([hidden])) #tutorial-coach:not(.in-dialog),body:has(#panel-helper:not([hidden])) #tutorial-coach:not(.in-dialog){left:16px;right:auto;top:215px}
@media(max-width:1100px){
 #tutorial-coach:not(.in-dialog){top:170px;left:8px!important;right:auto;width:calc(100vw - 16px);max-height:190px;padding:8px 12px;border-radius:12px}
 #tutorial-coach:not(.in-dialog)>.tutorial-coach-intro{display:none}#tutorial-coach:not(.in-dialog)>header{margin-top:-7px}#tutorial-coach:not(.in-dialog)>strong{font-size:14px}#tutorial-coach:not(.in-dialog) .tutorial-checks{margin:6px 0;font-size:12px}#tutorial-coach:not(.in-dialog)>.tutorial-practice-actions{margin-top:5px}#tutorial-coach:not(.in-dialog)>footer{margin-top:6px;padding-top:4px}
 body:has(.game-window:not([hidden])) #tutorial-coach:not(.in-dialog){top:80px;max-height:145px;width:calc(100vw - 32px);left:16px!important}
 #tutorial-coach.in-dialog{max-height:145px}#tutorial-coach.in-dialog>header{float:right}#tutorial-coach.in-dialog>header>span{display:none}
}
@media(max-height:540px) and (orientation:landscape){#tutorial-coach:not(.in-dialog){top:80px;left:auto!important;right:8px;width:260px;max-height:calc(100dvh - 215px)}#tutorial-coach.in-dialog{max-height:90px}}
#tutorial-coach.in-panel{position:static!important;width:100%!important;max-height:180px!important;margin:0 0 14px;box-shadow:none}#tutorial-coach.in-panel>.tutorial-coach-intro,#tutorial-coach.in-panel [data-tutorial=try]{display:none}
#tutorial-coach{display:flex;flex-direction:column;overflow:hidden}#tutorial-coach>header,#tutorial-coach>strong,#tutorial-coach>footer{flex-shrink:0}.tutorial-coach-body{overflow:auto;min-height:0;overscroll-behavior:contain;scrollbar-width:thin;padding:0 3px}.tutorial-coach-body>.tutorial-coach-intro{font-size:12px;color:#bdcfd9;margin:10px 0}
#tutorial-coach.in-dialog .tutorial-coach-intro,#tutorial-coach.in-dialog .tutorial-practice-actions,#tutorial-coach.in-panel .tutorial-coach-intro{display:none}
@media(max-width:1100px){#tutorial-coach:not(.in-dialog):not(.in-panel){top:228px;max-height:180px}#tutorial-coach .tutorial-coach-intro{display:none}#tutorial-coach .tutorial-live-skill{padding:5px;font-size:11px}#tutorial-coach>footer{margin-top:4px;padding-top:3px}#tutorial-coach.in-dialog{max-height:175px}#tutorial-coach.in-dialog>header{height:25px;position:absolute;right:26px}#tutorial-coach.in-dialog>strong{padding-right:40px}#tutorial-coach.in-panel{max-height:210px!important}}
@media(max-height:540px) and (orientation:landscape){#tutorial-coach:not(.in-dialog):not(.in-panel){top:80px;max-height:180px}#tutorial-coach.in-dialog{max-height:140px}}
#game-modal[data-menu-type=tutorial][open]{display:flex;flex-direction:column;overflow:hidden;width:min(680px,calc(100vw - 24px));height:min(850px,calc(100dvh - 24px));max-height:calc(100dvh - 24px);border-color:#8c7948}
#game-modal[data-menu-type=tutorial]>header{flex-shrink:0}
#game-modal[data-menu-type=tutorial] #modal-body{flex:1;min-height:0;display:flex;overflow:hidden}
.tutorial-page{display:flex;flex-direction:column;min-height:0;max-width:600px;width:100%;margin:0 auto;color:#e6e7dc}
.tutorial-content{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-right:6px}
.tutorial-meta{display:flex;flex-shrink:0;justify-content:space-between;gap:12px;color:#e3be72;font-size:11px;font-weight:700;letter-spacing:1px}
.tutorial-track{display:flex;flex-shrink:0;gap:5px;margin:12px 0 23px}.tutorial-track span{height:4px;flex:1;border-radius:8px;background:#293c46}.tutorial-track .done{background:#ebbd68}
.tutorial-heading{display:flex;gap:18px;align-items:center}.tutorial-heading>img{width:64px;height:64px;object-fit:contain;image-rendering:pixelated;padding:10px;border:1px solid #7d7046;border-radius:16px;background:linear-gradient(145deg,#2c3534,#0d1c27)}
.tutorial-heading small{color:#d8b467;font-size:12px}.tutorial-heading h3{font-size:30px;line-height:1.12;margin:5px 0 0;outline:none;color:#fff1d3;overflow-wrap:anywhere}
#modal-body .tutorial-intro{font-size:15px;line-height:1.6;color:#b6c8d0;margin:18px 0}
.tutorial-points{display:grid;gap:9px}.tutorial-points article{display:flex;gap:12px;border:1px solid #334955;border-radius:12px;padding:13px;background:#0c1a23}
.tutorial-points article>span{flex-shrink:0;display:grid;place-items:center;border-radius:50%;width:24px;height:24px;background:#c59e4820;color:#e4be70;font-size:12px;font-weight:700}
.tutorial-points h4{font-size:15px;margin:0 0 4px;color:#f4e6c9}.tutorial-points p{font-size:13px;line-height:1.55;margin:0!important;color:#bbcad0}
#modal-body .tutorial-tip{font-size:12px;line-height:1.6;color:#a3c8c4;padding:12px 0 12px 12px;border-left:2px solid #5c9791;margin:16px 0}
.tutorial-try{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:44px}.tutorial-try img{width:24px;height:24px;object-fit:contain;image-rendering:pixelated}.tutorial-try>span{margin-left:auto}
.tutorial-return-hint{display:block;text-align:center;font-size:11px;line-height:1.4;color:#94acb8;margin:7px 0 0}
.tutorial-footer{display:flex;flex-shrink:0;gap:12px;justify-content:space-between;margin-top:12px;padding-top:12px;border-top:1px solid #334955}.tutorial-footer button{min-height:46px;min-width:100px}.tutorial-footer .primary{flex:1;max-width:270px}
.tutorial-skip{display:block;flex-shrink:0;margin:4px auto 0;min-height:44px;padding:8px 16px;border:0;background:transparent;color:#b6c2c8;text-decoration:underline;font:inherit;font-size:12px;cursor:pointer}
.tutorial-error{color:#ffb6a7!important;font-size:13px!important}
.tutorial-resume{position:fixed;right:20px;top:95px;z-index:70;min-height:44px;border:1px solid #c6a25e;border-radius:12px;padding:10px 14px;background:#142c36;color:#f5d18b;box-shadow:0 4px 16px #0005;font:600 12px 'DM Sans',sans-serif;cursor:pointer;max-width:210px}
.tutorial-resume.in-dialog{position:static;margin-left:auto;box-shadow:none;flex-shrink:0;font-size:11px;max-width:160px;padding:6px 10px}
#game-modal>header:has(.tutorial-resume:not([hidden])){flex-wrap:wrap}#game-modal>header .tutorial-resume:not([hidden]){order:3}
.tutorial-resume[hidden]{display:none!important}
@media(max-width:1100px){
 #game-modal[data-menu-type=tutorial][open]{width:auto;height:calc(var(--visual-height,100dvh) - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 16px);max-height:calc(var(--visual-height,100dvh) - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 16px)}
 .tutorial-heading{gap:12px}.tutorial-heading>img{width:52px;height:52px;padding:8px;flex-shrink:0}.tutorial-heading h3{font-size:25px}.tutorial-track{margin-bottom:17px}
 .tutorial-points article{padding:11px;gap:10px}.tutorial-meta{font-size:10px;letter-spacing:.5px}.tutorial-footer{gap:8px}.tutorial-footer button{min-width:80px}
 .tutorial-resume:not(.in-dialog){right:50%;transform:translateX(50%);top:auto;bottom:calc(313px + env(safe-area-inset-bottom));max-width:220px;white-space:nowrap}
}
@media(max-height:540px) and (orientation:landscape){
 .tutorial-resume:not(.in-dialog){right:50%;bottom:calc(160px + env(safe-area-inset-bottom))}
}