.activity-shell{width:min(1200px,100% - 40px);margin:auto;padding:30px 0 60px}.activity-hero{margin-bottom:28px}.activity-hero .planet-kicker{align-items:center;gap:6px;display:inline-flex}.activity-hero h1{margin:12px 0;font-family:Songti SC,SimSun,serif;font-size:clamp(32px,4vw,46px)}.activity-hero p{max-width:760px;color:var(--planet-muted);font-size:14px;line-height:1.85}.activity-layout{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:22px;display:grid}.activity-sidebar{gap:20px;display:grid}.activity-panel{border:1px solid var(--planet-border);border-radius:var(--planet-radius);background:var(--planet-surface);min-width:0;box-shadow:var(--planet-panel-shadow);padding:24px}.activity-panel h2{margin:0 0 18px;font-size:22px}.activity-panel p,.activity-panel small{color:var(--planet-muted);font-size:13px;line-height:1.8}.activity-panel label{color:var(--planet-ink);flex-direction:column;gap:8px;margin-bottom:16px;font-size:13px;font-weight:700;display:flex}.activity-panel select,.activity-panel input:not([type=checkbox]){border:1px solid var(--planet-border);background:var(--planet-bg);width:100%;min-height:42px;color:var(--planet-ink);font:inherit;border-radius:8px;padding:8px 10px}.activity-primary,.activity-secondary{border:1px solid var(--planet-border);min-height:42px;font:inherit;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:9px 13px;font-size:13px;font-weight:700;display:inline-flex}.activity-primary{background:var(--planet-brand);color:var(--planet-on-brand);border-color:var(--planet-brand)}.activity-secondary{background:var(--planet-bg);color:var(--planet-brand)}.activity-sidebar button{width:100%;margin-bottom:10px}.activity-panel button:disabled{opacity:.5;cursor:not-allowed}.activity-panel .activity-checkbox{flex-direction:row;align-items:center;font-size:12px}.activity-checkbox input{accent-color:var(--planet-brand)}.activity-export-status{color:var(--planet-muted);margin:4px 0 14px;font-size:12px;line-height:1.7;display:block}.activity-panel small{font-size:11px;display:block}.activity-play-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.activity-play-heading h2{margin-bottom:0}.activity-play-heading>span{color:var(--planet-brand);font-size:13px;font-weight:700}.activity-instruction{text-align:center;margin:20px 0}.schulte-board{aspect-ratio:1;border:1px solid var(--planet-border);background:var(--planet-border);border-radius:10px;gap:3px;width:min(100%,520px);margin:0 auto;padding:3px;display:grid}.schulte-board button{background:var(--planet-bg);min-width:0;color:var(--planet-ink);cursor:pointer;border:0;border-radius:5px;font:700 clamp(20px,3vw,36px)/1 Georgia,serif}.schulte-board button.found{background:var(--planet-soft);color:var(--planet-brand)}.activity-clock{width:min(100%,350px);margin:auto}.activity-clock svg{width:100%;height:auto;display:block}.clock-inputs{grid-template-columns:1fr 1fr;gap:16px;width:min(100%,350px);margin:22px auto 0;display:grid}.clock-inputs input{text-align:center}.activity-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px;display:flex}.activity-note,.activity-answer{text-align:center}.activity-panel .activity-answer{color:var(--planet-brand);font-weight:700}.activity-message{text-align:center;min-height:24px}.dot-board{aspect-ratio:1;border:1px solid var(--planet-border);background:#fff;border-radius:10px;width:min(100%,580px);margin:auto;position:relative;overflow:hidden}.dot-board svg{width:100%;height:100%;display:block}.dot-board text{fill:#263a32;font:1.9px Arial,sans-serif}.dot-hit{cursor:pointer;background:0 0;border:0;border-radius:50%;width:3.2%;height:3.2%;position:absolute;transform:translate(-50%,-50%)}.dot-hit.hinted{outline-offset:2px;outline:2px dashed #a45520}:is(.activity-panel button:focus-visible,.activity-panel input:focus-visible,.activity-panel select:focus-visible){outline:2px solid var(--planet-accent);outline-offset:3px}.dot-hit:focus-visible{background:#a4552020}.activity-print{display:none}@media (max-width:900px){.activity-layout{grid-template-columns:250px minmax(0,1fr)}.activity-panel{padding:18px}.activity-play-heading{flex-direction:column;align-items:flex-start}}@media (max-width:700px){.activity-shell{width:calc(100% - 24px);padding-top:24px}.activity-layout{grid-template-columns:1fr}.activity-sidebar{display:contents}.activity-play{grid-row:2}.activity-panel{padding:20px}.activity-play-heading{flex-direction:row;align-items:center}.schulte-board button{font-size:26px}}@media print{html[data-theme] body,html[data-theme] .activity-page{background:#fff!important}.activity-page .public-topbar,.activity-page .public-footer,.activity-screen{display:none!important}.activity-shell{width:auto;max-width:none;margin:0;padding:0}.activity-print{display:block}}.clock-hand-picker{justify-content:center;gap:10px;margin-bottom:16px;display:flex}.clock-hand-picker button[aria-pressed=true]{border-color:var(--planet-brand);background:var(--planet-soft)}.clock-draw-face{cursor:crosshair;touch-action:none;background:0 0;border:0;padding:0;display:block}.activity-panel .clock-draw-face:disabled{opacity:1;cursor:default}.dot-hit{min-width:20px;min-height:20px}.dot-hit:disabled{pointer-events:none}
