:root{color:#f2e8d7;font-synthesis:none;background:#171412;font-family:Arial,Helvetica Neue,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{touch-action:manipulation}#app{background:#171412;height:100dvh;position:relative}#stage{touch-action:none;position:absolute;inset:0}#stage canvas{width:100%;height:100%;display:block}[hidden]{display:none!important}.sr-only,.panel h1,.panel p,.counter,#phase-label,.panel-bottom{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.vignette{pointer-events:none;background:radial-gradient(at 50% 47%,#0000 30%,#0a08082e 74%,#09080875 100%);position:absolute;inset:0}.topbar{z-index:2;top:max(14px,env(safe-area-inset-top));pointer-events:none;justify-content:space-between;display:flex;position:absolute;left:16px;right:16px}.brand-mark{color:#dd9870;background:#201814b9;border:1px solid #bc784e;border-radius:50%;place-items:center;width:35px;height:35px;font-family:Hiragino Mincho ProN,Yu Mincho,serif;font-size:19px;display:grid}.brand-name{display:none}.top-actions{pointer-events:auto;gap:7px;display:flex}.top-actions button{color:#e7c6a5;cursor:pointer;background:#201814b9;border:1px solid #705342;border-radius:50%;width:35px;height:35px;font-size:18px}.top-actions button:hover,.close-button:hover{background:#4a352b}#collection-count{display:none}.panel{z-index:2;top:max(51px,calc(env(safe-area-inset-top) + 36px));text-align:center;pointer-events:none;background:#1b1513c4;border:1px solid #a77e5a6b;border-radius:10px;width:236px;padding:9px 13px 10px;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #0003}.panel .eyebrow{letter-spacing:.2em;color:#e5b789;font-size:9px;font-weight:700}.timer{color:#fff0d8;font-variant-numeric:tabular-nums;justify-content:center;align-items:baseline;gap:3px;margin:0 auto 4px;display:flex}.timer strong{font-family:Georgia,serif;font-size:32px;font-weight:400;line-height:1}.timer span{color:#e2c5a5;font-size:10px}.bar{background:#594538;border-radius:3px;width:100%;height:3px;overflow:hidden}.bar span{background:#e3a063;width:100%;height:100%;transition:width .12s linear;display:block}.craft-live{color:#dcc4a9;gap:5px;margin-top:8px;font-size:10px;display:grid}.craft-field{grid-template-columns:28px 1fr 67px;align-items:center;gap:6px;display:grid}.craft-field>span{text-align:left;color:#cfa780}.craft-field strong{text-align:right;white-space:nowrap;font-size:10px;font-weight:600}.coverage-zones{grid-template-columns:repeat(8,1fr);gap:3px;height:7px;display:grid}.coverage-zones i{background:#5c5148;border-radius:2px;display:block}.coverage-zones i.touched{background:#ae7148}.coverage-zones i.worked{background:#e7ad72}.coverage-zones i.overworked{background:#b25242}.rhythm-track{background:#5c5148;border-radius:3px;height:5px;overflow:hidden}.rhythm-track i{background:#e7ad72;width:0;height:100%;transition:width .2s;display:block}.tap-hint{z-index:2;left:50%;bottom:max(30px,calc(env(safe-area-inset-bottom) + 18px));color:#ead0b0;letter-spacing:.08em;white-space:nowrap;pointer-events:none;background:#1b1513c9;border:1px solid #99705277;border-radius:20px;align-items:center;gap:9px;padding:9px 13px;font-size:11px;transition:opacity .35s;display:flex;position:absolute;transform:translate(-50%)}.tap-hint.used{opacity:0}.hint-ring{border:1px solid #e3a366;border-radius:50%;width:15px;height:15px;box-shadow:0 0 0 4px #d77d3728,inset 0 0 0 3px #e392292a}.footer{display:none}#show-result:not([hidden]){z-index:2;left:50%;bottom:max(25px,env(safe-area-inset-bottom));color:#f1d7bd;white-space:nowrap;cursor:pointer;background:#2a201be8;border:1px solid #c18a61;border-radius:8px;padding:10px 16px;position:absolute;transform:translate(-50%)}#error{z-index:6;color:#fff3e6;background:#592e22;max-width:85vw;padding:14px 20px;font-size:13px;position:absolute;top:90px;left:50%;transform:translate(-50%)}#loading{z-index:10;color:#ebd5bb;text-align:center;background:radial-gradient(circle at 50% 46%,#30231b,#15110f 72%);flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0}.loading-mark{color:#df9b6b;border:1px solid #ae7652;border-radius:50%;place-items:center;width:58px;height:58px;font-family:Hiragino Mincho ProN,Yu Mincho,serif;font-size:30px;display:grid;box-shadow:0 0 38px #a75b2829}.loading-title{letter-spacing:.18em;font-family:Hiragino Mincho ProN,Yu Mincho,serif;font-size:17px}#loading-progress{letter-spacing:.09em;color:#aa9681;font-size:11px}#loading-retry{color:#f0d9bf;cursor:pointer;background:#302016;border:1px solid #a87350;margin-top:8px;padding:10px 22px}.overlay{z-index:4;padding:max(20px,env(safe-area-inset-top)) 20px max(20px,env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#0d0b0bba;place-items:center;display:grid;position:absolute;inset:0;overflow:auto}.modal-card{color:#f1e2ce;background:linear-gradient(145deg,#29211d,#181513 74%);border:1px solid #745b49;border-radius:12px;width:min(520px,100%);max-height:100%;padding:clamp(23px,4vw,42px);overflow:auto;box-shadow:0 25px 80px #000a}.modal-card h2{letter-spacing:.07em;margin:9px 0 15px;font-family:Hiragino Mincho ProN,Yu Mincho,serif;font-size:clamp(25px,3vw,38px);font-weight:500}.modal-card p{color:#b9aa9a;font-size:12px;line-height:1.6}.modal-head{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.modal-card .eyebrow{letter-spacing:.2em;color:#d68e64;font-size:10px}.close-button{color:#d6c0a9;cursor:pointer;background:0 0;border:1px solid #6d5c50;padding:9px 13px}.blade-preview{background:radial-gradient(at 50% 35%,#464b50,#1b1c1e 75%);border:1px solid #5b524c;place-items:center;height:150px;display:grid;overflow:hidden}.blade-preview svg{width:100%;height:100%}.result-line{color:#e0bc96;justify-content:space-between;margin:12px 0 5px;font-size:13px;display:flex}.result-metrics{grid-template-columns:repeat(3,1fr);gap:6px;margin:8px 0;display:grid}.result-metrics>div{color:#d7b693;background:#1a1613;border:1px solid #6f5544;justify-content:space-between;align-items:center;padding:7px 9px;font-size:11px;display:flex}.result-metrics strong{color:#f3dfc5;font-size:15px}.result-detail{margin:5px 0;color:#d2b89d!important;font-size:11px!important}.field-label{color:#a99989;margin:13px 0 6px;font-size:11px;display:block}.modal-card input[type=text],.modal-card input:not([type]){color:#f2e5d6;background:#171412;border:1px solid #685749;outline:none;width:100%;padding:10px;font-size:14px}.modal-card input:focus{border-color:#d18e62}.modal-actions{flex-wrap:wrap;gap:9px;margin-top:12px;display:flex}.modal-actions button{color:#e7c8aa;cursor:pointer;background:0 0;border:1px solid #8d6a52;padding:10px 13px}.modal-actions button.primary{color:#1b130f;background:#b66e43;border-color:#b66e43;font-weight:700}.subtle{color:#a99a89!important;font-size:11px!important}.wide-card{width:min(950px,100%)}.gallery-list{grid-template-columns:repeat(auto-fill,minmax(225px,1fr));gap:12px;max-height:43vh;margin:20px 0;display:grid;overflow:auto}.gallery-entry{position:relative}.gallery-item{cursor:pointer;color:#ead7c0;text-align:left;background:#191715;border:1px solid #665448;width:100%;padding:10px}.gallery-item.selected{background:#30251e;border-color:#e09d6a}.gallery-item svg{background:#292d31;width:100%;height:90px;display:block}.gallery-item strong{margin-top:10px;font-size:13px;display:block}.gallery-item small{color:#938778;margin-top:4px;display:block}.favorite{color:#e9bb85;cursor:pointer;background:#29221d;border:1px solid #725b48;padding:4px 8px;font-size:20px;line-height:1;position:absolute;bottom:13px;right:13px}.view-saved{color:#e8ceb1;cursor:pointer;background:#2c231d;border:1px solid #745b49;margin-top:7px;padding:7px 10px;font-size:11px}.comparison{border-top:1px solid #54463c;grid-template-columns:1fr 1fr;gap:10px;padding-top:17px;display:grid}.comparison>div{background:#222427;padding:9px}.comparison svg{width:100%;height:120px;display:block}.comparison strong{color:#e1c39e;font-size:12px;display:block}.comparison p{margin:4px 0;font-size:11px}#saved-view{z-index:4;pointer-events:none;background:linear-gradient(#0000 70%,#100d0bc9);position:absolute;inset:0}.saved-view-bar{left:24px;right:24px;bottom:max(32px,env(safe-area-inset-bottom));color:#f2dfca;justify-content:space-between;align-items:center;gap:12px;font-size:14px;display:flex;position:absolute}.saved-view-bar button{pointer-events:auto;color:#f2dfca;cursor:pointer;background:#211a16;border:1px solid #9a765a;padding:11px 14px}.setting-row{border-top:1px solid #51443a;justify-content:space-between;align-items:center;padding:14px 0;font-size:14px;display:flex}.setting-row input[type=range]{accent-color:#d88a5b;width:48%}.setting-row input[type=checkbox]{accent-color:#d88a5b;width:18px;height:18px}.setting-row select{color:#f0dcc5;background:#181513;border:1px solid #755c4c;padding:8px}.sound-choices{border:1px solid #665044;border-radius:9px;gap:6px;margin:14px 0 4px;padding:9px;display:grid}.sound-choices legend{color:#edc39d;padding:0 6px;font-size:12px}.sound-choices label{background:#191513;border:1px solid #514237;border-radius:6px;grid-template-columns:20px 1fr auto;align-items:center;gap:9px;padding:8px;display:grid}.sound-choices label:has(input:checked){background:#30231c;border-color:#d69664}.sound-choices input{accent-color:#e6a66d}.sound-choices strong,.sound-choices small{display:block}.sound-choices strong{color:#f3ddc2;font-size:12px}.sound-choices small{color:#af9d8b;margin-top:3px;font-size:10px}.sound-choices button{color:#f3d2ae;cursor:pointer;background:#32251e;border:1px solid #9b7758;border-radius:5px;padding:7px 10px;font-size:11px}.reset-option{color:#d9bfa7;cursor:pointer;background:#281e19;border:1px solid #6a5547;width:100%;margin-top:18px;padding:11px}#completion.overlay{-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none;background:linear-gradient(#0000 35%,#100c0cef);align-items:end}.completion-card{pointer-events:auto;background:#211a16e8;width:min(560px,100%);max-height:min(53vh,450px);padding:16px 18px}.completion-card .blade-preview{display:none}.completion-card h2{margin:0 0 6px;font-size:23px}.completion-card #completion-comment{margin:4px 0 7px;font-size:11px;line-height:1.35}.completion-card #save-status{margin:8px 0 0;font-size:10px!important}@media (width<=700px){.overlay{padding:12px}.completion-card{max-height:min(56vh,470px);padding:13px}.completion-card .modal-actions{gap:6px}.completion-card .modal-actions button{padding:8px;font-size:10px}.result-metrics>div{padding:6px 7px}.gallery-list{grid-template-columns:1fr 1fr;max-height:38vh}.gallery-item svg{height:65px}.comparison svg{height:75px}}body.art-study #app>:not(#stage):not(#error):not(#loading){display:none!important}