*,:before,:after,::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 #0000;--un-ring-shadow:0 0 #0000;--un-shadow-inset: ;--un-shadow:0 0 #0000;--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:#93c5fd80;--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.fixed{position:fixed}.grid{display:grid}.mx,[mx=""]{margin-left:1rem;margin-right:1rem}.block{display:block}.inline-block{display:inline-block}.hidden{display:none}.flex{display:flex}.inline-flex{display:inline-flex}.flex-wrap{flex-wrap:wrap}.resize{resize:both}.b,.border,[b=""]{border-width:1px}.px{padding-left:1rem;padding-right:1rem}.py{padding-top:1rem;padding-bottom:1rem}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease{transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{color:#202a31;background:#eef2f3;font-family:system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}.game-screen{max-width:540px;min-height:100dvh;padding:12px 14px 22px;padding-top:max(12px, env(safe-area-inset-top,0px));padding-right:calc(14px + env(safe-area-inset-right,0px));padding-bottom:calc(22px + env(safe-area-inset-bottom,0px));padding-left:calc(14px + env(safe-area-inset-left,0px));background:#fff;margin:auto}.wheel-shell{filter:drop-shadow(0 6px 10px #22323d1c);width:min(94vw,500px);height:min(94vw,500px);margin:0 auto;position:relative}.wheel-canvas{width:100%;height:100%}.wheel-pointer{z-index:2;filter:drop-shadow(0 2px 1px #0003);border-top:29px solid #f7f8f8;border-left:14px solid #0000;border-right:14px solid #0000;width:0;height:0;position:absolute;top:-1px;left:50%;transform:translate(-50%)}.wheel-hub{z-index:3;color:#52636f;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fafafa;border:5px solid #dce2e5;border-radius:50%;place-items:center;font-weight:750;display:grid;position:absolute;inset:calc(50% - 36px);box-shadow:0 2px 8px #00000021}.app-bar{border-bottom:1px solid #edf0f1;justify-content:space-between;align-items:center;min-height:45px;padding:2px 2px 9px;display:flex}.brand{align-items:center;gap:9px;min-width:0;display:flex}.brand-seal{color:#f3d38d;background:#294f63;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.brand b,.brand small{display:block}.brand b{font-size:15px}.brand small{color:#87939a;text-overflow:ellipsis;white-space:nowrap;max-width:125px;font-size:9px;overflow:hidden}.app-bar nav{display:flex}.app-bar nav button{color:#23708a;background:0 0;border:0;padding:6px 9px;font-size:12px;font-weight:700}.app-bar nav button:disabled{cursor:default;opacity:.4}.character-zone{min-height:76px}.character-header{justify-content:space-between;align-items:center;gap:12px;padding:5px 10px 17px;display:flex}.character-header strong{text-overflow:ellipsis;white-space:nowrap;max-width:280px;font-size:19px;display:block;overflow:hidden}.attribute-strip{white-space:nowrap;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;min-height:34px;margin:14px auto 4px;display:flex;overflow:hidden}.attribute-chip{color:#315466;background:#f3f7f8;border:1px solid #d8e3e7;border-radius:999px;flex:none;align-items:center;min-height:28px;padding:5px 9px;font-size:13px;font-weight:700;display:inline-flex}.numbers{text-align:right}.numbers b,.numbers span{white-space:nowrap;display:block}.numbers b{font-size:20px}.summary{color:#64717a;scrollbar-width:none;white-space:nowrap;justify-content:center;align-items:center;gap:6px;min-height:28px;font-size:12px;display:flex;overflow-x:auto}.summary::-webkit-scrollbar{display:none}.ring-summary{color:#3f505b;background:#f2f4f5;border-radius:999px;padding:4px 7px}.result-card{text-align:center;place-items:center;min-height:110px;padding:2px 9px 5px;display:grid;overflow:hidden}.result-card p{color:#111;margin:0;font-size:clamp(18px,4.7vw,24px);font-weight:750;line-height:1.35}.flow-card{color:#156681;text-align:center;background:#f1f3f4;border-radius:12px;margin:3px 4px 7px;padding:10px 14px;box-shadow:0 4px 12px #263b4a0a}.flow-card p{margin:0;font-size:15px;line-height:1.4}.progress{bottom:max(8px, env(safe-area-inset-bottom,0px));z-index:5;background:#fffffff2;border:1px solid #e1e7e9;border-radius:14px;grid-template-columns:.85fr 1.65fr .85fr auto;gap:7px;margin-top:9px;padding:7px;display:grid;position:sticky;box-shadow:0 8px 24px #263b4a1f}.progress button{border:0;border-radius:9px;min-width:0;padding:11px 8px;font-weight:750}.progress button:disabled{opacity:.45}.progress .primary{color:#fff;background:#246c83;box-shadow:0 5px 13px #246c8338}.progress .secondary{color:#315466;background:#edf2f4}.progress .auto-toggle.active{color:#aa3449;background:#fae8eb}.progress .menu-btn{color:#687780;background:0 0;font-size:11px}.result-actions{bottom:max(8px, env(safe-area-inset-bottom,0px));z-index:6;background:#fffffff2;border:1px solid #e1e7e9;border-radius:14px;grid-template-columns:minmax(0,.85fr) minmax(0,1.35fr);gap:8px;margin-top:9px;padding:7px;display:grid;position:sticky;box-shadow:0 8px 24px #263b4a1f}.result-actions>:only-child{grid-column:1/-1}.result-action{border:0;border-radius:9px;min-width:0;min-height:45px;padding:11px 8px;font-weight:800}.result-action:disabled{opacity:.45}.result-action-undo{color:#315466;background:#edf2f4}.result-action-primary{color:#fff;background:#246c83;box-shadow:0 5px 13px #246c8338}.overlay{z-index:30;background:#17232ab8;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.dialog{background:#fff;border-radius:20px;width:min(100%,440px);max-height:90vh;padding:25px;overflow:auto;box-shadow:0 22px 70px #00000045}.dialog h2{margin:0 0 10px;font-size:21px}.dialog p{color:#64747d;margin:0;font-size:14px;line-height:1.7}.start-overlay{z-index:20;background:linear-gradient(165deg,#edf4f5,#fff 55%,#f6f0e6);place-items:center;padding:18px;display:grid;position:fixed;inset:0}.start-dialog{text-align:center;background:#fff;border:1px solid #e0e7e9;border-radius:22px;width:min(100%,420px);padding:28px 24px 24px;box-shadow:0 22px 70px #263b4a1f}.start-mark{color:#f3d38d;background:#294f63;border-radius:50%;place-items:center;width:58px;height:58px;margin:0 auto 15px;font-size:27px;font-weight:800;display:grid}.start-dialog h1{margin:0;font-size:24px}.start-dialog p{color:#66747c;margin:12px 0 21px;font-size:14px;line-height:1.65}.start-dialog label{color:#4f5e66;text-align:left;font-size:13px;display:block}.start-dialog input{color:#263842;border:1px solid #ccd7dc;border-radius:10px;width:100%;margin-top:6px;padding:12px}.drawer-overlay{z-index:10;background:#17232a70;position:fixed;inset:0}.drawer{background:#fff;width:min(90vw,420px);padding:20px;position:absolute;inset:0 0 0 auto;overflow:auto;box-shadow:-8px 0 32px #0003}.drawer h2{margin:0 0 13px;font-size:20px}.drawer h3{margin:0 0 10px;font-size:15px}.drawer-section{border-bottom:1px solid #edf0f1;padding:14px 0}.drawer label{margin:18px 0;display:block}.drawer label b{float:right}.drawer input[type=range]{width:100%;margin-top:12px}.toggle-line{justify-content:space-between;align-items:center;display:flex!important}.drawer-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.drawer-actions button{color:#315466;text-align:center;background:#f4f7f8;border:1px solid #d7e1e5;border-radius:9px;width:100%;min-height:40px;padding:9px;font-size:13px;font-weight:700;line-height:1.2}.drawer-actions button:disabled{opacity:.45}.version-label{z-index:1000;right:max(8px, env(safe-area-inset-right,0px));bottom:max(7px, env(safe-area-inset-bottom,0px));color:#465258a3;pointer-events:none;-webkit-user-select:none;user-select:none;background:#ffffffc7;border:1px solid #5e6c731f;border-radius:4px;padding:3px 5px;font-size:10px;font-weight:600;position:fixed}.setting-btn{color:#315466;text-align:left;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:44px;font-weight:750;display:flex;background:#f7fafb!important;border:1px solid #d7e1e5!important;padding:10px 12px!important}.setting-btn small{color:#718089;font-size:12px;font-weight:600}.empty-state{color:#8a969d;text-align:center;padding:30px 0}@media (width<=360px){.game-screen{padding-left:8px;padding-right:8px}.result-actions{grid-template-columns:1fr}.result-actions>*{grid-column:1}}