/* WORKPLAYBOX 3.6 - restore strong game feel, compact two-shelf dashboard */
#dashboard .home-shelf + .home-shelf{margin-top:2px}
#dashboard:has(.home-shelf) #cardsGrid{display:flex!important;flex-direction:column!important;gap:15px!important;width:100%;min-width:0}
#dashboard:has(.home-shelf) #categoryChips{display:none!important}
.home-shelf{width:100%;min-width:0;padding:17px 19px;border:1px solid #7180b533;border-radius:18px;background:linear-gradient(115deg,#141b32,#0d192a 65%,#0d1426);box-shadow:0 12px 36px #04071533}
.home-shelf-title{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.home-shelf-icon{display:grid;place-items:center;flex:none;width:37px;height:37px;border:1px solid #9e9cfd44;border-radius:11px;background:#6d65d51f;color:#e4bbff;font-size:22px}
.home-shelf-title h3{font-size:15px;color:#f0f2ff;letter-spacing:.02em;margin:0}
.home-shelf-title p{font-size:11px;color:#97a8c8;margin:4px 0 0}
.home-shelf-count{margin-left:auto;font-size:11px;color:#aebddd;background:#ffffff0a;border:1px solid #ffffff12;border-radius:99px;padding:6px 11px;white-space:nowrap}
.home-shelf-items{display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;padding:2px 2px 8px;scrollbar-width:thin;scrollbar-color:#6474a455 transparent;min-width:0}
.home-shelf-entry{flex:0 0 clamp(190px,23%,260px);max-width:260px;min-width:190px;display:flex;align-items:center;gap:11px;text-align:left;padding:13px 12px;min-height:78px;border-radius:13px;border:1px solid #5e72923b;background:#0c1427;color:#eaf4ff;cursor:pointer;transition:background .15s,transform .15s,border-color .15s}
.home-shelf-entry:hover{background:#19243a;border-color:color-mix(in srgb,var(--card-color) 54%,transparent);transform:translateY(-2px)}
.home-entry-icon{flex:0 0 42px;height:42px;display:grid;place-items:center;background:color-mix(in srgb,var(--card-color) 13%,#111827);border:1px solid color-mix(in srgb,var(--card-color) 23%,transparent);border-radius:11px;color:var(--card-color);font-size:23px;font-weight:800}
.home-entry-copy{display:grid;gap:5px;min-width:0;flex:1}.home-entry-copy strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-entry-copy small{font-size:10px;color:#8ea2c3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.45}.home-entry-arrow{color:var(--card-color);align-self:center;font-size:20px}
.home-shelf-empty{flex:1;margin:0;padding:14px 18px;background:#ffffff06;border:1px dashed #7185a93b;color:#93a7c7;border-radius:11px;font-size:12px}
#dashboard #arcadeProgress{margin:16px 0 22px}
#dashboard #rewardsFold{margin:20px 0 26px}
#dashboard .mission-fold>summary{min-height:67px}
/* 3.2 Blockfall restored: tall playfield and preview beside it, never drawn over gameplay */
.module-page[data-id="tetris"] .stage{min-width:0}
.module-page[data-id="tetris"] .art-play{min-height:580px;padding:6px 0 13px}
.module-page[data-id="tetris"] .blockfall-display-36{width:100%;max-width:640px;display:flex;align-items:flex-start;justify-content:center;gap:16px;flex-wrap:nowrap}
.module-page[data-id="tetris"] .blockfall-display-36 .art-canvas{flex:none;width:min(340px,60%);max-width:340px!important;min-width:0;max-height:none!important;aspect-ratio:10/18;height:auto!important;box-shadow:0 0 0 1px #70c8f140,0 0 33px #67a7ff20,0 22px 46px #0009;border:1px solid #638bd0b0;border-radius:9px}
.module-page[data-id="tetris"] .blockfall-next-36{flex:0 1 175px;min-width:120px;background:linear-gradient(150deg,#151d38,#0e172b);border:1px solid #718cbd6a;border-radius:14px;padding:15px 11px;display:flex;align-items:center;flex-direction:column;gap:12px;box-shadow:0 12px 26px #02081744;color:#c9d9fb}
.blockfall-next-36 canvas{display:block;max-width:100%;height:auto;border-radius:8px;background:#080e22}
.blockfall-next-36 .next-label{font-size:11px;letter-spacing:.13em;font-weight:800;color:#98c9ff}
.blockfall-next-36 .blockfall-help{font-size:11px;line-height:1.65;color:#adc1df;border-top:1px solid #657ba63a;margin-top:3px;padding-top:12px}
.blockfall-next-36 .blockfall-help strong{color:#e5f0ff}
.blockfall-next-36 .blockfall-linecount{font-size:12px;color:#b9d1fd;font-weight:700}
.module-page[data-id="tetris"] .control-stack{gap:9px}
/* Aim feedback and crosshair, including per-click precision indicator */
.module-page[data-id="aim-trainer"] .aim-arena{isolation:isolate}
.module-page[data-id="aim-trainer"] .aim-target-36{position:absolute;display:none;width:40px;height:40px;border-radius:50%;border:1px solid #ffdef1;box-shadow:0 0 13px #fc76c788,0 0 0 4px #fa91cc15;cursor:crosshair;touch-action:manipulation;overflow:hidden}
.aim-target-36::before{content:'';position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,#fff 0 12%,#ff7da8 12% 23%,#f9d6e8 23% 37%,#de4e98 37% 56%,#ffb8db 56% 75%,#c34077 75% 100%)}
.aim-target-36::after{content:'+';position:absolute;inset:0;display:grid;place-items:center;color:#172033;font:bold 20px/1 ui-monospace,Consolas,monospace;text-shadow:0 0 1px white;transform:translateY(-.5px)}
.aim-points-float{position:absolute;z-index:9;pointer-events:none;font:900 17px/1 system-ui;color:#f6fffd;text-shadow:0 0 7px #43e4ff,0 2px 9px #000;animation:aim-float .75s ease-out forwards;white-space:nowrap}
@keyframes aim-float{from{opacity:1;transform:translate(-50%,-50%) scale(.8)}30%{transform:translate(-50%,-85%) scale(1.16)}to{opacity:0;transform:translate(-50%,-140%) scale(1)}}
.aim-info-36{color:#c2d3ee;font-size:12px;text-align:center;min-height:18px;margin:7px 0 0}
.module-page[data-id="circuit-jump"] .speed-readout{font-size:11px;color:#91c6ff}
@media(max-width:1100px){.home-shelf-entry{flex-basis:220px}}
@media(max-width:760px){.home-shelf{padding:13px}.home-shelf-title{margin-bottom:10px}.home-shelf-entry{min-width:175px;flex-basis:185px}.module-page[data-id="tetris"] .blockfall-display-36{gap:9px}.module-page[data-id="tetris"] .blockfall-next-36{min-width:106px;flex-basis:120px;padding:10px 7px}.module-page[data-id="tetris"] .blockfall-next-36 .blockfall-help{font-size:10px}}
@media(max-width:490px){.home-shelf-entry{flex:0 0 205px}.module-page[data-id="tetris"] .blockfall-display-36{flex-wrap:wrap;align-items:center}.module-page[data-id="tetris"] .blockfall-display-36 .art-canvas{width:min(100%,330px);max-width:330px!important}.module-page[data-id="tetris"] .blockfall-next-36{flex:0 1 100%;width:100%;max-width:330px}.module-page[data-id="tetris"] .blockfall-next-36 canvas{width:84px;height:84px}.module-page[data-id="tetris"] .blockfall-next-36 .blockfall-help{width:100%}}

/* Dashboard 3.6: rows first, missions below, compact welcome splash. */
body.dashboard-home #dashboard .hero{min-height:214px;padding:21px 32px}
body.dashboard-home #dashboard .hero h1{font-size:clamp(31px,3.1vw,42px);margin:9px 0 8px;line-height:1.03}
body.dashboard-home #dashboard .hero-art{width:222px;height:186px}
body.dashboard-home #dashboard .hero-core{font-size:89px}
body.dashboard-home #dashboard .hero-actions{margin-top:12px}
body.dashboard-home #dashboard .stats-row{margin:14px 0 20px}
body.dashboard-home #dashboard .catalog-head{margin-bottom:10px}
body.dashboard-home #dashboard .catalog-head .eyebrow{font-size:9px}
body.dashboard-home #dashboard .home-shelf{padding:13px 17px}
body.dashboard-home #dashboard .home-shelf-title{margin-bottom:9px}
body.dashboard-home #dashboard #arcadeProgress{margin:19px 0 0}
body.dashboard-home #dashboard #rewardsFold{margin:14px 0 20px}
@media(max-width:760px){body.dashboard-home #dashboard .hero{padding:18px 20px;min-height:220px}body.dashboard-home #dashboard .hero h1{font-size:32px}}

/* WORKPLAYBOX - zegar HUD */

.header-clock {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    padding: 10px 16px;
    min-width: 100px;

    background: linear-gradient(
        135deg,
        #17243d,
        #0d1528
    );

    border: 1px solid #40557b;
    border-radius: 10px;

    color: #e3efff;
    font-family: "Segoe UI", sans-serif;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1px;

    font-variant-numeric: tabular-nums;
    text-shadow: none;

    box-shadow:
        inset 0 1px 0 #ffffff12,
        0 4px 15px #00000030;
}

/* Mała dioda statusu zamiast stopera */
.header-clock::before {
    content: "" !important;
    display: block !important;

    width: 6px;
    height: 6px;
    flex-shrink: 0;

    background: #65e8d4;
    border-radius: 50%;

    box-shadow: 0 0 7px #65e8d480;
}
/* Ukryj zegar i P1 na urządzeniach mobilnych */
@media (max-width: 760px) {
    #headerClock,
    .top-actions .avatar {
        display: none !important;
    }
}