@font-face{font-family:RobotoLocal;src:url(../assets/Roboto-Regular.ttf);font-display:swap}:root{font-family:RobotoLocal,system-ui,sans-serif;color:#eef3ef;background:#0c110e;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 50% -10%,#304438 0,#101713 42%,#090d0b)}button,input{font:inherit}button{cursor:pointer}.app-shell,.home{width:min(100%,760px);min-height:100vh;margin:auto;padding-bottom:calc(24px + env(safe-area-inset-bottom))}.topbar{min-height:86px;padding:calc(12px + env(safe-area-inset-top)) 18px 12px;display:grid;grid-template-columns:48px 1fr 48px;align-items:center;position:sticky;top:0;z-index:5;overflow:hidden;background:linear-gradient(145deg,#26362cf7,#0e1511f7);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #d0ab6145;border-radius:0 0 22px 22px;box-shadow:0 10px 24px #0005}.topbar:after{content:"";position:absolute;right:34px;bottom:-42px;width:130px;height:90px;border:1px solid #d0ab6118;border-radius:50%;pointer-events:none}.topbar-title{min-width:0;position:relative;z-index:1;text-align:center}.topbar-title>span{display:block;margin-bottom:2px;color:#d0ab61;font-size:.62rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.topbar h1{margin:0;overflow:hidden;color:#f2f5f3;font-family:Georgia,serif;font-size:clamp(1.08rem,4.8vw,1.4rem);font-weight:400;letter-spacing:.025em;text-overflow:ellipsis;white-space:nowrap}.icon-button{position:relative;z-index:1;border:1px solid #ffffff18;border-radius:50%;width:44px;height:44px;background:#ffffff0d;color:#fff;font-size:1.5rem}.icon-button:active{background:#d0ab6124}.topbar-logo{position:relative;z-index:1;justify-self:end;width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 5px 7px #0008)}.content{padding:22px 18px;display:grid;gap:20px}.home{padding:calc(30px + env(safe-area-inset-top)) 20px 30px;display:grid;align-content:start;gap:30px}.hero{text-align:center}.hero img{width:92px;filter:drop-shadow(0 12px 18px #0008)}.eyebrow{color:#d0ab61;text-transform:uppercase;letter-spacing:.18em;font-size:.72rem}.hero h1{font-family:Georgia,serif;font-size:clamp(3.2rem,14vw,6rem);line-height:.9;margin:12px 0 18px}.hero h1 span{color:#d0ab61}.hero>p:last-child{color:#b8c3bc;max-width:430px;margin:auto;line-height:1.6}.menu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.menu-grid button{min-height:112px;text-align:left;padding:18px;border:1px solid #ffffff18;border-radius:18px;color:#fff;background:linear-gradient(145deg,#233128,#17201b);box-shadow:0 12px 24px #0003}.menu-grid button.secondary{background:#ffffff0a}.menu-grid b,.menu-grid small{display:block}.menu-grid b{font-family:Georgia,serif;font-size:1.3rem;margin-bottom:8px}.menu-grid small{color:#aab7ae;line-height:1.35}.section-menu{margin-top:12px}.home-sections{display:grid;gap:24px}.home-category{display:grid;gap:10px}.home-category h2{margin:0;color:#d0ab61;font-family:Georgia,serif;font-size:1.15rem;letter-spacing:.04em}.home-category .single-entry{grid-template-columns:1fr}.about-link{min-height:48px;border:1px solid #ffffff14;border-radius:14px;color:#b7c2bb;background:#ffffff08}.card{border:1px solid #ffffff14;border-radius:18px;background:#17201bcf;box-shadow:0 14px 32px #0003;padding:18px}.segmented{display:grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:14px;background:#ffffff0c}.segmented button{border:0;padding:13px;border-radius:11px;color:#aebbb3;background:transparent}.segmented button.active{color:#111713;background:#d0ab61;font-weight:700}.segmented button:disabled{cursor:not-allowed}.announcement{min-height:245px;border-radius:22px;display:grid;place-content:center;text-align:center;gap:22px;background:linear-gradient(145deg,#27372d,#121914);border:1px solid #d0ab6138}.announcement span{color:#d0ab61}.announcement strong{padding:0 18px;font-family:Georgia,serif;font-size:clamp(2rem,9vw,4rem)}.controls{display:grid;gap:12px}.controls fieldset{display:grid;gap:12px;margin:0;padding:0;border:0}.controls fieldset:disabled{opacity:.48}.filter-group{display:grid;gap:12px}.filter-group h2{margin:0 0 4px;color:#d0ab61;font-family:Georgia,serif;font-size:1.1rem}.filter-group label{display:flex;align-items:center;gap:10px;color:#c5cec8}.filter-group input{width:22px;height:22px;accent-color:#d0ab61}.number-control{display:flex;align-items:center;justify-content:space-between;gap:12px}.number-control>span{color:#c5cec8}.control-label{display:inline-flex;align-items:center;gap:8px}.info-button{width:24px;height:24px;padding:0;border:1px solid #d0ab61;border-radius:50%;color:#d0ab61;background:transparent;font-family:Georgia,serif;font-weight:700;line-height:1}.number-control>div{display:grid;grid-template-columns:40px 42px 40px;align-items:center;text-align:center}.number-control button{width:38px;height:38px;border:0;border-radius:50%;background:#ffffff12;color:#fff;font-size:1.35rem}.number-control .info-button{width:24px;height:24px;border:1px solid #d0ab61;color:#d0ab61;background:transparent;font-size:.9rem}.number-control button:disabled{opacity:.3}.primary{border:0;border-radius:14px;color:#101612;background:#d0ab61;font-weight:800}.primary.large{min-height:56px;padding:14px 20px;font-size:1rem}.primary:disabled{cursor:not-allowed;opacity:.4}.primary.danger{color:#fff;background:#8d3f3f}.save-button{min-height:50px;padding:12px 18px;border:1px solid #d0ab6160;border-radius:14px;color:#d0ab61;background:#d0ab610c;font-weight:700}.save-button:disabled{color:#91a097;border-color:#ffffff18;cursor:default}.help{color:#94a199;font-size:.9rem;line-height:1.55;margin:0 6px}.help-button{min-height:44px;border:0;color:#b9c5bd;background:transparent;text-decoration:underline}.help-overlay{position:fixed;z-index:10;inset:0;display:grid;place-items:center;padding:22px;background:#080c0aef}.help-overlay .card{width:min(100%,620px);max-height:90vh;overflow:auto}.help-overlay .primary{width:100%;margin-top:12px}.speed-info table{width:100%;border-collapse:collapse;margin:14px 0}.speed-info th,.speed-info td{padding:8px 12px;border-bottom:1px solid #ffffff14;text-align:left}.speed-info th{color:#d0ab61}.flower-card{position:relative;width:min(100%,370px);aspect-ratio:514 / 832;margin:0 auto;background:url(../assets/CarteBleu.png) center / 100% 100% no-repeat}.flower-step{position:absolute;width:clamp(42px,13vw,64px);aspect-ratio:1;translate:-50% -50%;display:grid;place-content:center;border-radius:50%;background:#17201be8;border:2px solid #d8e0da;box-shadow:0 3px 10px #0008}.flower-step strong{font-family:Georgia,serif;font-size:clamp(1.45rem,6vw,2.2rem)}.flower-step.point-strike{color:#17130a;background:#ffd229;border-color:#fff3ad;box-shadow:0 0 0 3px #342500,0 4px 12px #000a}.combat-config{display:grid;gap:24px;padding:26px 22px}.combat-config label{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:1.08rem}.combat-config label b{color:#d0ab61;font-family:Georgia,serif;font-size:1.5rem}.combat-config input{width:30px;height:30px;accent-color:#d0ab61}.combat-viewpoint{margin:0;padding:12px 15px;border-left:3px solid #d0ab61;color:#c5cec8;background:#d0ab610d;font-size:.9rem;line-height:1.45}.combat-filters{padding:0;overflow:hidden}.combat-filters summary{display:flex;justify-content:space-between;padding:18px;cursor:pointer;font-weight:700}.combat-filters summary small{color:#d0ab61}.combat-filters>div{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:0 18px 18px}.combat-filters label{display:flex;align-items:center;gap:8px;color:#c5cec8;font-size:.88rem}.combat-filters input{width:20px;height:20px;accent-color:#d0ab61}.validation-error{margin:0;color:#f1a4a4;text-align:center;line-height:1.4}.combat-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;text-align:center;color:#829087}.combat-head b{color:#d0ab61;font-family:Georgia,serif;font-size:1.8rem}.combat-head span{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em}.passes{display:grid;gap:9px}.passes article{display:grid;grid-template-columns:28px 1fr auto 1fr;align-items:center;gap:10px;padding:13px 11px;border-radius:14px;background:#17201bcf;border:1px solid #ffffff0f}.passes b{color:#d0ab61;font-size:.75rem;text-transform:uppercase}.passes p{margin:4px 0 0;font-size:.9rem}.pass-number{color:#77847c;text-align:center}.arrow{color:#718078}.legacy-passes article{grid-template-columns:28px 1fr 52px 1fr;min-height:70px;text-align:center}.legacy-passes strong{color:#eef3ef;font-size:clamp(.72rem,2.8vw,.95rem)}.combat-arrow{color:#d0ab61;font-size:2rem;font-weight:400}.rhythm-intro{display:grid;gap:14px;color:#c5cec8;line-height:1.55}.rhythm-intro h2{margin:0;color:#fff;font-family:Georgia,serif}.rhythm-intro p{margin:0}.rhythm-intro button{margin-top:8px}.rhythm-count{margin-top:4px;padding:14px;border-radius:14px;background:#ffffff08}.rhythm-legend{display:flex;justify-content:center;gap:22px;color:#aebbb3;font-size:.82rem}.rhythm-legend span{display:flex;align-items:center;gap:7px}.rhythm-legend i{width:12px;height:12px;border-radius:50%}.rhythm-sequence{display:grid}.standard-combat-lines{display:grid;border-top:1px solid #ffffff14}.standard-combat-line{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;border-bottom:1px solid #ffffff14}.standard-combat-line>.pass-number{color:#829087}.standard-combat-line .rhythm-exchange{padding-left:4px;padding-right:4px}.rhythm-part{display:grid}.rhythm-pause{min-height:62px;display:grid;place-items:center;position:relative;color:#91a097;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase}.rhythm-pause:before{content:"";position:absolute;width:1px;height:100%;background:linear-gradient(transparent,#d0ab6177,transparent)}.rhythm-pause span{z-index:1;padding:5px 12px;border:1px solid #d0ab6140;border-radius:20px;background:#101713}.rhythm-card{padding:0;overflow:hidden;border-color:#d0ab6130}.rhythm-card header{display:flex;justify-content:space-between;align-items:center;padding:13px 16px;border-bottom:1px solid #ffffff12;background:#ffffff08}.rhythm-card header span{color:#d0ab61;font-family:Georgia,serif;font-size:1.1rem}.rhythm-card header b{color:#829087;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}.rhythm-actions{display:grid}.rhythm-exchange{display:grid;grid-template-columns:32px minmax(0,1fr) 20px 32px minmax(0,1fr);align-items:center;gap:8px;padding:13px 14px}.rhythm-exchange+.rhythm-exchange{border-top:1px solid #ffffff0d}.rhythm-exchange p{min-width:0;margin:0}.rhythm-exchange small,.rhythm-exchange strong{display:block}.rhythm-exchange small{margin-bottom:3px;color:#849189;font-size:.65rem;text-transform:uppercase}.rhythm-exchange strong{font-size:clamp(.74rem,2.8vw,.92rem);line-height:1.25}.fighter{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;color:#111713;font-weight:900}.role-attacker{background:#d0ab61}.role-defender{background:#76b8a1}.exchange-arrow{color:#d0ab61;text-align:center;font-size:1.2rem}.prose{text-align:center;line-height:1.65;color:#c1cbc4}.prose h2{color:#fff;font-family:Georgia,serif;font-size:2rem}.prose a{color:#d0ab61}.about-logo{width:100px}.credits-card{text-align:left}.credits-card .about-logo{display:block;margin:0 auto}.archetype-card h2{margin:4px 0 18px;color:#fff;font-family:Georgia,serif;font-size:clamp(2rem,9vw,3.2rem)}.archetype-card dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 22px}.archetype-card dl div{padding:12px;border-radius:12px;background:#ffffff0a}.archetype-card dt{color:#8f9d94;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}.archetype-card dd{margin:5px 0 0;color:#d0ab61;font-weight:700}.archetype-card h3{margin:0 0 10px;font-family:Georgia,serif}.archetype-card ul{margin:0;padding-left:20px;color:#c5cec8;line-height:1.55}.archetype-card li+li{margin-top:8px}.fracas-concept{color:#c5cec8;line-height:1.55}.fracas-concept h2,.fracas-concept h3{color:#fff;font-family:Georgia,serif}.fracas-concept h2{margin-top:0;font-size:2rem}.fracas-concept h3{margin-bottom:6px}.fracas-concept li+li{margin-top:7px}.archetype-matrix{display:grid;grid-template-columns:1.35fr repeat(3,1fr);overflow-x:auto;border:1px solid #ffffff14;border-radius:14px;background:#17201bcf}.archetype-matrix>*{min-width:116px;padding:11px 8px;border-right:1px solid #ffffff10;border-bottom:1px solid #ffffff10;text-align:center;font-size:.78rem}.archetype-matrix b{color:#d0ab61}.archetype-list{display:grid;gap:12px}.archetype-list h2{margin:4px 0 12px;font-family:Georgia,serif}.archetype-list ul{margin:0;padding-left:20px;color:#c5cec8;line-height:1.5}.archetype-list li+li{margin-top:6px}.marie-card-frame{width:min(100%,390px);min-height:300px;margin:0 auto;display:grid;place-items:center}.marie-card-frame img{display:block;width:100%;max-height:68vh;object-fit:contain;border-radius:4px;box-shadow:0 14px 32px #0008}.zoomable-image{position:relative;width:100%;padding:0;border:0;border-radius:4px;background:transparent}.zoomable-image img{width:100%}.zoomable-image span{position:absolute;right:7px;bottom:7px;padding:5px 8px;border-radius:8px;color:#fff;background:#0b100dcc;font-size:.68rem}.image-zoom-overlay{position:fixed;z-index:30;inset:0;display:grid;place-items:center;padding:max(18px,env(safe-area-inset-top)) 18px max(18px,env(safe-area-inset-bottom));background:#050806f5;cursor:zoom-out}.image-zoom-overlay img{width:auto;max-width:100%;height:auto;max-height:calc(100vh - 36px);object-fit:contain;border-radius:5px;box-shadow:0 20px 60px #000}.image-zoom-close{position:fixed;z-index:31;top:max(14px,env(safe-area-inset-top));right:14px;width:44px;height:44px;border:1px solid #ffffff38;border-radius:50%;color:#fff;background:#111a16dd;font-size:1.8rem;line-height:1}.marie-card-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}.marie-card-pair figure{min-width:0;margin:0}.marie-card-pair figcaption{margin-bottom:8px;color:#d0ab61;text-align:center;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.marie-card-pair .marie-card-frame{min-height:0}.marie-card-pair .marie-card-frame img{max-height:62vh}.marie-filters{grid-template-columns:repeat(2,1fr)}.marie-filters h2{grid-column:1 / -1}.marie-card-placeholder{min-height:250px;display:grid;place-content:center;gap:8px;text-align:center;color:#8f9d94}.marie-card-placeholder strong{color:#eef3ef;font-family:Georgia,serif;font-size:1.5rem}.training-reference{text-align:left}.training-reference h2{margin-bottom:4px}.reference-lead{margin-top:0;color:#d0ab61;font-family:Georgia,serif;font-size:1.1rem}.reference-link{display:inline-block;margin-top:8px;padding:12px 15px;border:1px solid #d0ab6145;border-radius:12px;color:#d0ab61;background:#d0ab610d;font-weight:700;text-decoration:none}.practice-card h2{margin-top:0;color:#d0ab61;font-family:Georgia,serif;font-size:1.25rem}.practice-card ol,.practice-card ul{margin:0;padding-left:22px;color:#c5cec8;line-height:1.55}.practice-card li+li{margin-top:8px}.saved-list{display:grid;gap:12px}.saved-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;cursor:pointer}.saved-item:hover,.saved-item:focus{border-color:#d0ab6155;outline:none}.saved-item p{margin:0}.saved-item .eyebrow{margin-bottom:6px}.saved-configuration{color:#eef3ef;line-height:1.45}.saved-item time{display:block;margin-top:8px;color:#8f9d94;font-size:.8rem}.saved-item button{padding:9px 11px;border:1px solid #c86f6f55;border-radius:10px;color:#efa5a5;background:#8d3f3f1f}.saved-empty{min-height:180px;display:grid;place-content:center;gap:8px;text-align:center;color:#8f9d94}.saved-empty strong{color:#eef3ef;font-family:Georgia,serif;font-size:1.3rem}.saved-detail-meta{text-align:center}.saved-detail-meta p{margin:0 0 8px;color:#eef3ef;line-height:1.45}.saved-detail-meta time{color:#8f9d94;font-size:.82rem}.delete-creation{min-height:48px;border:1px solid #c86f6f55;border-radius:12px;color:#efa5a5;background:#8d3f3f1f}.saved-detail-meta+.standard-combat-lines{margin-top:2px}@media(max-width:520px){.menu-grid{grid-template-columns:1fr}.home{align-content:start}.passes article{grid-template-columns:24px 1fr}.passes .arrow{display:none}.passes article div:last-child{grid-column:2}.legacy-passes article{grid-template-columns:22px 1fr 36px 1fr}}