:root{color-scheme:light;--font-family: Inter, system-ui, sans-serif;--color-bg: #eafbff;--color-surface: #ffffff;--color-surface-disabled: #d4dae0;--color-text: #4d4f5e;--color-text-muted: #727789;--color-border: #c7d9e2;--color-pool-border: #41639f;--color-brand-start: #00cfff;--color-brand-middle: #80a1ff;--color-brand-end: #6a91e1;--gradient-brand: linear-gradient( 90deg, var(--color-brand-start), var(--color-brand-middle), var(--color-brand-end) );--color-pink: #ff71a7;--color-gold: #ffd749;--color-mint: #11be93;--color-note-ascending: #ff3737;--color-note-descending: #6a91e1;--color-note-resizing: #ff3737;--color-danger: #ff3737;--color-timeline-bg: #172033;--color-timeline-grid: #58709a;--color-timeline-judgment: var(--color-pink);--color-timeline-skill: rgb(17 190 147 / 18%);--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 32px;--radius-sm: 8px;--radius-md: 12px;--control-height: 40px;--control-height-compact: 36px;--icon-button-size: 36px;--shadow-sm: 0 2px 8px rgb(34 78 94 / 12%);--shadow-md: 0 8px 24px rgb(34 78 94 / 16%);--focus-ring: 0 0 0 3px rgb(0 207 255 / 35%)}[data-theme=clarice]{--font-family: "Hiragino Kaku Gothic ProN", "Yu Gothic", "Helvetica Neue", Arial, sans-serif;--color-bg: #f9f0b8;--color-surface: #fffaf3;--color-surface-disabled: #d9d4a9;--color-text: #1f1f1f;--color-text-muted: #526078;--color-border: rgb(51 65 92 / 38%);--color-pool-border: #33415c;--color-brand-start: #33415c;--color-brand-middle: #33415c;--color-brand-end: #33415c;--gradient-brand: #33415c;--color-pink: #f47b8f;--color-danger: #b3261e;--radius-sm: 4px;--radius-md: 6px;--shadow-sm: 0 2px 6px rgb(51 65 92 / 12%);--shadow-md: 0 12px 28px rgb(51 65 92 / 12%);--focus-ring: 0 0 0 3px rgb(51 65 92 / 30%)}.ui-button,.ui-icon-button,.ui-text-input,.ui-number-input{border-radius:var(--radius-sm)}.ui-button{min-height:var(--control-height);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);padding:0 var(--space-2);border:1px solid transparent;color:var(--color-text);font-weight:700;transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease}.ui-button--compact{min-height:var(--control-height-compact);padding-inline:12px}.ui-button--primary{color:#fff;background:var(--gradient-brand);box-shadow:var(--shadow-sm)}.ui-button--secondary{background:var(--color-surface);border-color:var(--color-border)}.ui-button--ghost{background:transparent}.ui-button--danger{color:#fff;background:var(--color-danger)}.ui-button:hover:not(:disabled),.ui-icon-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-sm)}.ui-button:active:not(:disabled),.ui-icon-button:active:not(:disabled){transform:translateY(0);box-shadow:none}.ui-button:disabled,.ui-icon-button:disabled{cursor:not-allowed;opacity:.5}.ui-button:focus-visible,.ui-icon-button:focus-visible,.ui-text-input:focus-visible,.ui-number-input:focus-visible,.ui-tab:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ui-icon-button{width:var(--icon-button-size);height:var(--icon-button-size);display:inline-grid;place-items:center;padding:0;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text)}.ui-text-input,.ui-number-input{min-height:var(--control-height-compact);padding:0 10px;border:1px solid var(--color-border);color:var(--color-text);background:var(--color-surface)}.ui-tabs{display:flex;align-self:stretch;gap:var(--space-1)}.ui-tab{position:relative;border:0;min-height:var(--control-height-compact);padding:0 var(--space-1);line-height:1;color:var(--color-text-muted);background:transparent;font-weight:500}.ui-tab:after{content:"";position:absolute;right:var(--space-1);bottom:0;left:var(--space-1);height:3px;border-radius:3px 3px 0 0;background:transparent}.ui-tab[aria-selected=true]{color:var(--color-text);font-weight:700}.ui-tab[aria-selected=true]:after{background:var(--gradient-brand)}.ui-tab__label-short{display:none}.ui-status-badge{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:999px;color:var(--color-text);font-size:12px;font-weight:700}.ui-status-badge--success{background:color-mix(in srgb,var(--color-mint) 24%,white)}.ui-status-badge--warning{background:color-mix(in srgb,var(--color-gold) 42%,white)}.ui-status-badge--neutral{color:var(--color-text-muted);background:color-mix(in srgb,var(--color-text-muted) 16%,var(--color-surface))}.ui-status-badge--danger{color:#a40000;background:color-mix(in srgb,var(--color-danger) 20%,white)}:root{font-family:var(--font-family);color:var(--color-text);background:var(--color-bg)}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}.editor{height:100vh;height:100dvh;display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom,0px)}header{min-height:48px;display:flex;align-items:center;gap:10px;padding:7px 14px;color:var(--color-text);background:var(--color-surface)}.app-bar{position:relative;min-height:calc(48px + env(safe-area-inset-top,0px));gap:var(--space-2);padding:0 var(--space-2);padding-top:env(safe-area-inset-top,0px);box-shadow:var(--shadow-sm)}.app-bar:after{position:absolute;right:0;bottom:0;left:0;height:3px;content:"";background:var(--gradient-brand)}.app-bar__brand{margin-right:var(--space-1);letter-spacing:.08em}.app-bar__theme{display:flex;align-items:center;gap:6px;margin:0;color:var(--color-text-muted)}.app-bar__theme select{width:auto;min-width:96px}.app-bar__file-actions{display:flex;align-items:center;gap:var(--space-1);margin-left:auto}.app-bar__save-button--success{background:var(--color-mint)}.app-bar__path{position:relative;max-width:min(32vw,360px);padding:4px var(--space-1);border:0;border-radius:var(--radius-sm);color:var(--color-text-muted);background:transparent;font-size:12px}.app-bar__path-label{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-bar__path--copyable{cursor:pointer;transition:color .12s ease,background-color .12s ease}.app-bar__path--copyable:hover{color:var(--color-text);background:color-mix(in srgb,var(--color-brand-start) 10%,var(--color-surface))}.app-bar__path--copyable:focus-visible{outline:none;box-shadow:var(--focus-ring)}.app-bar__path--copyable:after{position:absolute;z-index:20;top:calc(100% + var(--space-1));right:0;width:max-content;max-width:min(70vw,720px);padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);background:var(--color-surface);box-shadow:var(--shadow-md);content:attr(data-full-path);line-height:1.4;opacity:0;overflow-wrap:anywhere;pointer-events:none;text-align:left;transform:translateY(-4px);transition:opacity .15s ease,transform .15s ease;white-space:normal}.app-bar__path--copyable:hover:after,.app-bar__path--copyable:focus-visible:after{opacity:1;transform:translateY(0)}.app-bar__path--unsaved{cursor:default}.editor-grid{min-height:0;flex:1;display:grid;grid-template-columns:minmax(480px,1fr) auto var(--right-panel-width, 320px)}.panel-resizer{width:6px;border-left:1px solid var(--color-border);background:var(--color-surface);cursor:col-resize;touch-action:none;user-select:none;-webkit-user-select:none;transition:background-color .12s ease}body.is-resizing-panel{cursor:col-resize;user-select:none;-webkit-user-select:none}.panel-resizer:hover,.panel-resizer:focus-visible{background:color-mix(in srgb,var(--color-brand-start) 45%,var(--color-surface))}.panel-resizer:focus-visible{outline:none}.center{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;padding:var(--space-2);gap:var(--space-2)}.play-toolbar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.play-toolbar label{min-width:0;margin:0}.play-toolbar select{width:170px}.play-toolbar .ui-number-input{width:80px}.play-toolbar__label-text{font-size:14px}.play-toolbar__audio-offset{display:flex;align-items:center;gap:var(--space-1);margin-left:auto}.play-toolbar__audio-offset>span:last-of-type{font-variant-numeric:tabular-nums}.timeline-shell{flex:1;min-width:0;min-height:390px;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.timeline-toolbar{min-width:0;min-height:calc(var(--control-height-compact) + var(--space-1));display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);background:var(--color-surface)}.timeline-toolbar__seek{flex:1;min-width:0}.timeline-toolbar__seek input{display:block;width:100%;margin:0}.timeline-area{position:relative;flex:1;overflow:hidden;touch-action:none;background:var(--color-timeline-bg)}.timeline-position-readout{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--color-surface);font-variant-numeric:tabular-nums}.timeline-option-board{display:grid;grid-template-columns:var(--icon-button-size) minmax(0,1fr) var(--icon-button-size);grid-template-rows:var(--icon-button-size) auto;align-items:center;min-width:0;gap:2px var(--space-1);padding:var(--space-1) var(--space-2) 3px;background:var(--color-surface);font-variant-numeric:tabular-nums}.timeline-option-board__nav{grid-row:1}.timeline-option-board__content{grid-row:1;min-width:0}.timeline-option-board__scene{display:flex;align-items:center;justify-content:center;min-width:0;gap:var(--space-1);white-space:nowrap}.timeline-option-board__label{flex:none;font-weight:700}.timeline-option-board__value{display:flex;flex:0 1 auto;align-items:center;justify-content:center;min-width:4ch;overflow:hidden;text-overflow:ellipsis}.timeline-option-board__value select{max-width:170px;min-width:0}.timeline-option-board__dots{display:flex;grid-column:1 / -1;grid-row:2;align-items:center;justify-content:center;gap:5px;min-height:6px}.timeline-option-board__dot{width:6px;height:6px;border-radius:50%;background:var(--color-border)}.timeline-option-board__dot.is-active{background:var(--color-brand-start)}.timeline-readout-controls{margin-left:auto;display:flex;align-items:center}.timeline-sudden{display:flex;align-items:center;gap:var(--space-1)}.timeline-scroll-speed{display:flex;align-items:center;gap:var(--space-1);margin-left:var(--space-2);padding-left:var(--space-2);border-left:1px solid var(--color-border)}.timeline-sudden span,.timeline-scroll-speed span{font-variant-numeric:tabular-nums}@media(max-width:420px){.timeline-readout-controls{flex-wrap:wrap;justify-content:flex-end;row-gap:var(--space-1)}.timeline-scroll-speed{margin-left:0;padding-left:0;border-left:0}}.lane{position:absolute;top:0;bottom:0;width:20%;border-right:1px solid var(--color-timeline-grid);background:#ffffff06;pointer-events:none}.grid{position:absolute;left:0;right:0;height:1px;background:color-mix(in srgb,var(--color-timeline-grid) 60%,transparent);pointer-events:none}.grid.measure{height:2px;background:color-mix(in srgb,var(--color-timeline-grid) 95%,white)}.timeline-cover{position:absolute;top:0;left:0;right:0;z-index:10;background:url(./sudden-cover-Bbhka2KJ.webp) no-repeat top center / 100% auto #ffd8e1;pointer-events:none}.judgment{position:absolute;left:0;right:0;height:3px;background:var(--color-timeline-judgment);pointer-events:none;z-index:5}.skill-range{position:absolute;left:0;right:0;background:var(--color-timeline-skill);border-top:1px solid color-mix(in srgb,var(--color-mint) 75%,transparent);border-bottom:1px solid color-mix(in srgb,var(--color-mint) 75%,transparent);pointer-events:none}.skill-range--0{background:color-mix(in srgb,var(--color-mint) 18%,transparent);border-top-color:color-mix(in srgb,var(--color-mint) 75%,transparent);border-bottom-color:color-mix(in srgb,var(--color-mint) 75%,transparent)}.skill-range--1{background:color-mix(in srgb,var(--color-gold) 18%,transparent);border-top-color:color-mix(in srgb,var(--color-gold) 75%,transparent);border-bottom-color:color-mix(in srgb,var(--color-gold) 75%,transparent)}.skill-range--2{background:color-mix(in srgb,var(--color-pink) 18%,transparent);border-top-color:color-mix(in srgb,var(--color-pink) 75%,transparent);border-bottom-color:color-mix(in srgb,var(--color-pink) 75%,transparent)}.note{position:absolute;width:16%;min-height:14px;z-index:4;border:2px solid #fff;border-radius:4px;background:#fff;box-shadow:0 1px 4px #0008;touch-action:none;cursor:move}.note__length-marker{position:absolute;top:0;left:0;z-index:1;pointer-events:none}.note__length-marker--hovered,.note__length-marker--resizing{width:10px;height:10px;margin:1px;border-radius:50%}.note__length-marker--hovered{background:var(--color-surface)}.note__length-marker--resizing{background:var(--color-note-resizing)}.note__resize-handle{position:absolute;top:0;right:0;left:0;height:14px;cursor:ns-resize}.note__skill-markers{position:absolute;right:2px;bottom:1px;display:flex;gap:2px;pointer-events:none}.note__skill-marker-slot{width:6px;height:6px;border-radius:50%;pointer-events:none}.note__skill-marker--0{background:var(--color-mint)}.note__skill-marker--1{background:var(--color-gold)}.note__skill-marker--2{background:var(--color-pink)}.note.long{background:var(--color-gold);border-color:color-mix(in srgb,var(--color-gold) 52%,white)}.note.fever{background:var(--color-mint);border-color:color-mix(in srgb,var(--color-mint) 45%,white)}.note.ascending{background:color-mix(in srgb,var(--color-note-ascending) 82%,white);border-color:color-mix(in srgb,var(--color-note-ascending) 35%,white)}.note.descending{background:var(--color-note-descending);border-color:color-mix(in srgb,var(--color-note-descending) 38%,white)}.note.selected{outline:3px solid var(--color-gold);z-index:6}.note.violation{background:color-mix(in srgb,var(--color-danger) 55%,white);border-color:var(--color-danger);outline:2px solid var(--color-danger)}.notes-info,.inspector-section{background:var(--color-surface);border:0;border-bottom:1px solid var(--color-border);padding:var(--space-2) 0}.notes-info{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:end;padding:var(--space-2)}.notes-info h3{flex:1 0 100%}h2,h3{margin:0 0 var(--space-1)}h3{font-size:14px}label{display:flex;align-items:center;justify-content:space-between;gap:var(--space-1);margin:var(--space-1) 0;font-size:13px}.field-label-with-help{display:inline-flex;align-items:center;gap:var(--space-1)}.help-icon{position:relative;display:inline-flex;color:var(--color-text-muted);cursor:help;transition:color .12s ease}.help-icon:hover,.help-icon:focus-visible{color:var(--color-text)}.help-icon:focus-visible{outline:none;box-shadow:var(--focus-ring)}.help-icon:after{position:absolute;z-index:20;top:calc(100% + var(--space-1));right:0;width:max-content;max-width:min(200px,80vw);padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);background:var(--color-surface);box-shadow:var(--shadow-md);content:attr(data-tooltip);line-height:1.4;opacity:0;overflow-wrap:anywhere;pointer-events:none;text-align:left;transform:translateY(-4px);transition:opacity .15s ease,transform .15s ease;white-space:normal}.help-icon:hover:after,.help-icon:focus-visible:after{opacity:1;transform:translateY(0)}select{min-width:0;min-height:var(--control-height-compact);padding:0 var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface)}.notes-info input{width:90px}.right-panel{overflow-y:auto;scrollbar-gutter:stable;padding:var(--space-2);background:var(--color-surface);border-left:1px solid var(--color-border)}.right-panel__title{margin-bottom:0}.right-panel>.ui-tabs{margin-bottom:var(--space-2);border-bottom:1px solid var(--color-border)}.inspector-section:last-child{border-bottom:0}.inspector-section{display:flex;flex-direction:column;gap:var(--space-1)}.inspector-section>label,.inspector-section>p,.inspector-section>h3,.inspector-section>.inline-actions{margin:0}.inspector-section>label{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,150px);align-items:center}.inspector-section input,.inspector-section select{width:100%;min-width:0}.inspector-section input[type=radio],.inspector-section input[type=checkbox]{width:auto}.difficulty-checklist{margin:0;padding:0;list-style:none}.difficulty-checklist__item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-1);padding:var(--space-1) 0}.difficulty-checklist__radio{display:flex;align-items:center;gap:var(--space-1);cursor:pointer}.difficulty-checklist__label--muted{color:var(--color-text-muted)}.formation-member-row{display:grid;grid-template-columns:minmax(0,1fr) repeat(2,minmax(62px,72px));gap:var(--space-1);align-items:end}.time-signature-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) var(--icon-button-size);align-items:end;gap:var(--space-1)}.time-signature-row label{display:flex;min-width:0;flex-direction:column;align-items:stretch;gap:2px;margin:0}.time-signature-row__delete{color:var(--color-danger)}.time-signature-row__delete:hover:not(:disabled){background:color-mix(in srgb,var(--color-danger) 10%,var(--color-surface))}.formation-member-row label{display:flex;min-width:0;flex-direction:column;align-items:stretch;margin:0}.inline-actions,.card-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1);margin-top:var(--space-1)}.card-editor{min-height:0;flex:1;display:flex;flex-direction:column}.card-editor>header{gap:var(--space-1);background:var(--color-surface);box-shadow:var(--shadow-sm)}.card-editor-grid{min-height:0;flex:1;display:grid;grid-template-columns:minmax(220px,320px) minmax(360px,1fr)}.card-list,.card-form{overflow-y:auto;padding:var(--space-2)}.card-list{background:var(--color-surface);border-right:1px solid var(--color-border)}.tour-list{flex:1;min-height:0;overflow-y:auto;padding:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.card-list section{margin-bottom:var(--space-2)}.card-list h2{font-size:15px}.card-list__filter{width:100%;margin-bottom:var(--space-1)}.difficulty-badges{display:flex;justify-content:flex-end;gap:3px;margin-top:4px}.difficulty-badge--absent{visibility:hidden}.difficulty-badge{min-width:26px;padding:1px 4px;border-radius:var(--radius-sm);color:#fff;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.5;text-align:center}.difficulty-badge--1{background:#368641}.difficulty-badge--2{background:#297ea2}.difficulty-badge--3{background:#c8393f}.difficulty-badge--4{background:#7b3fa8}.difficulty-badge--5{background:#2b2b2b}.song-specialize{color:#fff;border-color:transparent}.song-specialize--vo{background:#c2323c}.song-specialize--da{background:#2b62b0}.song-specialize--vi{background:#947000}.formation-share{display:flex;flex-direction:column;gap:var(--space-1);margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--color-border)}.formation-share input{min-width:0;flex:1;padding:4px var(--space-1);border:1px solid color-mix(in srgb,var(--color-border) 35%,transparent);border-radius:var(--radius-sm);color:var(--color-text-muted);background:transparent}.formation-share .ui-button{flex:none}.formation-share a.ui-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.card-list-item{display:block;width:100%;position:relative;margin:4px 0;padding:var(--space-1);text-align:left;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.card-list-item.selected{border-color:var(--color-brand-start);background:var(--color-bg)}.card-list-item.selected:before{position:absolute;top:var(--space-1);bottom:var(--space-1);left:0;width:4px;border-radius:0 4px 4px 0;content:"";background:var(--gradient-brand)}.field-with-action{display:flex;align-items:center;gap:var(--space-1)}.field-with-action .ui-number-input{min-width:0;flex:1}.field-with-action .ui-icon-button{flex:none}.inspector-section .ui-number-input[readonly]{color:var(--color-text-muted);background:var(--color-surface-disabled)}.base-points-source{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1)}.base-points-source__label,.base-points-estimate-help{color:var(--color-text-muted);font-size:12px}.base-points-estimate-help{line-height:1.4;overflow-wrap:anywhere}.sp-timing label{align-items:center;gap:var(--space-1);margin:0}.field-unit{flex:none;color:var(--color-text-muted);font-size:12px}.sp-timing .field-with-action{flex:none}.sp-timing .ui-number-input{width:96px;flex:none;font-variant-numeric:tabular-nums}.card-pool-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-1);border-width:2px;border-color:var(--color-pool-border);background:var(--color-bg)}.card-pool-item--disabled{border-color:var(--color-border);background:var(--color-surface-disabled)}.card-pool-item__state{margin-left:var(--space-1);padding:1px 6px;border-radius:999px;background:color-mix(in srgb,var(--color-text-muted) 22%,var(--color-surface));color:var(--color-text);font-size:11px;font-weight:700;white-space:nowrap}.card-pool-item:disabled{cursor:not-allowed}.card-pool-item__id{color:var(--color-text-muted);font-size:12px;font-variant-numeric:tabular-nums;text-align:right}.card-pool-panel{padding-bottom:var(--space-4)}.card-pool-panel>.ui-tabs{margin-bottom:var(--space-2)}.card-form{max-width:960px;background:var(--color-surface)}.card-form label,.card-form fieldset{max-width:440px}.card-form input,.card-form select{width:220px}.card-form fieldset{margin:var(--space-2) 0;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.card-form .skill-editor{max-width:none}.skill-list{display:grid;gap:var(--space-1)}.skill-row{display:grid;grid-template-columns:minmax(180px,1.4fr) minmax(96px,.65fr) minmax(180px,1fr) var(--icon-button-size);align-items:end;gap:var(--space-1);padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--color-bg) 45%,var(--color-surface))}.card-form .skill-field{min-width:0;max-width:none;display:grid;align-content:end;justify-content:stretch;gap:4px;margin:0}.skill-field__label{color:var(--color-text-muted);font-size:11px;font-weight:700;line-height:1}.card-form .skill-field input,.card-form .skill-field select{width:100%}.skill-field--empty{color:var(--color-text-muted)}.skill-field__placeholder{min-height:var(--control-height-compact);display:grid;place-items:center;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--color-border) 24%,var(--color-surface))}.skill-row__delete{align-self:end;color:var(--color-danger)}.skill-row__delete:hover:not(:disabled){background:color-mix(in srgb,var(--color-danger) 10%,var(--color-surface))}.skill-targets{width:100%;min-height:var(--control-height-compact);display:flex;align-items:stretch;gap:0;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface)}.card-form .skill-target{min-width:0;flex:1 1 0;display:block;margin:0;cursor:pointer}.card-form .skill-target input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}.skill-target span{width:100%;height:100%;min-height:var(--control-height-compact);box-sizing:border-box;display:flex;align-items:center;justify-content:center;border-right:1px solid var(--color-border);color:var(--color-text-muted);background:var(--color-surface);font-size:12px;font-weight:700;transition:color .12s ease,background .12s ease}.skill-target:last-child span{border-right:0}.skill-target:hover span{color:var(--color-text);background:color-mix(in srgb,var(--color-brand-start) 8%,var(--color-surface))}.skill-target input:checked+span{color:var(--color-brand-start);background:color-mix(in srgb,var(--color-brand-start) 16%,var(--color-surface))}.skill-target:hover input:checked+span{background:color-mix(in srgb,var(--color-brand-start) 22%,var(--color-surface))}.skill-targets:has(input:focus-visible){box-shadow:var(--focus-ring)}.skill-editor__add{min-width:180px;margin-top:var(--space-2)}.score-result{display:grid;gap:var(--space-1);margin-top:var(--space-2)}.score-result__value{margin:0;color:var(--color-pink);font-size:28px;font-weight:800}.score-result__metrics,.score-result__activation{display:flex;align-items:center;justify-content:space-between;gap:var(--space-1)}.score-result__activation{flex-wrap:wrap}.score-result__activation-name{min-width:0}.score-result__activation-badges{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-left:auto}.score-result__activation--spent .score-result__activation-name{color:var(--color-text-muted)}.score-result__activations h4{margin:var(--space-1) 0}.best-formations{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--color-border)}.best-formations__list{display:grid;gap:var(--space-1);margin:var(--space-2) 0 0;padding:0;list-style:none}.best-formations__item{padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--color-bg) 45%,var(--color-surface))}.best-formations__item p{margin:var(--space-1) 0;overflow-wrap:anywhere}.best-formations__heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-1)}@media(max-width:1000px){.skill-row{grid-template-columns:minmax(160px,1fr) minmax(96px,.6fr) var(--icon-button-size)}.skill-field--targets,.skill-row>.skill-field:nth-child(3):not(.skill-field--spacer){grid-column:1 / 3;grid-row:2}.skill-field--spacer{display:none}.skill-row__delete{grid-column:3;grid-row:1}}@media(max-width:760px){.ui-tab__label-full{display:none}.ui-tab__label-short{display:inline}.app-bar__file-actions .ui-button{width:var(--icon-button-size);padding:0}.app-bar__file-actions .ui-button-label{display:none}.app-bar__file-actions .app-bar__save-button--success{width:auto;padding:0 var(--space-2)}.app-bar__file-actions .app-bar__save-button--success .ui-button-label{display:inline}.play-toolbar__label-text{display:none}.app-bar__brand{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-bar__theme select{width:92px;min-width:0}.editor-grid{grid-template-columns:1fr;overflow:auto}.panel-resizer{display:none}.notes-info{flex-direction:column;flex-wrap:nowrap;align-items:stretch}.notes-info h3{flex:none}.right-panel{border-left:0}.timeline-shell{min-height:430px}.card-editor-grid{grid-template-columns:1fr}.card-list{max-height:35vh;border-right:0}}.produced-by{display:flex;align-items:center;gap:6px;flex:none;margin:0 0 0 auto;color:var(--color-text-muted);font-size:12px;white-space:nowrap}.produced-by__link{display:flex;align-items:center;gap:6px;color:var(--color-text);font-weight:700;text-decoration:none;border-radius:var(--radius-sm)}.produced-by__link:hover,.produced-by__link:focus-visible{text-decoration:underline}.produced-by__link:focus-visible{outline:none;box-shadow:var(--focus-ring)}.produced-by__logo{display:block;width:24px;height:auto}@media(max-width:640px){.produced-by__prefix,.produced-by__name{display:none}}.web-layout{flex:1;min-height:0;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2)}.web-layout__chart{flex:1;min-height:0;display:flex;flex-direction:column;gap:var(--space-2)}.web-layout__panel{flex:1;min-height:0;overflow-y:auto;scrollbar-gutter:stable}.web-layout__tabs{border-bottom:1px solid var(--color-border)}@media(max-width:899px){.web-layout[data-view=play] .web-layout__panel{display:none}.web-layout:not([data-view=play]) .web-layout__chart{display:none}.web-layout:not([data-view=play]){padding-right:0;padding-left:0}.web-layout:not([data-view=play]) .web-layout__panel{scrollbar-gutter:auto}.web-layout:not([data-view=play]) .web-layout__tabs,.web-layout:not([data-view=play]) .card-pool-panel>.ui-tabs,.web-layout:not([data-view=play]) .inspector-section{padding-right:var(--space-2);padding-left:var(--space-2)}}@media(min-width:900px){.web-layout{display:grid;grid-template-columns:minmax(0,1fr) auto var(--right-panel-width, 360px);grid-template-rows:auto minmax(0,1fr);grid-template-areas:"toolbar resizer tabs" "chart resizer panel";gap:0;padding:0}.panel-resizer{grid-area:resizer}.web-layout__toolbar{grid-area:toolbar;margin:var(--space-2) var(--space-2) 0}.web-layout__tabs{grid-area:tabs;padding:var(--space-2) var(--space-2) 0;background:var(--color-surface);border-left:1px solid var(--color-border)}.web-layout__chart{grid-area:chart;padding:var(--space-2);align-items:center}.web-layout__chart>*{width:100%;max-width:var(--chart-max-width, none)}.web-layout__panel{grid-area:panel;padding:var(--space-2);background:var(--color-surface);border-left:1px solid var(--color-border)}}@media(min-width:900px){.web-layout[data-view=cardPool]{grid-template-columns:minmax(0,1fr);grid-template-areas:"tabs" "panel"}.web-layout[data-view=cardPool] .panel-resizer,.web-layout[data-view=cardPool] .web-layout__toolbar,.web-layout[data-view=cardPool] .web-layout__chart{display:none}.web-layout[data-view=cardPool] .web-layout__panel,.web-layout[data-view=cardPool] .web-layout__tabs{border-left:0}.card-pool-panel .inspector-section{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:0 var(--space-1);align-content:start}.card-pool-panel .inline-actions{grid-column:1 / -1}}@media(min-width:900px){.tour-list--web{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-1);align-content:start}}