:root{color:#263446;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;background:#f6f7f9;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #e2ad54}.app-shell{width:min(100%,40rem);min-height:100svh;padding:1.25rem 1rem calc(2rem + env(safe-area-inset-bottom,0px));box-sizing:border-box;margin:0 auto}.app-header,.boss-row,.dialog-heading,.dialog-actions{justify-content:space-between;align-items:center;gap:1rem;display:flex}.backup-section{border-top:1px solid #e2e7ed;gap:.8rem;margin-top:1.4rem;padding-top:1.1rem;display:grid}.backup-section h3{color:#294864;margin:0 0 .25rem;font-size:.95rem}.image-recognition{background:#f8fafc;border:1px solid #e2e7ed;border-radius:.9rem;gap:.65rem;padding:.9rem;display:grid}.image-recognition h3{color:#294864;margin:0;font-size:.95rem}.score-comparison{background:#fffaf0;border:1px solid #f0d9a8;border-radius:.9rem;gap:.75rem;padding:1rem;display:grid}.score-comparison h3,.score-comparison p{margin:0}.score-comparison h3{color:#704d18;font-size:.95rem}.score-comparison-values{grid-template-columns:1fr 1fr;gap:.65rem;display:grid}.score-comparison-values div{background:#fff;border-radius:.7rem;gap:.3rem;padding:.7rem;display:grid}.score-comparison-values span{color:#758295;font-size:.75rem}.score-comparison-values strong{color:#17324d;font-size:1.15rem}.score-comparison p{color:#704d18;font-size:.8rem;line-height:1.5}.field input[type=file]{height:auto;padding:.5rem;font-size:.85rem}.screenshot-preview{object-fit:contain;background:#e9eef4;border-radius:.65rem;width:100%;max-height:14rem;display:block}.loading-message,.success-message{color:#526174;margin:0;font-size:.82rem;line-height:1.5}.success-message{color:#23633c;margin-bottom:.8rem}.backup-actions{grid-template-columns:1fr 1fr;gap:.55rem;display:grid}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.app-header{margin-bottom:2rem}.header-caption{color:#758295;margin-top:.35rem;font-size:.85rem}.section-heading{justify-content:space-between;align-items:end;gap:.75rem;margin-bottom:.9rem;display:flex}.section-heading h2{color:#17324d;margin:0;font-size:1.15rem}.add-record-button{flex:none;padding-inline:.85rem}.app-header h1,.dialog-heading h2{color:#17324d;margin:0;font-size:1.35rem}.eyebrow{color:#758295;letter-spacing:.08em;margin:0 0 .25rem;font-size:.7rem;font-weight:700}.icon-button,.skills-button,.primary-button,.secondary-button,.close-button{min-height:2.75rem;font:inherit;cursor:pointer;border:0;border-radius:.75rem;padding:.65rem 1rem;font-weight:700}.icon-button,.secondary-button,.close-button{color:#17324d;background:#e9eef4}.boss-list{gap:.65rem;display:grid}.boss-row{background:#fff;border:1px solid #e2e7ed;border-radius:1rem;grid-template-columns:minmax(0,1fr) auto auto;min-height:5rem;padding:.75rem;display:grid}.boss-name,.record-summary{gap:.2rem;display:grid}.boss-name{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.6rem}.boss-name strong{overflow-wrap:anywhere;color:#263446;font-size:.92rem}.day-badge{color:#3a536b;text-align:center;background:#e9eef4;border-radius:.55rem;min-width:2.6rem;padding:.3rem .35rem;font-size:.72rem;font-weight:700}.day-badge-6,.day-badge-7{color:#8b5a19;background:#fff0d5}.day-label,.record-summary span{color:#758295;font-size:.8rem}.record-summary{text-align:right}.record-summary strong{color:#17324d}.skills-button{color:#49627a;background:#f0f3f7;padding-inline:.7rem;font-size:.82rem}.skills-button:disabled{cursor:default;opacity:.6}.record-actions{gap:.35rem;display:flex}.edit-record-button,.add-skill-button,.remove-skill-button{color:#294864;min-height:2.75rem;font:inherit;cursor:pointer;background:#fff;border:1px solid #d6dde6;border-radius:.75rem;padding:.55rem .75rem;font-size:.82rem;font-weight:700}.dialog-backdrop{z-index:10;padding:max(1rem, env(safe-area-inset-top,0px)) 1rem max(1rem, env(safe-area-inset-bottom,0px));background:#101e2d7a;place-items:end center;display:grid;position:fixed;inset:0}.settings-dialog{box-sizing:border-box;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:#fff;border-radius:1.25rem;width:min(100%,34rem);max-height:min(90svh,54rem);padding:1.25rem;overflow:auto}.compact-dialog{align-self:center}.skill-list{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.skill-list li{color:#294864;background:#eaf0f5;border-radius:999px;padding:.45rem .7rem;font-size:.9rem}.empty-message{color:#758295;line-height:1.6}.dialog-heading{margin-bottom:1rem}.close-button{min-width:2.75rem;padding:0;font-size:1.4rem}.settings-fields{gap:.8rem;display:grid}.field{color:#526174;gap:.3rem;font-size:.85rem;font-weight:700;display:grid}.field input{color:#17324d;width:100%;min-height:2.9rem;font:inherit;box-sizing:border-box;border:1px solid #d6dde6;border-radius:.7rem;padding:0 .8rem;font-size:1rem}.field select{color:#17324d;width:100%;min-height:2.9rem;font:inherit;box-sizing:border-box;background:#fff;border:1px solid #d6dde6;border-radius:.7rem;padding:0 .8rem;font-size:1rem}.record-form{gap:.9rem;display:grid}.score-input-row{grid-template-columns:minmax(0,1fr) 5rem;gap:0;display:grid}.score-input-row input{border-radius:.7rem 0 0 .7rem;min-width:0}.score-input-row input::placeholder{color:#a3adba;opacity:1}.score-input-row select{color:#17324d;width:5rem;min-height:2.9rem;font:inherit;text-align:center;background:#fff;border:1px solid #d6dde6;border-left:0;border-radius:0 .7rem .7rem 0;padding:0 .6rem;font-size:1rem}.field small,.field-help{color:#758295;font-size:.75rem;font-weight:400}.skill-fields{border:1px solid #e2e7ed;border-radius:.9rem;gap:.75rem;margin:0;padding:.85rem;display:grid}.skill-fields legend{color:#294864;padding-inline:.25rem;font-size:.9rem;font-weight:700}.field-help{margin:0;line-height:1.5}.skill-input-row{grid-template-columns:3rem minmax(0,1fr) auto;align-items:end;gap:.5rem;display:grid}.skill-icon-slot{align-self:center;place-items:center;width:3rem;height:3rem;display:grid}.skill-icon-preview{object-fit:contain;background:#fff;border:1px solid #d6dde6;border-radius:.6rem;width:2.8rem;height:2.8rem;display:block}.remove-skill-button{min-height:2.9rem}.add-skill-button{width:100%}.add-skill-button:disabled{opacity:.55;cursor:default}.form-error{color:#a72b2b;margin:0;font-size:.85rem;line-height:1.5}.dialog-actions{justify-content:flex-end;margin-top:1.25rem}.primary-button{color:#fff;background:#16324f}.delete-button{color:#a72b2b;min-height:2.75rem;font:inherit;cursor:pointer;background:#fff7f7;border:1px solid #eccaca;border-radius:.75rem;margin-right:auto;padding:.65rem 1rem;font-weight:700}.delete-button:disabled{opacity:.6;cursor:default}@media (width>=36rem){.app-shell{padding-top:2rem}.dialog-backdrop{align-items:center}}@media (width<=23rem){.app-shell{padding-inline:.7rem}.app-header h1{font-size:1.15rem}.boss-row{grid-template-columns:minmax(0,1fr) auto}.record-summary{text-align:left;grid-area:2/1;justify-content:space-between;display:flex}.skills-button{grid-area:1/2/span 2}.record-actions{flex-direction:column;grid-area:1/2/span 2}}