#comic-intro:empty{display:none}#comic-intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60000;pointer-events:none}.comic-intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;display:flex;flex-direction:column;align-items:stretch;overflow:hidden;pointer-events:auto;color:#f5edda;background:radial-gradient(circle at 50% 18%,rgba(120,86,44,.34),transparent 34rem),linear-gradient(135deg,#050608,#10100d 48%,#050608);animation:comic-intro-in .18s ease-out both;--comic-user-zoom: 1}.comic-intro__scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;display:flex;justify-content:center;align-items:flex-start;padding:.65rem .75rem .35rem;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y}.comic-intro--leaving{pointer-events:none;animation:comic-intro-out .18s ease-in both}.comic-intro__page-wrap{--comic-chrome: 5.5rem;--comic-aw: 5;--comic-ah: 7;box-sizing:border-box;position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid rgba(219,176,101,.62);border-radius:18px;background:#090b0f;box-shadow:0 0 0 6px #00000080,0 34px 90px #000000ad,inset 0 0 40px #ffd88914;cursor:default;overflow:hidden}.comic-intro--fit-width .comic-intro__page-wrap{width:calc(min(76vw,min(1280px,100dvw - 1.5rem)) * var(--comic-user-zoom, 1));height:auto;aspect-ratio:var(--comic-aw) / var(--comic-ah);max-width:none}.comic-intro--fit-screen .comic-intro__page-wrap{width:calc(min(94vw,calc((100dvh - var(--comic-chrome)) * var(--comic-aw) / var(--comic-ah))) * var(--comic-user-zoom, 1));height:calc(min(calc(100dvh - var(--comic-chrome)),calc(94vw * var(--comic-ah) / var(--comic-aw))) * var(--comic-user-zoom, 1));max-width:100%}.comic-intro__page{display:block;width:100%;height:100%;object-fit:contain;border-radius:16px;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.comic-intro__loading{position:absolute;left:50%;bottom:1.4rem;transform:translate(-50%);padding:.42rem .72rem;border:1px solid rgba(219,176,101,.45);border-radius:999px;color:#f5eddae6;background:#080a0eb8;font:700 .75rem/1 system-ui,Segoe UI,sans-serif;letter-spacing:.12em;text-transform:uppercase}.comic-intro__loading[hidden]{display:none}.comic-intro__chrome{position:fixed;left:max(1rem,env(safe-area-inset-left));right:max(1rem,env(safe-area-inset-right));bottom:max(1rem,env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:1rem;pointer-events:none}.comic-intro__count,.comic-intro__controls button{border:1px solid rgba(219,176,101,.48);border-radius:999px;color:#f5edda;background:#07080bbd;box-shadow:0 10px 28px #0000006b;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.comic-intro__count{padding:.55rem .82rem;font:800 .78rem/1 system-ui,Segoe UI,sans-serif;letter-spacing:.12em;text-transform:uppercase}.comic-intro__controls{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.45rem;pointer-events:auto}.comic-intro__controls button{min-width:6.7rem;padding:.58rem .9rem;font:900 .78rem/1 system-ui,Segoe UI,sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.comic-intro__zoom-out,.comic-intro__zoom-reset,.comic-intro__zoom-in{min-width:2.65rem;padding:.52rem .42rem;letter-spacing:.04em}.comic-intro__fit-toggle{min-width:5.75rem;font-size:.72rem;letter-spacing:.06em}.comic-intro__controls button:hover:not(:disabled){border-color:#ffdb96db;background:#2c2010d1}.comic-intro__controls button:disabled{cursor:wait;color:#f5edda7a;border-color:#dbb06538}@keyframes comic-intro-in{0%{opacity:0;transform:scale(1.012)}to{opacity:1;transform:scale(1)}}@keyframes comic-intro-out{0%{opacity:1}to{opacity:0}}@media(max-width:720px){.comic-intro__page-wrap{--comic-chrome: 6.25rem;border-radius:12px}.comic-intro--fit-width .comic-intro__page-wrap{width:calc(min(90vw,100vw) * var(--comic-user-zoom, 1))}.comic-intro--fit-screen .comic-intro__page-wrap{width:calc(min(96vw,calc((100dvh - var(--comic-chrome)) * var(--comic-aw) / var(--comic-ah))) * var(--comic-user-zoom, 1));height:calc(min(calc(100dvh - var(--comic-chrome)),calc(96vw * var(--comic-ah) / var(--comic-aw))) * var(--comic-user-zoom, 1))}.comic-intro__page{border-radius:11px}.comic-intro__chrome{align-items:stretch}.comic-intro__count{display:none}.comic-intro__controls{width:100%;justify-content:center;gap:.35rem}.comic-intro__controls button{min-width:0;flex:0 1 auto;padding:.5rem .55rem;font-size:.72rem}.comic-intro__controls .comic-intro__skip,.comic-intro__controls .comic-intro__next,.comic-intro__controls .comic-intro__prev{flex:1 1 22%}.comic-intro__controls .comic-intro__bgm{flex:1 1 28%}}#doctrine-picker{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50000;overflow:hidden;background:#0a0c10;padding:0;display:flex;flex-direction:column;min-height:0;pointer-events:auto}.binder-picker-root{box-sizing:border-box;width:100%;flex:1;min-height:0;display:flex;flex-direction:column;padding:max(0px,env(safe-area-inset-top,0px)) max(0px,env(safe-area-inset-right,0px)) 0 max(0px,env(safe-area-inset-left,0px));background:transparent;color:#e8e4dc;font-family:system-ui,Segoe UI,Roboto,sans-serif;overflow:hidden}.binder-picker-main{flex:1;min-height:0;display:flex;flex-direction:column;position:relative}.binder-picker-prematch-bottom{--binder-rail-actions-w: clamp(188px, 25vmin, 222px);position:absolute;left:0;right:0;bottom:0;z-index:45;display:flex;flex-direction:row;align-items:flex-end;gap:0;width:100%;box-sizing:border-box;padding:8px max(0px,env(safe-area-inset-right,0px)) max(0px,env(safe-area-inset-bottom,0px)) max(0px,env(safe-area-inset-left,0px));background:linear-gradient(to top,rgba(5,7,12,.88),rgba(5,7,12,.44) 58%,transparent);pointer-events:none}.binder-picker-doctrine-hand-rail{flex:1 1 0;min-width:0;padding:0;overflow:visible;pointer-events:auto;display:flex;flex-direction:column;justify-content:flex-end;min-height:0}#doctrine-picker .binder-picker-doctrine-hand-rail.doctrine-wrap.doctrine-wrap--rail{flex:1 1 auto;min-height:0;flex-shrink:1}#doctrine-picker .binder-picker-hand-zone{flex:1 1 auto;display:flex;flex-direction:column;justify-content:flex-end;min-height:0;padding-bottom:env(safe-area-inset-bottom,0px)}#doctrine-picker .binder-picker-hand-zone .doctrine-view{flex:1 1 auto;display:flex;flex-direction:column;justify-content:flex-end;min-height:0}#doctrine-picker .binder-picker-doctrine-hand-rail{padding-right:calc(var(--binder-rail-actions-w, 200px) + 10px)}#doctrine-picker .binder-picker-doctrine-hand-rail .doctrine-track--hand.doctrine-track--deck10.doctrine-track--rail{overflow-x:hidden;flex:1 1 auto;flex-direction:column;justify-content:flex-end;align-items:center;min-height:0;height:auto;--hand-rail-pr: max(8px, env(safe-area-inset-right, 0px));--hand-card-w: min( 520px, max( 56px, calc((100% - var(--hand-rail-pl) - var(--hand-rail-pr) - 9 * var(--hand-slot-gap)) / 10) ) );--hand-card-h: calc(var(--hand-card-w) * 150 / 100)}.binder-picker-rail-actions{position:absolute;right:max(0px,env(safe-area-inset-right,0px));bottom:max(0px,env(safe-area-inset-bottom,0px));z-index:30;flex:0 0 auto;width:auto;min-width:0;max-width:none;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;gap:0;min-height:0;margin:0;pointer-events:auto}.binder-picker-rail-actions__stack{display:flex;flex-direction:column;gap:6px;width:var(--binder-rail-actions-w, clamp(188px, 25vmin, 222px));flex:0 0 auto;justify-content:flex-end;align-items:stretch;min-height:0}.binder-picker-rail-btn{--binder-rail-btn-w: var(--binder-rail-actions-w, clamp(188px, 25vmin, 222px));--binder-rail-btn-h: clamp(46px, 8.5vmin, 54px);-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;padding:0;border:none;background:transparent;width:auto;box-sizing:border-box;cursor:pointer;display:block;width:100%;line-height:1;filter:drop-shadow(0 5px 14px rgba(0,0,0,.55))}.binder-picker-rail-btn:focus{outline:none}.binder-picker-rail-btn:focus-visible{outline:2px solid rgba(160,210,255,.95);outline-offset:4px}.binder-picker-rail-btn:hover:not(:disabled) .binder-picker-rail-btn__inner{filter:brightness(1.06)}.binder-picker-rail-btn:active:not(:disabled) .binder-picker-rail-btn__inner{filter:brightness(.94)}.binder-picker-rail-btn:disabled{opacity:.52;cursor:not-allowed}.binder-picker-rail-btn:disabled .binder-picker-rail-btn__inner{filter:saturate(.55)}.binder-picker-rail-btn__inner{display:grid;grid-template-columns:clamp(30px,5.8vmin,36px) minmax(0,1fr);align-items:center;gap:10px;width:var(--binder-rail-btn-w);height:var(--binder-rail-btn-h);box-sizing:border-box;border-radius:8px;padding:4px 9px 4px 4px;background:linear-gradient(165deg,#f0dfa8,#c9a050 22%,#8e6630 52%,#d2aa58 78%,#6a471c);box-shadow:inset 0 1px #ffffff61,inset 0 -2px 5px #0000006b}.binder-picker-rail-btn__glyph{display:grid;place-items:center;width:100%;height:calc(var(--binder-rail-btn-h) - 8px);border-radius:6px;border:1px solid rgba(0,0,0,.38);box-shadow:inset 0 0 0 1px #ffffff1f,inset 0 -10px 22px #00000038;font-size:clamp(16px,3.2vmin,21px);line-height:1;color:#f8fafc;text-shadow:0 1px 0 rgba(0,0,0,.85),0 0 10px rgba(0,0,0,.35)}.binder-picker-rail-btn__label{display:flex;align-items:center;min-width:0;min-height:24px;overflow:hidden;color:#fff3d5;font-family:Georgia,Times New Roman,serif;font-size:clamp(13px,2.05vmin,15px);font-weight:800;letter-spacing:.02em;line-height:1.1;text-transform:none;white-space:nowrap;text-shadow:0 1px 0 rgba(0,0,0,.9),0 0 8px rgba(0,0,0,.45),1px 0 0 rgba(0,0,0,.75),-1px 0 0 rgba(0,0,0,.75),0 -1px 0 rgba(0,0,0,.55)}.binder-picker-rail-btn--quickmatch .binder-picker-rail-btn__glyph{background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.35),transparent 45%),linear-gradient(180deg,#2bbf78,#148053 42%,#0a4f36)}.binder-picker-quickplay-coachmark{position:absolute;right:calc(100% + 16px);top:0;width:min(280px,calc(100vw - 28px));box-sizing:border-box;padding:13px 14px 12px;border-radius:8px;border:1px solid rgba(249,218,145,.66);background:linear-gradient(180deg,#221910fa,#0c0e14fa),radial-gradient(circle at 88% 16%,rgba(74,226,153,.22),transparent 42%);color:#fff1d3;box-shadow:0 18px 42px #00000094,inset 0 1px #ffffff29;font-family:system-ui,Segoe UI,sans-serif;text-align:left;pointer-events:auto}.binder-picker-quickplay-coachmark:after{content:"";position:absolute;right:-10px;top:22px;width:18px;height:18px;transform:rotate(45deg);border-right:1px solid rgba(249,218,145,.66);border-top:1px solid rgba(249,218,145,.66);background:#221910fa}.binder-picker-quickplay-coachmark p{margin:0 22px 11px 0;font-size:13px;line-height:1.35;font-weight:700;letter-spacing:0}.binder-picker-quickplay-coachmark__close{position:absolute;top:7px;right:7px;width:22px;height:22px;border:1px solid rgba(255,241,211,.28);border-radius:6px;background:#00000038;color:#fff1d3;font-size:13px;line-height:1;cursor:pointer}.binder-picker-quickplay-coachmark__cta{width:100%;min-height:36px;border:1px solid rgba(111,246,168,.62);border-radius:7px;background:linear-gradient(180deg,#2fd886,#11764d);color:#f5fff9;font:800 12px/1 system-ui,Segoe UI,sans-serif;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;box-shadow:inset 0 1px #ffffff40}.binder-picker-quickplay-coachmark__cta:hover:not(:disabled){filter:brightness(1.08)}.binder-picker-quickplay-coachmark__cta:disabled{cursor:not-allowed;opacity:.58}@media(max-width:760px){.binder-picker-quickplay-coachmark{right:0;top:auto;bottom:calc(100% + 10px);width:min(280px,calc(100vw - 24px))}.binder-picker-quickplay-coachmark:after{right:28px;top:auto;bottom:-10px;border-top:0;border-left:0;border-right:1px solid rgba(249,218,145,.66);border-bottom:1px solid rgba(249,218,145,.66)}.binder-picker-quickplay-coachmark--portal{right:0;left:auto;transform:none}.binder-picker-quickplay-coachmark--portal:after{right:calc(var(--binder-rail-actions-w, 200px) * .5 - 9px);left:auto;margin-left:0;top:auto;bottom:-10px;border-top:0;border-left:1px solid rgba(249,218,145,.66);border-bottom:1px solid rgba(249,218,145,.66);border-right:1px solid rgba(249,218,145,.66)}}.binder-picker-rail-btn--match .binder-picker-rail-btn__glyph{background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.28),transparent 45%),linear-gradient(180deg,#3d8dde,#235cab 45%,#143d72)}.binder-picker-rail-btn--lore .binder-picker-rail-btn__glyph{background:radial-gradient(circle at 35% 28%,rgba(120,200,255,.22),transparent 48%),linear-gradient(180deg,#1e2a44,#12192c 48%,#070b14);color:#9fd0ff}.binder-picker-rail-btn--howto .binder-picker-rail-btn__glyph{background:radial-gradient(circle at 35% 28%,rgba(255,220,160,.22),transparent 48%),linear-gradient(180deg,#4a3820,#2c2214 48%,#151008);color:#ffd89a}.binder-picker-quickplay-coachmark--portal{right:0;left:auto;top:auto;bottom:calc(100% + 10px);transform:none;width:min(300px,calc(100vw - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px) - 16px))}.binder-picker-quickplay-coachmark--portal:after{right:calc(var(--binder-rail-actions-w, 200px) * .5 - 9px);left:auto;top:auto;bottom:-10px;margin-left:0;border-top:0;border-left:1px solid rgba(249,218,145,.66);border-bottom:1px solid rgba(249,218,145,.66);border-right:1px solid rgba(249,218,145,.66)}.binder-picker-hand-zone{position:relative;width:100%;box-sizing:border-box;min-height:0;padding-bottom:env(safe-area-inset-bottom,0px);border-radius:0;transition:box-shadow .12s ease,background-color .12s ease}.binder-picker-doctrine-hand--drag-over{box-shadow:inset 0 0 0 2px #78afff73;background:linear-gradient(to top,#4a7ab81f,#4a7ab808);border-radius:0}#doctrine-picker .slot.slot-empty{pointer-events:auto;cursor:default}.binder-picker-slot--drag-over{outline:2px solid rgba(74,122,184,.95);outline-offset:2px;border-radius:8px}.binder-picker-codex-ghost{position:fixed;z-index:50020;pointer-events:none;filter:drop-shadow(0 14px 32px rgba(0,0,0,.42))}.binder-picker-codex-ghost__inner{width:min(260px,max(112px,calc((100vw - max(72px,calc(env(safe-area-inset-left,0px) + env(safe-area-inset-right,0px) + 120px)))*.1)));container-type:inline-size}.binder-picker-setup-catalog-hint{margin:0 0 8px;font-size:12px;line-height:1.45;color:#3a342c}.binder-picker-binder-wrap{flex:1;min-height:0;position:relative;display:flex;flex-direction:column;background:transparent}.binder-picker-canvas{position:relative;z-index:2;flex:1 1 auto;min-height:0;min-width:0;width:100%;display:block;cursor:grab;touch-action:none;background:transparent;vertical-align:top}.binder-picker-canvas:focus{outline:none}.binder-picker-canvas:focus-visible{outline:2px solid rgba(120,165,255,.75);outline-offset:2px}.binder-picker-canvas:active{cursor:grabbing}.binder-portal-exit-toast{position:fixed;left:50%;top:max(16px,env(safe-area-inset-top,0px));transform:translate(-50%);z-index:50045;width:min(440px,calc(100vw - 24px));box-sizing:border-box;padding:14px 16px;border-radius:14px;border:1px solid rgba(72,201,255,.45);background:#0c121ceb;box-shadow:0 10px 36px #00000059;color:#e8f4ff;font-size:13px;line-height:1.4;text-align:center;pointer-events:auto;animation:binder-portal-exit-toast-in .22s ease-out}.binder-portal-exit-toast__title{color:#b8f0ff;font-size:15px;font-weight:800}.binder-portal-exit-toast p{margin:7px 0 12px;color:#e8f4ffe6}.binder-portal-exit-toast__countdown{margin:4px 0 12px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:.02em;color:#82e1fffa}.binder-portal-exit-toast__actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.binder-portal-exit-toast__actions button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(120,224,255,.48);border-radius:999px;padding:8px 13px;background:linear-gradient(180deg,#5cd6fff2,#217dffeb);color:#061423;font:inherit;font-weight:800;cursor:pointer}.binder-portal-exit-toast__actions button:hover{filter:brightness(1.06)}.binder-portal-exit-toast__actions .binder-portal-exit-toast__secondary{background:#ffffff14;color:#e8f4ff}@keyframes binder-portal-exit-toast-in{0%{opacity:0;transform:translate(-50%) translateY(-6px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.binder-picker-setup-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:24;margin:0;padding:0;border:none;border-radius:0;background:#201c181a;cursor:default}@media(max-width:720px){.binder-picker-prematch-bottom{flex-wrap:nowrap;gap:8px;align-items:flex-end;padding-bottom:max(3px,env(safe-area-inset-bottom,0px))}.binder-picker-doctrine-hand-rail{flex:1 1 auto;width:auto;max-width:none;min-width:0}.binder-picker-prematch-bottom{--binder-rail-actions-w: clamp(184px, 50vw, 220px)}.binder-picker-rail-btn{flex:0 0 auto;min-width:0;max-width:none;--binder-rail-btn-w: var(--binder-rail-actions-w);--binder-rail-btn-h: clamp(46px, 12vw, 54px)}}.binder-picker-setup-panel{position:absolute;right:0;bottom:calc(100% + 10px);z-index:50;width:min(360px,calc(100vw - 28px));max-height:min(72dvh,520px);overflow-y:auto;border-radius:12px;border:1px solid rgba(60,48,36,.2);background:linear-gradient(180deg,#e8e1d6,#d4cbbf);box-shadow:0 14px 44px #2d261c47}.binder-picker-setup-panel__inner{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:12px}.binder-picker-toolbar-main{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:8px}.binder-picker-toolbar-map{display:flex;flex-wrap:nowrap;align-items:center;gap:8px;width:100%}.binder-picker-toolbar-map label{font-size:12px;opacity:.82;color:#3a342c}.binder-picker-toolbar-map[aria-label=Opponent]{box-sizing:border-box;flex-direction:column;align-items:stretch;gap:7px;margin:0;padding:10px;border:1px solid rgba(60,48,36,.16);border-radius:8px}.binder-picker-toolbar-map[aria-label=Opponent] legend{padding:0 4px;color:#3a342c;font-size:12px;font-weight:700}.binder-picker-toolbar-map[aria-label=Opponent] label{display:flex;align-items:center;gap:7px;min-width:0;opacity:.92}.binder-picker-toolbar-map[aria-label=Opponent] input{flex:0 0 auto}.binder-ai-ladder-card{display:flex;flex-direction:column;gap:5px;padding:9px 10px;border-radius:8px;border:1px solid rgba(42,92,138,.22);background:#ffffff70;color:#211c18}.binder-ai-ladder-card__head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;min-width:0}.binder-ai-ladder-card__tier{flex:0 0 auto;color:#365f92;font-size:11px;font-weight:800;text-transform:uppercase}.binder-ai-ladder-card__name{min-width:0;color:#211c18;font-size:13px;text-align:right}.binder-ai-ladder-card__model,.binder-ai-ladder-card__next{color:#211c18c7;font-size:11px;line-height:1.3;overflow-wrap:anywhere}.binder-ai-ladder-card__bar{height:6px;overflow:hidden;border-radius:999px;background:#221c1424}.binder-ai-ladder-card__fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2f8f7a,#4a7ab8)}.binder-ai-ladder-card__meta{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:10px;color:#211c18d1;font-size:11px;line-height:1.3}.binder-picker-toolbar-map select{flex:1;min-width:160px;max-width:100%;background:#ffffff8c;color:#1e1a16;border:1px solid rgba(60,48,36,.2);border-radius:6px;padding:6px 10px;font-size:13px}.binder-picker-toolbar-left{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.binder-picker-toolbar-left label{font-size:12px;opacity:.82;color:#3a342c}.binder-picker-toolbar-left select{background:#ffffff8c;color:#1e1a16;border:1px solid rgba(60,48,36,.2);border-radius:6px;padding:6px 10px;font-size:13px}.binder-picker-toolbar-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;justify-content:flex-end;width:100%}.binder-picker-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(60,48,36,.22);background:#ffffffa6;color:#2a2420;font-family:inherit;font-size:12px;font-weight:500;padding:6px 14px;cursor:pointer;border-radius:6px}.binder-picker-btn:disabled{opacity:.35;cursor:not-allowed}.binder-picker-btn--primary{border-color:#2a5c8a8c;background:linear-gradient(180deg,#4a7ab8,#3a6298);color:#f8fafc;font-weight:600}.binder-picker-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0a0c10e0;font-size:13px;letter-spacing:.03em;color:#e8e4dceb;z-index:20}.binder-picker-tome-hint{position:absolute;top:max(8px,env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);z-index:5;pointer-events:auto;cursor:pointer;box-sizing:border-box;width:min(max-content,calc(100vw - 20px));max-width:calc(100vw - 20px);padding:5px 12px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;border-radius:999px;font-size:clamp(9px,1.55vw,11px);font-weight:500;line-height:1.3;color:#f0f6fff0;background:#161c26c7;border:1px solid rgba(120,165,255,.28);box-shadow:0 4px 18px #00000047;white-space:nowrap;-webkit-user-select:none;user-select:none;touch-action:manipulation;outline:none}.binder-picker-tome-hint:focus-visible{outline:2px solid rgba(140,190,255,.85);outline-offset:2px}.binder-picker-tome-hint--pressed{background:#243048eb;border-color:#a0cdff8c}.binder-picker-howto-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50042;display:flex;align-items:flex-start;justify-content:center;padding:max(12px,env(safe-area-inset-top,0px)) 14px max(14px,env(safe-area-inset-bottom,0px));box-sizing:border-box;background:#05080e85;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.binder-picker-howto-overlay__panel{width:min(520px,100%);max-height:min(86dvh,620px);overflow-x:hidden;overflow-y:auto;margin-top:4px;padding:14px 16px 16px;border-radius:14px;border:1px solid rgba(72,110,160,.35);background:linear-gradient(180deg,#121824f7,#0c101afa);box-shadow:0 18px 50px #00000073;color:#e8eef8f2;font-size:13px;line-height:1.45}.binder-picker-howto-overlay__head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}.binder-picker-howto-overlay__title{margin:0;font-size:17px;font-weight:800;letter-spacing:.02em;color:#dbeaff}.binder-picker-howto-overlay__close{flex-shrink:0;width:32px;height:32px;margin:-4px -6px 0 0;padding:0;border:none;border-radius:10px;background:#ffffff14;color:#e8f0ff;font:22px/1 system-ui,sans-serif;cursor:pointer;line-height:1}.binder-picker-howto-overlay__close:hover{background:#ffffff24}.binder-picker-howto-overlay__sub{margin:14px 0 8px;font-size:12px;font-weight:750;letter-spacing:.06em;text-transform:uppercase;color:#b4d2ffe0}.binder-help-goals-wrap .binder-help-goals{margin:0}.binder-help-goals-wrap .binder-help-goals p{margin:0 0 10px}.binder-help-goals-wrap .binder-help-goals p:last-child{margin-bottom:0}.binder-help-controls-wrap .hud-help-grid{padding:0;border:0}.binder-help-controls-wrap .hud-help-item{color:#dae4f8eb}.binder-picker-nav{display:flex;flex-wrap:nowrap;gap:8px;align-items:center;justify-content:center;padding:0 0 10px;margin:0;border-bottom:1px solid rgba(60,48,36,.1)}.binder-picker-nav .binder-picker-btn{padding:5px 10px;font-size:11px;text-transform:none}.binder-picker-nav-page{min-width:52px;text-align:center;font-weight:600;font-size:13px;color:#2c2820}.binder-layout-calibrate{position:fixed;left:max(8px,env(safe-area-inset-left,0px));top:max(44px,env(safe-area-inset-top,0px));z-index:60020;width:min(360px,calc(100vw - 16px));max-height:min(520px,calc(100dvh - 120px));overflow:auto;box-sizing:border-box;padding:10px 12px 12px;border-radius:12px;border:1px solid rgba(60,48,36,.22);background:#fcf9f2f5;color:#2c2820;font:12px/1.35 system-ui,Segoe UI,Roboto,sans-serif;box-shadow:0 12px 36px #0000002e}.binder-layout-calibrate__head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:4px}.binder-layout-calibrate__title{flex:1;font-weight:700;font-size:13px;margin:0;line-height:1.25}.binder-layout-calibrate__close{flex-shrink:0;width:28px;height:28px;margin:-2px -4px 0 0;padding:0;border:none;border-radius:8px;background:#0000000f;color:#2c2820;font:20px/1 system-ui,sans-serif;cursor:pointer}.binder-layout-calibrate__close:hover{background:#0000001a}.binder-layout-calibrate__hint{margin:0 0 10px;font-size:11px;color:#4a4238}.binder-layout-calibrate__hint code{font-size:10px;background:#0000000f;padding:1px 4px;border-radius:4px}.binder-layout-calibrate__section{margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid rgba(60,48,36,.12)}.binder-layout-calibrate__section strong{display:block;margin-bottom:6px;font-size:12px}.binder-calibrate-row{display:grid;grid-template-columns:28px 1fr 64px;gap:6px;align-items:center;margin:4px 0}.binder-calibrate-row__label{font-variant-numeric:tabular-nums;color:#5c5248}.binder-calibrate-row input[type=range]{width:100%;min-width:0}.binder-calibrate-row__num{width:64px;box-sizing:border-box;padding:3px 5px;border-radius:6px;border:1px solid rgba(60,48,36,.25);background:#fff;color:#1a1612;font-size:11px}.binder-layout-calibrate__actions{display:flex;flex-direction:column;gap:6px;margin-top:4px}.binder-picker-prematch-notice{flex:0 0 auto;display:flex;align-items:flex-start;gap:10px;margin:0 max(10px,env(safe-area-inset-right,0px)) 8px max(10px,env(safe-area-inset-left,0px));padding:10px 12px;border-radius:10px;border:1px solid rgba(212,190,140,.45);background:#1c160eeb;color:#f3eadc;font-size:14px;line-height:1.45;box-shadow:0 6px 22px #00000073}.binder-picker-prematch-notice__text{flex:1 1 auto;min-width:0}.binder-picker-prematch-notice__dismiss{flex:0 0 auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;margin:0;padding:2px 8px;border-radius:8px;background:#ffffff14;color:#ebe4d6;font-size:18px;line-height:1;cursor:pointer}.binder-picker-prematch-notice__dismiss:hover{background:#ffffff24}