:root{color-scheme:dark;--ivory:#f5e5bc;--gold:#d2ac62;--muted:#a7a396;--line:#7b613d66;--green:#9addc6;--red:#ff9c80;font-family:Georgia,Times New Roman,serif;background:#171512;color:var(--ivory)}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.42}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #f6d28f;outline-offset:4px}button{transition:filter .15s,background .15s}button:hover:not(:disabled){filter:brightness(1.15)}button:active:not(:disabled){transform:translateY(1px)}#app{height:100dvh;min-height:580px;display:grid;grid-template-rows:92px minmax(0,1fr) 150px 38px;background:radial-gradient(ellipse at 50% 35%,#4e3524aa,transparent 72%),repeating-linear-gradient(3deg,#ffffff02 0 1px,transparent 1px 5px),linear-gradient(100deg,#1e1713,#332217 50%,#1e1713)}header{padding:14px 30px 10px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:18px;border-bottom:1px solid var(--line);box-shadow:0 8px 30px #0003;z-index:2}.brand{display:flex;align-items:center;gap:14px}.brand-mark{font-size:36px;color:var(--gold);text-shadow:0 2px 2px #000}h1{font-size:clamp(22px,2.3vw,38px);letter-spacing:.12em;margin:0;line-height:1}#mode-label{display:block;font:10px/1.8 Segoe UI,sans-serif;letter-spacing:.22em;color:var(--gold);margin-top:6px}.scoreboard{justify-self:center;min-width:240px;text-align:center;display:grid;grid-template-columns:auto auto;align-items:center;gap:1px 18px;border:1px solid #af854966;border-radius:50%/20%;background:linear-gradient(#0d1311aa,#211b15);box-shadow:inset 0 0 0 3px #e7b96508,0 3px 10px #0005;padding:7px 32px}.eyebrow,.section-label{font:10px/1.4 Segoe UI,sans-serif;letter-spacing:.19em;color:var(--gold);font-weight:600}.scoreboard strong{font-size:34px;font-weight:400;line-height:1}.scoreboard #goal{grid-column:1/-1;font:10px Segoe UI,sans-serif;color:var(--muted)}.top-actions{display:flex;justify-content:end;gap:8px}.quiet,.square{background:#14171488;border:1px solid var(--line);border-radius:8px;padding:10px 15px;font:13px Segoe UI,sans-serif}.square{width:38px;height:38px;padding:0;font-size:22px;color:var(--gold)}#arena{position:relative;min-height:0;isolation:isolate}#stage{position:absolute;inset:0;touch-action:none}canvas{display:block;width:100%;height:100%;outline:none}#piece-buttons{position:absolute;inset:0;z-index:2;pointer-events:none}.piece-hit{position:absolute;transform:translate(-50%,-50%);background:transparent;border:0;border-radius:50%;padding:0;pointer-events:auto;cursor:pointer;touch-action:none}.piece-hit:focus-visible{outline:2px solid #fff6d2;outline-offset:3px}button.piece-hit:active:not(:disabled){transform:translate(-50%,-50%)}#board-caption{position:absolute;top:10px;left:50%;transform:translate(-50%);pointer-events:none;z-index:3;display:flex;gap:10px;align-items:center;padding:6px 18px;border-radius:20px;background:#081b1cba;color:#e5dbba;font:12px Segoe UI,sans-serif;white-space:nowrap;box-shadow:0 2px 12px #0003}#board-caption>span:first-child{color:var(--gold)}#toast{position:absolute;bottom:14px;left:50%;transform:translate(-50%,8px);max-width:85%;padding:12px 22px;border:1px solid #a77b3f88;background:#142726ed;box-shadow:0 8px 28px #0007;border-radius:10px;font:14px/1.5 Segoe UI,sans-serif;text-align:center;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:5}#toast.show{opacity:1;transform:translate(-50%)}#toast strong{font:24px Georgia;color:#f4d692}#loading{position:absolute;inset:0;display:grid;place-items:center;background:#142524;color:#d1b575;z-index:9}#loading[hidden]{display:none}#collect-panel{position:absolute;right:30px;top:50%;transform:translateY(-50%);padding:20px;background:linear-gradient(130deg,#163337f5,#0b1e22fa);border:1px solid #bf975b;box-shadow:0 16px 60px #0008;border-radius:16px;z-index:6;text-align:center;width:255px}#collect-panel[hidden]{display:none}#collect-panel>span{font:10px Segoe UI,sans-serif;letter-spacing:.2em;color:var(--green)}#collect-panel>strong{display:block;margin-top:10px;font-size:22px;font-weight:400}#collect-panel p{font:12px/1.5 Segoe UI,sans-serif;color:#b5c6be}#collect-choices{display:flex;justify-content:center;gap:16px}.collect-choice{border:1px solid #b8944b66;border-radius:12px;background:#071919;padding:10px 12px;font:11px Segoe UI,sans-serif}.collect-choice .mini{margin:0 auto 6px}footer{z-index:3;display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:22px;padding:18px 32px 10px;border-top:1px solid var(--line);background:linear-gradient(#2c2019bb,#1b1715cc);box-shadow:0 -5px 25px #0003}.section-label{display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:10px}.section-label button{border:0;background:none;color:var(--muted);padding:0}#charms{display:flex;justify-content:center;gap:16px}.charm{text-align:center;position:relative}.medallion{height:58px;width:58px;margin:auto;border-radius:50%;border:1px solid #d7ae64;background:radial-gradient(circle at 40% 25%,#725036,#30241b 65%);box-shadow:inset 0 0 0 4px #b48d4544,inset 0 0 0 6px #161713,0 3px 8px #0007;display:grid;place-items:center;font-size:31px;color:#f2d090}.charm span{font:10px Segoe UI,sans-serif;color:#deca9f;display:block;margin-top:7px}.collection-area{border-inline:1px solid var(--line);padding:0 12px;text-align:center}#collection{display:flex;justify-content:center;gap:12px}#collection-hint{font:10px Segoe UI,sans-serif;color:#a99d8a;display:block;margin-top:8px}.slot{width:56px;height:56px;border-radius:50%;background:#100d0bc7;border:1px solid #886b4255;box-shadow:inset 0 3px 9px #0009;display:grid;place-items:center;color:#554732;font-size:13px}.mini{width:48px;height:48px;border-radius:50%;position:relative;display:block;border:2px solid #c3a161;box-shadow:inset 0 3px 5px #fff3,0 3px 6px #0008;background:radial-gradient(circle at 30% 25%,var(--chip-light),var(--chip));overflow:hidden}.animal{display:block;position:absolute;inset:4px;background-image:url(/assets/animal-reliefs.png);background-size:200% 200%;background-position:var(--animal-pos);filter:drop-shadow(0 1px 1px #0008)}.shot-area{align-self:center}.power-caption{display:flex;justify-content:space-between;font-size:13px;letter-spacing:.08em;color:var(--gold);margin-bottom:9px}.power-caption output{font:16px Georgia;color:#f1d89e}.shot-controls{display:flex;gap:20px;align-items:center}.shot-controls input{min-width:60px;flex:1;width:100%;accent-color:#ddb966;height:18px;cursor:pointer}.gold{background:linear-gradient(140deg,#f7de9c,#d4aa5c 68%,#b68337);border:1px solid #fce6af;box-shadow:inset 0 0 0 3px #8d602b40,0 3px #593a20,0 5px 12px #0005;border-radius:10px;color:#332313;padding:12px 25px;font-weight:700;letter-spacing:.08em;white-space:nowrap}.gold kbd{display:block;font:9px Segoe UI,sans-serif;opacity:.65;letter-spacing:.06em;margin-top:2px}#aim-status{font:11px/1.4 Segoe UI,sans-serif;color:var(--muted);margin-top:9px;min-height:16px}#aim-status[data-kind=clear]{color:var(--green)}#aim-status[data-kind=blocked]{color:var(--red)}#aim-status[data-kind=short]{color:#e1bf7a}.bottom-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 32px;border-top:1px solid #51402b66;font:11px Segoe UI,sans-serif;color:#ac9d87;background:#171513}.bottom-bar label{display:flex;gap:6px;align-items:center}.bottom-bar input{accent-color:#cfa75f}.bottom-bar button{background:none;border:none;color:#ceb787;font:inherit;padding:5px}#shuffle-count{display:inline-block;margin-left:8px;background:#43311f;border-radius:5px;padding:2px 6px}dialog{border:1px solid #b3915688;background:radial-gradient(ellipse at top,#28443f,#102627 70%);border-radius:20px;color:var(--ivory);padding:32px;width:min(820px,92vw);max-height:90dvh;box-shadow:0 25px 100px #000a}dialog::backdrop{background:#030c0dcc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}dialog h2{font-size:32px;font-weight:400;margin:12px 0 18px}dialog p,dialog li{font:14px/1.6 Segoe UI,sans-serif;color:#c7d1c8}dialog li{margin-bottom:9px}dialog h3{font-size:19px;font-weight:400;color:#e9ce95}dialog .small{font-size:11px;color:#9aafa6}.close{position:absolute;right:16px;top:12px;background:none;border:0;font:28px Segoe UI,sans-serif;color:#aaa88e}.form-row{display:flex;gap:20px;margin:25px 0}.form-row label{flex:1;font:12px Segoe UI,sans-serif;color:#c7be9d}.form-row select{display:block;width:100%;margin-top:8px;background:#102424;color:#eee1bf;border:1px solid #78857477;border-radius:8px;padding:12px;font:13px Segoe UI,sans-serif}.wide{display:block;width:100%;margin-top:16px}.rules-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.rules-grid ol{padding-left:18px}table{width:100%;border-collapse:collapse;font:12px/1.4 Segoe UI,sans-serif;color:#cad0bc}td{padding:6px 0;border-bottom:1px solid #65806b33}td:last-child{text-align:right;color:#edcf94}#rules-charms,#preset-description{font:13px/1.5 Segoe UI,sans-serif;color:#b7c9be}#rules-charms p{margin:8px 0}#end{text-align:center;width:450px}#end-score{font:58px Georgia;color:#e9c883}@media(max-width:1050px){header{padding:12px 18px;grid-template-columns:1fr 1fr 1fr;gap:8px}.brand-mark{display:none}.scoreboard{min-width:190px;padding:8px 20px}.top-actions{gap:5px}.quiet{padding:8px}.top-actions .square{width:32px;height:32px}.top-actions #fullscreen{display:none}footer{gap:12px;padding:15px 18px 7px;grid-template-columns:.9fr 1fr 1.15fr}#charms{gap:10px}.medallion{width:48px;height:48px}.slot{width:45px;height:45px}.mini{width:41px;height:41px}#collection{gap:7px}.shot-controls{gap:10px}.gold{padding:11px 20px}#app{grid-template-rows:82px minmax(0,1fr) 137px 36px}#control-hint{display:none}}@media(max-height:650px){#app{min-height:430px;grid-template-rows:66px minmax(0,1fr) 112px 30px}header{padding-top:6px;padding-bottom:6px}.scoreboard strong{font-size:26px}footer{padding-top:8px}.medallion{width:42px;height:42px;font-size:24px}.slot{width:42px;height:42px}.mini{width:38px;height:38px}.section-label{margin-bottom:6px}.charm span{margin-top:4px}#collection-hint{margin-top:5px}h1{font-size:25px}#board-caption{top:4px;font-size:10px}#collect-panel{width:230px;padding:12px}}@media(max-width:650px){body{overflow:auto}#app{min-height:680px;height:100dvh;grid-template-rows:80px minmax(270px,1fr) 210px 36px}header{grid-template-columns:1fr 1fr;padding:10px}.brand h1{font-size:21px}.top-actions{position:absolute;right:10px;top:88px;z-index:7}.top-actions .quiet{font-size:11px;background:#142423}.scoreboard{min-width:160px}.scoreboard #goal{font-size:9px}footer{grid-template-columns:1fr 1fr;gap:8px;padding:10px}.shot-area{grid-column:1/-1}.collection-area{border-right:0}.bottom-bar{padding:0 10px}.rules-grid{grid-template-columns:1fr}.form-row{flex-direction:column}#collect-panel{right:10px;width:220px}#board-caption{top:auto;bottom:10px;font-size:10px;max-width:94%;white-space:normal;text-align:center}dialog{padding:24px}dialog h2{font-size:26px}}[hidden]{display:none!important}#charms{gap:8px}.charm{border:0;background:none;padding:0;flex:1;min-width:0}.charm .medallion{width:42px;height:42px;font-size:25px;position:relative}.charm .medallion small{position:absolute;bottom:-3px;right:-4px;background:#172922;border:1px solid #a88b4f;border-radius:5px;padding:1px 3px;font:9px Georgia;color:#f3d79c}.charm span{font-size:9px;line-height:1.15;min-height:22px;overflow-wrap:anywhere}#synergy-hint{display:block;text-align:center;font:10px/1.25 Segoe UI,sans-serif;color:#a6c8b2;margin-top:4px}.section-label{margin-bottom:6px}#collect-panel{width:310px}#collect-choices{gap:10px}.collect-choice{flex:1;min-width:0}.collect-choice small{display:block;font:10px/1.35 Segoe UI,sans-serif;color:#d7ca9e;margin-top:7px}#draft{width:min(900px,94vw)}#draft h2{margin-bottom:8px}#draft-summary{margin-bottom:24px}#draft-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.draft-card{display:flex;flex-direction:column;align-items:center;text-align:center;border:1px solid #b2925799;background:radial-gradient(ellipse at top,#355148,#102526 75%);border-radius:14px;padding:18px 14px;color:var(--ivory);box-shadow:inset 0 0 0 4px #d8be6b08,0 4px 12px #0003}.draft-kind{font:9px/1.3 Segoe UI,sans-serif;letter-spacing:.12em;color:#c9ac71;min-height:25px}.draft-card .medallion{margin-top:10px}.draft-card h3{font-size:21px;margin:18px 0 8px}.draft-card p{font-size:13px;line-height:1.5;margin:4px 0 14px}.draft-card small{font:11px/1.4 Segoe UI,sans-serif;color:#b9d5c2;margin-top:auto}.draft-card .rank-change{color:#f1d38c;font-weight:600}.draft-actions{display:flex;justify-content:space-between;gap:10px;margin-top:24px}#rules-charms .active-link{color:#c2e0b6}#end{width:min(540px,92vw)}@media(max-width:650px){#draft-choices{grid-template-columns:1fr}.draft-card{padding:12px;display:grid;grid-template-columns:60px 1fr;column-gap:12px;text-align:left}.draft-card .medallion{grid-column:1;grid-row:2/5;margin:0}.draft-card h3,.draft-card p,.draft-card small{grid-column:2;margin:3px 0}.draft-kind{grid-column:1/-1;min-height:18px}.draft-actions{flex-wrap:wrap}.charm .medallion{width:32px;height:32px;font-size:20px}#synergy-hint{font-size:9px}#collect-panel{width:280px;right:8px}}#synergy-hint{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.reward-label{font:600 12px/1.5 Segoe UI,sans-serif;color:#f0d28c;display:block;margin:6px 0}.charm-link{width:100%;font:12px/1.5 Segoe UI,sans-serif;text-align:left;border-radius:9px;background:#061b1b66;padding:12px;margin-top:12px;border:1px solid #789b8138}.charm-link b,.charm-link span,.charm-link em{display:block}.charm-link b{color:#e0d5b3;margin-bottom:5px}.charm-link span{color:#bed0c2}.charm-link em{font-size:11px;margin-top:6px;color:#d6bf8c}.charm-link.ready,.charm-link.unlock{background:#53775220;border-color:#97c38a60}.charm-link.ready b,.charm-link.unlock b{color:#c8e5ac}.charm-link.lost{border-color:#db9a7166}.charm-link.lost b{color:#edb78e}.draft-card .charm-link{margin-top:auto}.draft-card .charm-link+.charm-link{margin-top:9px}.draft-card .reward-label{margin:0 0 8px}.draft-card p{margin-bottom:12px}.draft-card h3{margin-top:12px}.draft-card .medallion{width:48px;height:48px;font-size:26px}#charm-detail{width:min(540px,92vw)}.example-chips{display:flex;align-items:center;justify-content:center;gap:10px;margin:22px 0 12px}.example-chips .mini{flex-shrink:0}.example-arrow{color:#d8ba77;font-size:18px}.example-caption{font:13px/1.5 Segoe UI,sans-serif!important;color:#c8d4c7!important;text-align:center}.rank-guide{font:11px/1.5 Segoe UI,sans-serif!important;color:#aebcaf!important;margin-top:16px}.guide-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.guide-steps article{border-radius:10px;background:#73907912;padding:14px}.guide-steps b{color:#e9ce95;font:600 14px Segoe UI,sans-serif}.guide-steps p{font-size:12px;margin:7px 0 0}.guide-intro{font-size:15px!important}#build-guide{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0 24px}.build-route{padding:16px;background:#071e2055;border:1px solid #6d8c7540;border-radius:12px}.build-route.ready{border-color:#bdd39980;background:#63834220}.build-route h3{margin:8px 0}.build-route b{font:600 12px/1.5 Segoe UI,sans-serif;color:#dfd6b4}.build-route p{font-size:13px;margin-bottom:0}.route-status{font:11px/1.5 Segoe UI,sans-serif;color:#aed0a9}.guide-details{border-top:1px solid #81947a40;padding:16px 0}.guide-details>summary{font:600 14px/1.5 Segoe UI,sans-serif;cursor:pointer;color:#e8d29e}.guide-details[open]>summary{margin-bottom:18px}.charm-entry{border:1px solid #77917b44;border-radius:10px;margin:10px 0;padding:12px 16px}.charm-entry>summary{display:flex;justify-content:space-between;gap:12px;align-items:center;cursor:pointer;color:#e8dbb9;font:600 14px/1.5 Segoe UI,sans-serif}.charm-entry>summary:before{content:"+";color:#baa16f}.charm-entry[open]>summary:before{content:"−"}.charm-entry>summary span{flex:1}.charm-entry>summary small{font:11px Segoe UI,sans-serif;color:#aec9b7}.charm-entry[open]>summary{margin-bottom:14px}.start-plan{padding:15px;border-radius:10px;background:#6d8b5320;border:1px solid #8aa36b55}.start-plan>b{color:#ecdcaf;font-size:15px}.start-plan>p{margin-bottom:0;font-size:13px}@media(max-width:650px){.guide-steps,#build-guide{grid-template-columns:1fr}.guide-steps{gap:6px}.guide-steps article{padding:10px}.guide-steps p{margin-top:4px}.example-chips{gap:7px}.example-chips .mini{width:38px;height:38px}.example-arrow{font-size:14px}.draft-card .reward-label,.draft-card .charm-link{grid-column:1/-1}.draft-card .charm-link{margin-top:10px}.draft-card p{margin-bottom:8px}.charm-entry{padding:12px}.start-plan>b{font-size:14px}}.draft-card .example-chips{margin:2px 0 14px;gap:6px;grid-column:1/-1}.draft-card .example-chips .mini{width:32px;height:32px}.draft-card .example-chips .animal{inset:2px}.draft-card .example-arrow{font-size:12px}.draft-card .medallion{margin:8px auto 0}#app{grid-template-rows:92px minmax(0,1fr) 150px auto 38px}#live-collection{min-width:0;background:#112422;border-top:1px solid #b3955755;padding:8px 24px;font:12px/1.4 Segoe UI,sans-serif;max-height:160px;overflow:auto}#live-collection:empty{padding:0;border:0;height:0}.coach-heading{display:flex;justify-content:space-between;gap:16px;margin-bottom:7px}.coach-heading b{color:#e6cf97}.coach-heading>span{font-size:10px;color:#a4bbad}.coach-paths{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px}.coach-path{flex:0 0 240px;border:1px solid #728a6255;border-radius:9px;padding:8px 11px;background:#496c3715}.coach-path>div:first-child{display:flex;justify-content:space-between;gap:10px}.coach-path strong{color:#e7ce8f}.coach-path>small{color:#9fb6a7;font-size:10px}.continuation{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:7px}.needed-piece{display:flex;align-items:center;gap:5px;text-align:left;min-width:0}.needed-piece>.mini{width:25px;height:25px;flex-shrink:0;margin:0}.needed-piece>.mini .animal{inset:2px}.needed-piece>span:last-child{font:9px/1.2 Segoe UI,sans-serif;color:#c5d5c4}.then{color:#bea670;font-size:12px}.coach-empty{color:#d4c6a2;margin:4px 0}#collect-panel{width:min(540px,94%);right:16px;max-height:calc(100% - 24px);overflow:auto;padding:15px}#collect-panel>strong{font-size:21px;margin-top:5px}#collect-panel p{margin:8px 0 12px;font-size:11px}.collect-choice{flex:1;display:flex;flex-direction:column;align-items:center;gap:7px;padding:11px 9px}.collect-choice.recommended{border-color:#c4d892;background:#19342d}.pickup-badge{font:600 10px/1.3 Segoe UI,sans-serif;color:#bddba8;min-height:26px}.collect-choice>.mini{margin:0}.collect-choice>small{margin:0}.pickup-score{font:18px Georgia;color:#f2d492}.pickup-future{border-top:1px solid #afad7140;margin-top:4px;padding-top:10px;width:100%;font-size:11px}.pickup-future>.continuation{flex-wrap:wrap}.collect-choice .needed-piece>.mini{margin:0}.collect-choice .needed-piece>span:last-child{font-size:9px}@media(max-width:1050px){#app{grid-template-rows:82px minmax(0,1fr) 137px auto 36px}#live-collection{padding:7px 12px}.coach-heading>span{max-width:50%}.coach-path{flex-basis:235px}}@media(max-height:650px)and (min-width:651px){#app{grid-template-rows:66px minmax(0,1fr) 112px auto 30px}#live-collection{max-height:112px}.coach-path .needed-piece>.mini{display:none}.coach-path{padding:5px 8px}}@media(max-width:650px){#app{grid-template-rows:80px minmax(270px,1fr) 210px auto 36px;min-height:780px}#live-collection{max-height:150px}.coach-heading{flex-direction:column;gap:3px}.coach-heading>span{max-width:none}#collect-panel{right:3%;padding:10px}.pickup-badge{min-height:26px}#collect-choices{gap:6px}.collect-choice{padding:8px 5px}.collect-choice>b{font-size:10px}}.pickup-future .continuation{flex-wrap:nowrap}.pickup-future .needed-piece{flex-direction:column;gap:3px;flex:1}.pickup-future .needed-piece>span:last-child{font-size:10px;text-align:center}#live-collection{padding:5px 12px;max-height:110px}.coach-heading{margin-bottom:4px}.coach-path{padding:5px 8px;flex-basis:210px}.coach-path>small{display:none}.coach-path .needed-piece>span:last-child{display:none}.coach-path .continuation{margin-top:4px;justify-content:flex-start}.coach-paths{padding-bottom:0}.coach-path .needed-piece>.mini{display:block;width:24px;height:24px}@media(min-width:1100px){#app{--coach-width:0px;grid-template-columns:minmax(0,1fr) var(--coach-width);grid-template-rows:92px minmax(0,1fr) 150px 38px}#app:has(#live-collection:not(:empty)){--coach-width:270px}header{grid-area:1/1/2/3}#arena{grid-area:2/1/3/2}footer{grid-area:3/1/4/3}.bottom-bar{grid-area:4/1/5/3}#live-collection{grid-area:2/2/3/3;max-height:none;border-top:0;border-left:1px solid #b3955755;padding:12px;overflow-y:auto}#live-collection:empty{padding:0;border:0}.coach-heading{display:block}.coach-heading>span{display:block;margin-top:5px;max-width:none}.coach-paths{display:grid;overflow:visible;margin-top:10px;gap:8px}.coach-path>small{display:block}.coach-path .continuation{justify-content:center}.coach-path .needed-piece>span:last-child{display:block}.coach-path .needed-piece{flex-direction:column;flex:1}.coach-path .needed-piece>span:last-child{text-align:center}.coach-path{padding:8px}}@media(min-width:1100px)and (max-height:650px){#app{grid-template-rows:66px minmax(0,1fr) 112px 30px}}#live-collection{position:relative;height:96px;max-height:96px;overflow:visible;display:flex;align-items:center;gap:20px;padding:8px 24px}.coach-heading{margin:0;flex-shrink:0}.coach-main{display:flex;align-items:center;gap:14px;min-width:0}.coach-main>b{font-size:11px;max-width:170px;color:#c5d5c4}.coach-main>strong{color:#e7ce8f;white-space:nowrap;font:20px Georgia}.coach-main>small{font-size:10px;color:#9fb6a7;max-width:110px}.coach-progress{display:flex;gap:6px;align-items:center;flex-shrink:0}.coach-progress .mini{width:34px;height:34px}.coach-progress .animal{inset:2px}.owned-piece,.missing-piece{position:relative;display:block;padding:3px;border-radius:50%;border:1px dashed #c8b16b99}.owned-piece{border:1px solid #a3c79488}.owned-piece>i{position:absolute;right:-2px;bottom:-3px;font:11px Segoe UI,sans-serif;color:#cceab4;background:#17312d;border-radius:50%;padding:1px 3px}.missing-piece{opacity:.7}.coach-more{margin-left:auto;font-size:11px}.coach-more>summary{cursor:pointer;color:#acb9aa;white-space:nowrap}.coach-more[open] .coach-paths{position:absolute;z-index:8;right:12px;bottom:calc(100% - 4px);width:min(500px,90vw);max-height:260px;overflow:auto;display:grid;grid-template-columns:1fr 1fr;background:#102522;border:1px solid #728a6266;border-radius:10px;padding:10px;box-shadow:0 10px 30px #0007}.coach-more:not([open]) .coach-paths{display:none}.coach-idle{display:flex;align-items:center;gap:14px;margin:auto;color:#8d9e8d}.coach-idle>span{font:30px Georgia;letter-spacing:7px;opacity:.45}.coach-idle>small{font-size:11px}.pickup-badge{min-height:13px}.pickup-future{padding-top:7px}.collect-choice{gap:6px}@media(min-width:1100px){#app,#app:has(#live-collection:not(:empty)){--coach-width:230px}#live-collection{height:auto;max-height:none;display:block;padding:16px 12px;overflow:visible}.coach-heading{margin-bottom:18px}.coach-main{display:flex;flex-direction:column;gap:12px;text-align:center}.coach-main>b{max-width:none}.coach-main>small{max-width:none}.coach-more{margin:22px 0 0;text-align:center}.coach-more[open] .coach-paths{right:8px;top:190px;bottom:auto;max-height:calc(100% - 200px);width:214px;grid-template-columns:1fr;text-align:left}.coach-idle{height:100%;display:flex;flex-direction:column;justify-content:center;gap:10px}.coach-progress{gap:3px}.coach-progress .mini{width:36px;height:36px}}@media(max-width:1099px){#live-collection{gap:12px;padding:8px 12px}.coach-main{gap:9px}.coach-main>b{max-width:125px}.coach-main>small{display:none}.coach-progress .mini{width:27px;height:27px}}@media(max-width:650px){#live-collection{height:106px;max-height:106px;flex-wrap:wrap;justify-content:center;gap:4px 10px}.coach-heading{font-size:10px}.coach-main{flex-wrap:wrap;justify-content:center}.coach-main>b{max-width:110px;font-size:10px}.coach-main>strong{font-size:17px}.coach-more{margin:0 8px}.coach-more[open] .coach-paths{grid-template-columns:1fr}}@media(min-width:1100px){.coach-more[open] .coach-paths{position:static;width:100%;max-height:max(80px,calc(100dvh - 560px));margin-top:10px;padding:7px}}#draft{padding:24px}#draft h2{font-size:28px;margin:8px 0}#draft>p{margin:6px 0 14px}#draft{width:min(960px,94vw)}#draft-summary{margin-bottom:16px}#draft-choices{align-items:start}.draft-option{min-width:0;border:1px solid #b2925766;border-radius:14px;background:#112725;overflow:hidden}.draft-option:focus-within{border-color:#ddc586}.draft-card{width:100%;border:0;border-radius:0;box-shadow:none;padding:15px 13px 10px;gap:0;display:flex;flex-direction:column;align-items:center;text-align:center}.draft-kind{min-height:14px;font-size:9px}.draft-name{display:flex;align-items:center;justify-content:center;gap:9px;min-height:48px;margin:7px 0}.draft-name .medallion{width:36px;height:36px;font-size:23px;margin:0;flex-shrink:0}.draft-name h3{font-size:20px;margin:0}.draft-visual{width:100%;height:90px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#071c1b66;margin:3px 0 9px}.draft-visual .example-chips{margin:0;gap:5px}.draft-visual .example-chips .mini{width:37px;height:37px}.draft-visual .example-arrow{font-size:12px}.shot-diagram{width:100%;height:90px}.draft-condition{font:11px/1.4 Segoe UI,sans-serif;color:#c9d6c6;min-height:31px;display:grid;place-items:center}.draft-gain{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:0 8px;margin:10px 0 12px;text-align:left;min-height:47px}.draft-gain>strong{grid-row:1/3;font:34px Georgia;color:#e8cf91}.draft-gain>span{font:11px Segoe UI,sans-serif;max-width:125px}.draft-gain>small{font:10px Segoe UI,sans-serif;color:#a5bda8;margin:0}.draft-gain.loss>strong{color:#e6aa90}.draft-connection{width:100%;min-height:94px;padding:9px 5px;background:#536e4a22;border-radius:9px;display:flex;flex-direction:column;justify-content:center;gap:6px}.draft-connection>small{font:10px Segoe UI,sans-serif;margin:0;color:#adc2a6}.draft-connection>div{display:flex;align-items:center;justify-content:center;gap:8px}.draft-connection>b{font:11px Segoe UI,sans-serif;color:#c9dda7}.draft-partner{display:flex;align-items:center;gap:4px;font:9px/1.2 Segoe UI,sans-serif;max-width:100px;text-align:left}.draft-partner>i{font-style:normal;font-size:23px;color:#d5bd80}.draft-connection.missing{background:#8d795714}.draft-connection.missing .draft-partner:last-child{opacity:.55}.draft-connection.neutral{background:transparent}.draft-connection.neutral>b{color:#9faf9d;font-weight:400}.draft-select{font:11px Segoe UI,sans-serif;letter-spacing:.08em;color:#e3c683;padding-top:13px}.draft-details{font:12px/1.5 Segoe UI,sans-serif;padding:0 12px 12px}.draft-details>summary{text-align:center;cursor:pointer;color:#9faf9d;font-size:10px;padding:6px}.draft-details[open]>summary{margin-bottom:10px}.draft-details .example-chips .mini{width:30px;height:30px}.draft-details .example-chips{gap:5px}.draft-details .charm-link{padding:9px}.draft-details p{font-size:12px}.draft-loss{display:block;color:#ecc0a6;font:11px/1.4 Segoe UI,sans-serif;margin-top:8px}.draft-actions{margin-top:16px}@media(max-width:650px){#draft-choices{grid-template-columns:1fr}.draft-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:5px 10px;padding:12px}.draft-kind,.draft-name,.draft-condition{grid-column:1}.draft-kind{font-size:8px}.draft-name{margin:0;justify-content:flex-start}.draft-name h3{font-size:18px;grid-column:auto}.draft-name .medallion{grid-column:auto;grid-row:auto}.draft-visual{grid-column:2;grid-row:1/4;height:80px;margin:0}.draft-visual .example-chips .mini{width:25px;height:25px}.draft-visual .example-chips{gap:3px}.draft-visual .example-arrow{font-size:9px}.draft-condition{text-align:left;font-size:10px;place-items:start;min-height:0}.draft-gain{grid-column:1;margin:5px 0}.draft-gain>small{grid-column:2}.draft-connection{grid-column:2;grid-row:4/6;min-height:70px}.draft-connection>small{grid-column:auto;font-size:9px}.draft-connection>b{font-size:10px}.draft-partner{font-size:8px;gap:2px}.draft-partner>i{font-size:18px}.draft-connection>div{gap:4px}.draft-select{grid-column:1;padding:4px}.draft-loss{grid-column:1/-1}.draft-gain>strong{font-size:28px}.draft-gain>span{font-size:10px}.draft-details{padding-bottom:6px}}@media(min-width:651px){.draft-card{padding:12px 12px 7px}.draft-name{min-height:38px;margin:5px 0}.draft-visual,.shot-diagram{height:72px}.draft-condition{min-height:28px}.draft-gain{min-height:42px;margin:7px 0 9px}.draft-connection{min-height:78px;padding:7px 4px;gap:5px}.draft-select{padding-top:10px}.draft-details{padding-bottom:8px}#draft .draft-actions{margin-top:12px}}#draft-incoming[hidden]{display:none}#draft-incoming{display:flex;align-items:center;gap:12px;padding:12px 16px;margin:12px 0;background:#66865822;border:1px solid #9ab87855;border-radius:12px}#draft-incoming>.medallion{width:42px;height:42px;margin:0;font-size:26px;flex-shrink:0}#draft-incoming>div{display:flex;flex-direction:column;gap:4px}#draft-incoming small{font:9px Segoe UI,sans-serif;color:#bdd4ac}#draft-incoming b{font:20px Georgia}#draft-incoming>div>span{font:11px Segoe UI,sans-serif;color:#b8cbb5}#draft-incoming>strong{margin-left:auto;font:30px Georgia;color:#dece93;text-align:right;white-space:nowrap}#draft-incoming>strong>small{display:block;margin-top:3px}#draft-choices[data-replacing=true]{grid-template-columns:1fr;gap:6px}#draft-choices[data-replacing=true] .draft-option{position:relative}.replacement-card{display:grid;grid-template-columns:minmax(200px,1.3fr) 95px minmax(155px,1fr) 80px;align-items:center;gap:12px;text-align:left;padding:9px 12px}.replace-old{display:flex;align-items:center;gap:10px}.replace-old>.medallion{width:34px;height:34px;font-size:23px;margin:0;flex-shrink:0}.replace-old>span:last-child{display:flex;flex-direction:column;gap:4px}.replace-old b{font:16px Georgia}.replace-old small,.replace-cost small{font:9px/1.2 Segoe UI,sans-serif;color:#a9baa9;margin:0}.replace-cost{text-align:center}.replace-cost>strong{display:block;font:24px Georgia;color:#e8b299}.replace-effects{font:10px/1.4 Segoe UI,sans-serif;color:#99ae9e;display:flex;flex-direction:column;gap:3px}.replace-effects .lost{color:#e8b299}.replace-effects .gained{color:#c5dda5}.replace-action{font:10px Segoe UI,sans-serif;color:#dccc94;text-align:right}#draft-choices[data-replacing=true] .draft-details{padding:0 12px 3px}#draft-choices[data-replacing=true] .draft-details>summary{text-align:left;padding:1px 0 3px;font-size:9px}@media(max-width:650px){#draft-incoming{padding:9px;gap:8px}#draft-incoming b{font-size:17px}#draft-incoming>div>span{font-size:10px}#draft-incoming>strong{font-size:24px}.replacement-card{grid-template-columns:minmax(0,1fr) 65px;gap:5px 9px}.replace-effects{grid-column:1}.replace-action{grid-column:2}.replace-old b{font-size:15px}}.piece-hit[data-pickup-number]{--pick:#f0d28a}.piece-hit[data-pickup-number="2"]{--pick:#a3dbed}.piece-hit[data-pickup-number]:after{content:attr(data-pickup-number);position:absolute;right:-8px;top:-10px;width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:var(--pick);color:#142721;border:2px solid #17302e;font:700 13px Segoe UI,sans-serif;box-shadow:0 2px 5px #0009;pointer-events:none}.piece-hit[data-pickup-state=take]{box-shadow:0 0 0 3px var(--pick),0 0 18px var(--pick)}.piece-hit[data-pickup-state=stay]{outline:2px dashed #b8c9bd;outline-offset:4px}.piece-hit[data-pickup-state=take]:before,.piece-hit[data-pickup-state=stay]:before{position:absolute;top:calc(100% + 9px);left:50%;transform:translate(-50%);padding:3px 6px;border-radius:4px;background:#102925ed;color:#f2e3b8;font:10px Segoe UI,sans-serif;white-space:nowrap;pointer-events:none}.piece-hit[data-pickup-state=take]:before{content:"Забрать"}.piece-hit[data-pickup-state=stay]:before{content:"Останется"}footer{position:relative}footer>#collect-panel{inset:0;width:100%;height:100%;max-height:none;transform:none;border-radius:0;border:0;border-top:1px solid #b7995b;background:#112b2b;box-shadow:none;display:grid;grid-template-columns:160px minmax(0,1fr);grid-template-rows:auto auto;align-content:center;align-items:center;column-gap:18px;padding:10px 24px;overflow:auto}footer>#collect-panel[hidden]{display:none}footer>#collect-panel>span{display:none}footer>#collect-panel>strong{grid-column:1;grid-row:1;font-size:18px;margin:0;text-align:left}footer>#collect-panel>p{grid-column:1;grid-row:2;font-size:10px;line-height:1.3;text-align:left;margin:5px 0}footer #collect-choices{grid-column:2;grid-row:1/3;gap:12px;min-width:0}footer .collect-choice{position:relative;min-width:0;display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:4px 8px;padding:9px;text-align:left;align-items:center}footer .collect-choice>.pickup-badge{grid-column:2/4;min-height:0;font-size:9px}footer .collect-choice>.pickup-identity{grid-column:1;grid-row:1/4;position:relative;align-self:center}footer .pickup-identity>.mini{width:38px;height:38px}.pickup-number{position:absolute;right:-3px;top:-9px;width:21px;height:21px;display:grid;place-items:center;border-radius:50%;background:#f0d28a;color:#142721;border:2px solid #17302e;font:700 12px Segoe UI,sans-serif}.collect-choice[data-pickup-number="2"] .pickup-number{background:#a3dbed}footer .collect-choice>b{grid-column:2;font-size:10px}footer .pickup-score{grid-column:3;font-size:17px;white-space:nowrap}footer .collect-choice>small{grid-column:2/4;font-size:9px}footer .pickup-future{grid-column:2/4;display:flex;align-items:center;justify-content:space-between;gap:6px;margin:0;padding:4px 0 0}footer .pickup-future>b{font-size:9px;max-width:135px}footer .pickup-future .continuation{margin:0;gap:3px}footer .pickup-future .needed-piece>.mini{width:19px;height:19px}footer .pickup-future .needed-piece>span:last-child{display:none}footer .collect-choice.pointed{border-color:#ead28b;box-shadow:inset 0 0 0 1px #ead28b;background:#29443a}@media(max-width:1099px){footer>#collect-panel{grid-template-columns:130px minmax(0,1fr);padding:8px 12px;column-gap:10px}footer #collect-choices{gap:6px}footer .collect-choice{grid-template-columns:33px minmax(0,1fr);gap:3px 6px;padding:7px}footer .collect-choice>.pickup-badge{grid-column:2}footer .collect-choice>b{font-size:9px}footer .pickup-score{grid-column:2;font-size:15px}footer .pickup-identity>.mini{width:31px;height:31px}footer .pickup-future,footer .collect-choice>small{grid-column:1/3}footer .pickup-future>b{font-size:8px}footer .pickup-future .needed-piece>.mini{width:17px;height:17px}}@media(max-width:650px){footer>#collect-panel{display:flex;flex-direction:column;align-items:stretch;gap:3px;padding:8px}footer>#collect-panel>strong{text-align:center;font-size:16px}footer>#collect-panel>p{text-align:center;margin:1px 0 5px}footer #collect-choices{flex:1}footer .collect-choice{padding:6px}.pickup-number{width:19px;height:19px;font-size:11px}}@media(min-width:651px){.replacement-card{padding:5px 12px}#draft-choices[data-replacing=true] .draft-details>summary{font-size:9px;line-height:12px;padding:0}#draft-choices[data-replacing=true] .draft-details{padding-bottom:2px}#draft-incoming{padding:8px 14px;margin:8px 0}}@media(min-width:1100px){footer .collect-choice{grid-template-columns:48px minmax(0,1fr) auto;padding:11px;gap:5px 9px}footer .pickup-identity>.mini{width:44px;height:44px}footer .collect-choice>b{font-size:12px}footer .pickup-badge{font-size:10px}footer .pickup-score{font-size:20px}footer .pickup-future>b{font-size:10px}}#aim-status .mini.aim-pickup{display:inline-block;width:22px;height:22px;margin:0 2px;vertical-align:middle;border-width:1px}.scoreboard{min-width:300px;padding:6px 15px;grid-template-columns:minmax(0,1fr) 70px;gap:3px 16px;border-radius:14px}.score-main{display:grid;grid-template-columns:auto auto;align-items:center;gap:2px 10px}.scoreboard .score-main #goal{font:11px Segoe UI,sans-serif;white-space:nowrap}.score-main>.eyebrow{font-size:8px;letter-spacing:.1em}.scoreboard #attempt-counter{display:flex;align-items:center;justify-content:center;gap:6px}.scoreboard #attempts{font:34px Georgia;color:#f1d494}.scoreboard #attempt-counter>span{font:8px/1.5 Segoe UI,sans-serif;color:#cebe9b}.scoreboard #attempt-counter[data-urgent=true] #attempts{color:#ffb196}#match-status{grid-column:1/-1;font:10px/1.4 Segoe UI,sans-serif;color:#b9cdb9;white-space:nowrap}.mode-explanation{padding:13px 16px;border-radius:10px;background:#081c1b77}.start-details>summary{cursor:pointer;font:12px Segoe UI,sans-serif;color:#dbc38e;padding:8px 0}.core-rules{padding-left:23px}.core-rules li{padding-left:4px;margin-bottom:12px}@media(max-width:650px){.scoreboard{min-width:0;padding:6px 9px;gap:2px 8px;grid-template-columns:minmax(0,1fr) 60px}.score-main{grid-template-columns:1fr;gap:1px}.score-main>.eyebrow{font-size:7px}.scoreboard .score-main strong{font-size:23px}.scoreboard .score-main #goal{font-size:9px}.scoreboard #attempts{font-size:29px}#match-status{font-size:8px;white-space:normal}.scoreboard #attempt-counter>span{font-size:7px}}@media(max-height:650px)and (min-width:651px){.scoreboard{padding:3px 12px;gap:1px 10px}.scoreboard #attempts{font-size:28px}#match-status,.scoreboard .score-main #goal{font-size:9px}}.recipe-sequence{gap:3px}.recipe-sequence .mini{width:28px;height:28px}.recipe-sequence .then{font-size:10px}.chosen-piece{position:relative;display:block;padding:3px;border-radius:50%;border:1px solid #efd28d;background:#dab85724}.chosen-piece>i{position:absolute;right:-2px;bottom:-3px;font:11px Segoe UI,sans-serif;color:#ffe6ab;background:#503f1b;border-radius:50%;padding:1px 3px}.pickup-future .recipe-sequence{justify-content:flex-end;gap:2px}.pickup-future .recipe-sequence .mini{width:21px;height:21px}.pickup-future .recipe-sequence>span:not(.then){padding:2px}.collection-receipt{display:inline-flex;align-items:center;gap:5px}.collection-receipt .mini{width:24px;height:24px}.collection-receipt strong{font-size:13px;color:#edcf8c;margin-left:7px}#draft-summary:has(.collection-receipt){display:flex;align-items:center;flex-wrap:wrap;gap:7px 18px}@media(max-width:1099px){.coach-heading{max-width:155px}.recipe-sequence .mini{width:24px;height:24px}.coach-main:has(.recipe-sequence)>small{display:block;max-width:145px;font-size:9px}}@media(max-width:650px){.pickup-future .recipe-sequence{justify-content:center}.pickup-future .recipe-sequence .mini{width:18px;height:18px}#draft-summary:has(.collection-receipt){justify-content:center}.coach-main:has(.recipe-sequence)>small{max-width:none}}#next-table-preview{display:flex;align-items:center;justify-content:center;gap:20px;margin:16px 0;text-align:left}#next-table-preview[hidden]{display:none}.table-map{width:180px;max-width:40%;height:auto;flex-shrink:0}#next-table-preview b{display:block;color:var(--gold,#e5ce92);font-size:19px}#next-table-preview small{display:block;max-width:270px;line-height:1.5;margin-top:8px;color:#bec9c2}#end-record{margin:14px 0 18px}#end-record b{display:block;color:#ebd59b;font:600 14px/1.4 Segoe UI,sans-serif}#end-record small{display:block;color:#a8bdb3;font:12px/1.5 Segoe UI,sans-serif;margin-top:5px}#replay-builds h3{font:16px Georgia;margin:20px 0 12px}#replay-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.replay-build{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 6px;background:linear-gradient(145deg,#29443d,#132a29);border:1px solid #bca16a66;border-radius:12px;color:#ecdfbc;cursor:pointer}.replay-build:hover,.replay-build:focus-visible{border-color:#ecd291;background:#304a40;outline:2px solid #e5c78044;outline-offset:2px}.replay-build b{font:600 12px Segoe UI,sans-serif}.replay-build small{font:10px Segoe UI,sans-serif;color:#afc2b3}.replay-icons{font:22px Georgia;color:#d9bc7e;white-space:pre}.setup-record{color:#ddc98d!important;margin:-10px 0 12px!important;font-size:12px!important}#replay-builds[hidden],#end-record[hidden],#setup-record[hidden],#replay-last[hidden]{display:none}@media(max-width:430px){#replay-options{gap:5px}.replay-build{padding:10px 3px}.replay-build b{font-size:10px}.replay-build small{font-size:9px}.replay-icons{font-size:19px}}.collection-feedback{position:relative;min-height:34px;margin-top:5px;display:grid;place-items:center}.collection-feedback #collection-hint{margin:0}.collection-feedback:has(#toast.show) #collection-hint{visibility:hidden}.collection-feedback #toast{inset:0;width:100%;max-width:100%;padding:0 3px;border:0;border-radius:0;background:none;box-shadow:none;transform:none;font:11px/1.3 Segoe UI,sans-serif;display:flex;align-items:center;justify-content:center;gap:8px}.collection-feedback #toast.show{transform:none}.collection-feedback #toast strong{font:20px Georgia;white-space:nowrap}.collection-feedback #toast span{font-size:10px}@media(max-height:650px){.collection-feedback{min-height:26px;margin-top:3px}.collection-feedback #toast{font-size:10px}.collection-feedback #toast strong{font-size:17px}}
