*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 15% 0,#55426d,#241b31 65%);color:#f0e7f6;font:14px 'Trebuchet MS',sans-serif;height:100dvh;overflow:hidden;display:grid;grid-template-rows:85px minmax(0,1fr)}[hidden]{display:none!important}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid #9479ac;border-radius:12px;color:#f6edf8;background:#443354;padding:9px 14px;min-height:40px}button:disabled{opacity:.45;cursor:default}button:hover:not(:disabled){background:#674e7c}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #c5f3dd;outline-offset:2px}header{display:flex;align-items:center;gap:18px;padding:8px 28px;border-bottom:1px solid #b89dce2a}header img{width:125px;height:65px;object-fit:contain}header small,header strong{display:block}header small,.eyebrow{font-size:10px;letter-spacing:1.7px;color:#d2b6ee}header strong{font:23px Georgia,serif;margin-top:5px}header>button{margin-left:auto;font-size:12px}main{min-height:0;padding:20px;display:grid;place-items:center}h1,h2,h3{font-family:Georgia,serif;color:#ffe3b3;font-weight:normal}h1{font-size:30px;margin:8px 0}h2{font-size:24px;margin:5px 0 12px}p{line-height:1.45}.gate{width:min(430px,100%);border:1px solid #ac86c272;padding:24px;border-radius:24px;background:#38283fd9}.gate .lock-art{float:right;font-size:50px;color:#d5bcf3}.quiet{font-size:11px;color:#c0accf;line-height:1.4}form{display:grid;gap:12px}label{display:grid;gap:6px;font-size:12px;color:#d6c8e2}input,select,textarea{width:100%;min-width:0;min-height:38px;border:1px solid #9d82ae;border-radius:9px;padding:8px 10px;background:#281c36;color:#f7edf8}textarea{resize:none;min-height:60px}.primary{background:#e5c7a1;color:#362842;border-color:#ffe2ba;font-weight:bold}.primary:hover:not(:disabled){background:#f8dcb7}#dashboard{width:min(1180px,100%);height:100%;min-height:0;display:grid;grid-template-rows:auto 45px minmax(0,1fr)22px;gap:12px}#dashboard-tabs{display:flex;gap:8px}#dashboard-tabs button[aria-pressed=true]{background:#83639c;border-color:#d5b3ed}#dashboard-content{min-height:0;background:#372840b3;border:1px solid #9874ae55;border-radius:22px;padding:22px;overflow:hidden}#save-status{font-size:12px;margin:0;color:#bde9d4}.section-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.section-header p{margin:0}.checkin-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(220px,.8fr);gap:24px;height:100%}.checkin-main{min-height:0}.metric-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:12px 0}.metric-tabs button[aria-pressed=true]{border-color:#d9b7f7;background:#76568b}.metric-title{display:flex;justify-content:space-between;align-items:center;margin:12px 0}.metric-title strong{font-size:19px}.metric-title span{color:#b9ead5}.segments{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:6px}.segments button{padding:0;min-height:42px;border-radius:8px;font-size:12px}.segments button[aria-pressed=true]{background:linear-gradient(130deg,#c7a3ec,#a5d7c5);color:#302238;border-color:#e4c9ff}.segments.units{grid-template-columns:repeat(5,minmax(0,1fr))}.checkin-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.checkin-actions{display:flex;gap:8px;margin-top:14px}.checkin-actions button{flex:1}.summary-card{padding:18px;background:#24192e88;border:1px solid #ad83bb55;border-radius:18px}.summary-row{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid #a58cb933;font-size:12px}.summary-card h3{margin:0 0 10px;font-size:22px}.gem-count{color:#c4ecdd;font-size:23px}.summary-card .quiet{margin-bottom:0}.prize-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.page-nav{display:flex;gap:10px;align-items:center;justify-content:center;margin-top:12px}.page-nav span{font-size:12px}.record{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #9e81b63b;font-size:12px}.planner-layout{display:grid;grid-template-columns:260px 1fr;gap:20px;height:calc(100% - 52px);min-height:0}.plan-list{min-height:0}.plan-card{display:block;text-align:left;width:100%;margin:0 0 7px;padding:10px 12px;min-height:62px}.plan-card strong,.plan-card small{display:block}.plan-card small{font-size:10px;color:#d6c2e2;margin-top:5px}.plan-card[aria-pressed=true]{background:#78558e;border-color:#dbb5ec}.planner-editor{min-height:0}.editor-tabs{display:flex;gap:6px;margin-bottom:12px}.editor-tabs button[aria-pressed=true]{background:#78558e}.editor-fields{display:grid;gap:10px}.inline-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.editor-actions{display:flex;gap:8px;margin-top:12px}.status-pill{font-size:11px;color:#c6e9da}.planning-lock{max-width:520px;margin:40px auto;text-align:center}.planning-lock p{color:#d0bdda}dialog{width:min(430px,94vw);border:1px solid #b18ac6;border-radius:23px;background:#3e2c4d;color:#f5e9fa;padding:25px;max-height:95dvh}dialog::backdrop{background:#170c27de;backdrop-filter:blur(7px)}.close{position:absolute;right:8px;top:8px;border:0;background:none;font-size:20px;padding:4px;min-height:32px}.planner-summary{font-size:11px;color:#c6b2d3}.scope-note{margin:8px 0;font-size:11px;color:#c6b2d3}@media(max-width:700px){body{grid-template-rows:70px 1fr}header{padding:6px 12px;gap:9px}header img{width:80px;height:50px}header strong{font-size:17px}header small{font-size:8px}header>button{font-size:10px;padding:6px;max-width:90px}main{padding:10px}#dashboard{grid-template-rows:auto 40px minmax(0,1fr) 28px;gap:7px}#dashboard-tabs{gap:4px}#dashboard-tabs button{flex:1;font-size:10px;padding:4px;min-height:38px}#dashboard-content{padding:12px}.checkin-layout,.prize-grid{display:block}.summary-card{display:none}.metric-tabs button{font-size:10px;padding:5px}.segments{gap:3px}.segments button{min-height:35px;padding:0;font-size:11px}.metric-title strong{font-size:16px}.checkin-options{gap:8px}.planner-layout{grid-template-columns:1fr;height:auto}.plan-list{display:none}.planner-editor{width:100%}.planner-mobile-select{display:block;width:100%;margin-bottom:10px}.section-header{margin-bottom:8px}.section-header h2{font-size:20px}.section-header button{font-size:10px}.editor-fields{gap:7px}.editor-fields textarea{min-height:50px;height:60px}.editor-actions button{font-size:11px;padding:5px 8px}.prize-grid>.summary-card{display:none}.gate{padding:20px}}@media(min-width:701px){.planner-mobile-select{display:none}}@media(max-height:660px){main{padding:10px}.gate{padding:15px}.gate h1{font-size:24px}.gate form{gap:8px}.gate p{margin:8px 0}#dashboard-content{padding:12px}.metric-tabs{margin:8px 0}.segments button{min-height:29px}.checkin-options{margin-top:8px}.checkin-actions{margin-top:8px}.plan-card{min-height:48px;padding:7px;margin-bottom:5px}.editor-fields{gap:6px}.editor-fields textarea{height:48px;min-height:48px}.editor-tabs{margin-bottom:6px}.section-header{margin-bottom:8px}.scope-note{margin:5px 0}}@media(max-height:470px) and (min-width:701px){body{grid-template-rows:56px 1fr}header img{height:45px}#dashboard{grid-template-rows:auto 36px minmax(0,1fr) 18px;gap:5px}.checkin-layout{grid-template-columns:1.5fr 1fr}.checkin-main h2,.checkin-main>.quiet{display:none}.metric-tabs{margin:0 0 5px}.metric-title{margin:5px 0}.segments button{min-height:23px}.checkin-options{display:flex}.checkin-options label{flex:1;display:flex;align-items:center;font-size:10px}.checkin-actions button{min-height:30px;padding:4px}.planner-layout{grid-template-columns:220px 1fr}.editor-fields{grid-template-columns:1fr 1fr}.editor-fields>.inline-fields{grid-column:1/-1}.planner-editor .scope-note{display:none}.plan-card{min-height:40px;padding:5px}.plan-card small{margin-top:2px}.page-nav{margin-top:5px}}
@media(max-width:700px){.checkin-main>h2{margin:3px 0 8px}.checkin-main>.quiet{font-size:10px;line-height:1.25;margin:4px 0}.metric-tabs{margin:8px 0}.metric-title{margin:8px 0}.checkin-options,.checkin-actions{margin-top:8px}.editor-tabs{gap:4px}.editor-tabs button{font-size:10px;padding:6px;flex:1}.planner-editor .planner-summary{font-size:10px}}
@media(max-height:450px) and (max-width:700px){body{grid-template-rows:48px 1fr}header img{height:40px}header small{display:none}main{padding:5px}#dashboard{grid-template-rows:auto 32px minmax(0,1fr) 20px;gap:4px}#dashboard-tabs button{min-height:30px}#dashboard-content{padding:8px}.checkin-main{display:grid;grid-template-columns:1.3fr 1fr;gap:5px 12px}.checkin-main>h2,.checkin-main>.quiet{display:none}.metric-tabs{grid-column:1/-1;margin:0}.metric-title{grid-column:1;margin:0}.segments{grid-column:1;grid-row:3/5}.segments button{min-height:25px}.checkin-options{grid-column:2;grid-row:2/4;display:grid;grid-template-columns:1fr;margin:0;gap:4px}.checkin-options label{display:flex;align-items:center;font-size:10px}.checkin-options select{min-height:28px;padding:3px}.checkin-actions{grid-column:2;margin:0;flex-direction:column;gap:4px}.checkin-actions button{font-size:10px;min-height:28px;padding:4px}.gate{padding:10px;width:550px}.gate h1{font-size:20px}.gate form{grid-template-columns:1fr 1fr;gap:5px}.gate form button{min-height:30px}.gate .quiet{font-size:9px}.gate p{margin:5px 0}}
.segments .dragon-token{height:110px;position:relative;background:#291e39;border-color:#806597;overflow:hidden}.dragon-token img{display:block;width:100%;height:100%;object-fit:contain;filter:grayscale(1);opacity:.3;transition:filter .2s,opacity .2s}.dragon-token span{position:absolute;right:5px;bottom:4px;font-size:12px;border-radius:50%;padding:3px 6px;background:#342342;color:#ead8fa}.dragon-token[aria-pressed=true] img{filter:none;opacity:1}.segments .dragon-token[aria-pressed=true]{background:radial-gradient(#8a6ab580,#30203e);border-color:#d3b0f5;box-shadow:0 0 12px #b59ce333}.dragon-token[aria-pressed=true] span{background:#c1ebd8;color:#253f35}@media(max-width:700px){.segments .dragon-token{height:78px}}@media(max-height:450px){.segments .dragon-token{height:68px}}
.metric-title .clear-minutes{font-size:10px;min-height:28px;padding:4px 7px;margin-left:6px;white-space:nowrap}.metric-title{gap:8px}.metric-title>span{margin-left:auto}@media(max-width:500px){.metric-title strong{font-size:13px}.metric-title>span{font-size:11px}.metric-title .clear-minutes{font-size:9px;padding:3px}}