.tutorial-entry{width:100%;margin-top:8px!important;color:#95e4d0!important;border-color:#568c81!important}
#ranking-dialog{width:min(960px,94vw);max-height:92dvh;overflow-y:auto}
.rank-tiers{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:18px 0}
.rank-tiers>div{display:flex;flex-direction:column;align-items:center;padding:10px 4px;background:linear-gradient(#192833,#0a141d);border:1px solid #8298a133;border-bottom:2px solid var(--rank-color);border-radius:8px}
.rank-tiers img{width:clamp(44px,7vw,84px);height:clamp(44px,7vw,84px);object-fit:contain}
.rank-tiers b{font-size:12px;color:var(--rank-color);margin:5px 0}.rank-tiers small{font-size:11px;color:#9aaeb7}
.ranking-own{display:flex;align-items:center;gap:12px;padding:14px;background:#0d1c25;border:1px solid #54737c;border-radius:8px;margin-bottom:16px;color:#ead6a6;font-size:14px}
.ranking-own img{width:64px;height:64px;object-fit:contain}.ladder-badge{width:40px;height:40px;vertical-align:middle;object-fit:contain;margin-right:8px}
.own-leaves{margin-left:auto;white-space:nowrap;color:#dba491;font-size:12px}
.ranking-tabs{flex-wrap:wrap}.ranking-tabs select{background:#13242d;color:#e6dcc1;padding:8px;border:1px solid #566c75;border-radius:5px}
.ranking-rules{font-size:12px;line-height:1.7;color:#aabfc7}.ranking-rules summary{cursor:pointer;color:#e0c58e}.ranking-rules p{max-width:80ch}
#tutorial-panel{position:fixed;left:20px;top:180px;width:310px;max-width:calc(100vw - 32px);z-index:75;padding:20px;border:1px solid #7dc8b766;border-top:3px solid #8be5c9;border-radius:12px;background:linear-gradient(145deg,#162d35f5,#091620f5);box-shadow:0 12px 35px #0006;color:#e8f3ef;font:14px/1.6 system-ui}
#tutorial-panel header{display:flex;align-items:center;justify-content:space-between;gap:10px}#tutorial-panel small{font-size:10px;letter-spacing:1.3px;color:#8be5c9}
#tutorial-panel h2{font-size:23px;line-height:1.15;margin:14px 0}#tutorial-panel p{color:#bdced0;font-size:13px}
#tutorial-panel button{background:#203a42;color:#edebda;border:1px solid #597b7e;border-radius:5px;padding:8px 10px;cursor:pointer;font:600 12px system-ui}
#tutorial-panel header button{padding:2px 9px;font-size:20px}#tutorial-panel footer{display:flex;justify-content:space-between;gap:8px;margin-top:12px}
#tutorial-panel [data-next]:not(:disabled){background:#bcebd3;color:#122a28}#tutorial-panel button:disabled{opacity:.35;cursor:default}
.tutorial-feedback{font-size:12px;color:#b6c4be;border-top:1px solid #ffffff1a;padding-top:10px}#tutorial-panel[data-complete=true] .tutorial-feedback{color:#9df1b9}
.tutorial-marker{position:fixed;transform:translate(-50%,-50%);font:80px/1 system-ui;color:#8cffe0;z-index:25;pointer-events:none;text-shadow:0 0 18px #36fbd4;filter:drop-shadow(0 0 8px #061c19)}
.in-tutorial .arena-frames{display:none!important}
.in-tutorial .round-timer,.in-tutorial .round-format,.in-tutorial:not([data-tutorial-lesson=anchor]) .anchor-status{display:none!important}
@media(max-width:760px){.rank-tiers{grid-template-columns:repeat(3,1fr)}#tutorial-panel{left:12px;top:155px;width:245px;padding:12px}#tutorial-panel h2{font-size:19px}#tutorial-panel p{font-size:12px}.ranking-own{font-size:12px;flex-wrap:wrap}.own-leaves{margin-left:0}}
@media(max-height:650px){#tutorial-panel{top:105px;width:260px;padding:12px}#tutorial-panel h2{font-size:18px}}