.janine-page{background:#f3eddf}.janine-main{padding:1rem 0 4rem}.janine-intro{max-width:930px;margin:1rem 0}.janine-intro h1{font-size:clamp(2.55rem,7vw,5rem);color:#173f31}.janine-event-setup{margin:1rem 0 1.4rem;padding:clamp(1rem,3vw,1.5rem);border:1px solid #c7b28b;border-radius:15px;background:#fffaf0;box-shadow:var(--shadow-soft)}.janine-event-setup h2,.janine-event-setup legend,.janine-event-setup h3{color:#174233;font-family:var(--serif)}.janine-event-setup fieldset{border:0;padding:0}.janine-mode-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.55rem}.janine-mode-grid label,.janine-inline-options label{position:relative}.janine-mode-grid input,.janine-inline-options input{position:absolute;opacity:0}.janine-mode-grid span{display:grid;min-height:76px;padding:.7rem;border:1px solid #9b8b70;border-radius:10px;background:#f8edda}.janine-mode-grid small{display:block}.janine-mode-grid input:checked+span,.janine-inline-options input:checked+span{background:#194836;color:#fff}.janine-mode-grid input:focus-visible+span,.janine-inline-options input:focus-visible+span{outline:3px solid #d2a140;outline-offset:2px}.janine-setup-details{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:.7rem;margin-top:1rem;align-items:end}.janine-setup-details>label{display:grid;gap:.25rem;font-weight:800}.janine-setup-details select,.janine-team-fields select,.janine-team-fields input{min-height:46px;border:1px solid #93836a;border-radius:7px;background:#fff;padding:.45rem}.janine-inline-options{display:flex;gap:.3rem}.janine-inline-options span{display:grid;place-items:center;min-height:46px;padding:.35rem .55rem;border:1px solid #94836a;border-radius:7px}.janine-team-fields{margin-top:1rem;padding-top:1rem;border-top:1px solid #d5c5a6}.janine-team-fields[hidden]{display:none}.janine-team-fields>label{display:grid;max-width:220px}.janine-team-fields>div{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-top:.6rem}.janine-team-fields>div label{display:grid;gap:.2rem}.janine-layout{display:grid;grid-template-columns:minmax(0,780px) minmax(270px,340px);gap:1.3rem;justify-content:center;align-items:start}.janine-scoreboard{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem;padding:.55rem;margin-bottom:.65rem;border-radius:13px;background:#153d30;color:#fff}.janine-scoreboard>div{padding:.5rem;border:1px solid #ffffff38;border-radius:8px;background:#ffffff0d}.janine-scoreboard span{display:block;color:#edca79;font-size:.58rem;font-weight:900;text-transform:uppercase}.janine-scoreboard strong{font:700 clamp(.82rem,2.8vw,1.15rem) Georgia,serif}.janine-board{position:relative;width:min(100%,760px);padding:9px;margin:auto;border:4px solid #74482d;border-radius:17px;background:#2d211a;box-shadow:0 18px 42px #17332644}.janine-board[data-setting="field"],.janine-board[data-setting="target-sprint"],.janine-board[data-setting="roller-ski"]{background-image:linear-gradient(#173d3188,#2d1c14d9),url("/assets/images/wellness/heartworks-bell-tent-golden-hour.webp");background-size:cover;background-position:center}.janine-canvas{display:block;width:100%;aspect-ratio:38/31;border:2px solid #e2c174;border-radius:9px;background:rgba(22,58,47,.9);touch-action:none;outline:none}.janine-canvas:focus-visible{outline:4px solid #efbd58;outline-offset:4px}.janine-stage-badge{position:absolute;top:18px;left:50%;transform:translateX(-50%);max-width:calc(100% - 40px);padding:.3rem .7rem;border-radius:999px;background:#112a21e8;color:#ffe7ad;font-size:.65rem;font-weight:900;text-align:center;text-transform:uppercase}.janine-discipline-controls{display:grid;grid-template-columns:1fr 1.2fr 1.2fr;gap:.5rem;width:min(100%,760px);margin:.7rem auto 0}.janine-discipline-controls button{min-height:68px;border:2px solid #77502f;border-radius:12px;font-weight:900;touch-action:none}.janine-move-controls{display:grid;grid-template-columns:1fr 1fr;gap:.3rem}.janine-move-controls button{background:#f0ddae}.janine-primary{background:#ddb054;color:#17392c}.janine-secondary-action{background:#174838;color:#fff}.janine-control-help{min-height:48px;margin:.55rem 0;padding:.65rem;border-left:4px solid #d1a145;background:#f0e0c0}.janine-actions{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:.5rem}.janine-actions button{min-height:48px}.janine-secondary{display:flex;gap:.5rem;margin-top:.55rem}.janine-secondary p{flex:1;min-height:46px;margin:0;padding:.65rem;background:#fff8e8}.janine-secondary button{min-height:46px;border:1px solid #92836b;background:#fffaf0}.janine-sidebar{display:grid;gap:1rem}.janine-panel{padding:1rem;border:1px solid #cbb99a;border-radius:12px;background:#fffaf0;box-shadow:var(--shadow-soft)}.janine-panel h2{color:#174333;font:700 1.3rem Georgia,serif}.janine-panel ol{padding-left:1.25rem}.janine-results[hidden]{display:none}.janine-results table{width:100%;border-collapse:collapse}.janine-results td,.janine-results th{padding:.35rem;border-bottom:1px solid #d5c6aa;text-align:left}.janine-back{display:inline-flex;min-height:44px;align-items:center;font-weight:800}@media(max-width:980px){.janine-layout{grid-template-columns:minmax(0,760px)}.janine-sidebar{grid-template-columns:1fr 1fr}.janine-results{grid-column:1/-1}.janine-setup-details{grid-template-columns:1fr 1fr}.janine-mode-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.janine-team-fields>div{grid-template-columns:1fr 1fr}.janine-scoreboard{gap:.2rem;padding:.35rem}.janine-scoreboard>div{padding:.35rem .2rem;text-align:center}.janine-scoreboard span{font-size:.48rem}.janine-discipline-controls{grid-template-columns:1fr 1fr}.janine-move-controls{grid-column:1/-1}.janine-discipline-controls button{min-height:64px}.janine-actions{grid-template-columns:1fr 1fr}.janine-actions [data-janine-start]{grid-column:1/-1}.janine-secondary{flex-direction:column}.janine-sidebar,.janine-setup-details{grid-template-columns:1fr}}@media(max-width:390px){.janine-mode-grid{grid-template-columns:1fr}.janine-mode-grid span{min-height:60px}.janine-team-fields>div{grid-template-columns:1fr}.janine-board{padding:5px}.janine-stage-badge{top:12px}.janine-discipline-controls button{min-height:62px}}@media(prefers-reduced-motion:reduce){.janine-page *{animation:none!important;transition:none!important}}
