.training-dialog{width:min(700px,calc(100vw - 28px));max-width:none;max-height:calc(100svh - 40px);padding:0;overflow:visible;color:#4c321c;border:2px solid #c4a062;border-radius:4px;background:radial-gradient(ellipse at 20% 0,#f6e4b3a8,transparent 60%),repeating-linear-gradient(13deg,#75451b07 0 1px,transparent 1px 4px),linear-gradient(110deg,#cda467,#ebce94 45%,#c89f65);box-shadow:0 25px 100px #000b,inset 0 0 0 5px #f3db9b55,inset 0 0 40px #95602438;color-scheme:light;pointer-events:auto}
.training-dialog[open]{display:flex;flex-direction:column}.training-dialog::backdrop{background:#0d0b08b8;backdrop-filter:blur(2px)}.training-close{position:absolute;right:-14px;top:-15px;width:41px;height:41px;border:2px solid #e6c27e;border-radius:50%;background:radial-gradient(circle at 30% 25%,#a77c37,#5a3a16);color:#f3d399;box-shadow:0 2px 6px #1d1309aa;display:grid;place-items:center;z-index:2}.training-close svg{width:24px;height:24px;stroke:currentColor;stroke-width:1.5;fill:none}.training-header{padding:25px 30px 0;text-align:center;flex:none}.training-eyebrow{font:7px var(--sans);letter-spacing:2px;color:#8b6536}.training-header h2{font:600 42px/1 var(--serif);color:#713920;margin:10px 0 17px}.training-tabs{display:flex;justify-content:center;gap:16px}.training-tabs button{border:1px solid #ae864a;color:#55351c;min-width:120px;min-height:34px;font:600 19px var(--serif);padding:5px 20px;background:linear-gradient(#eed39b,#cba568);box-shadow:inset 0 1px #ffedbb,0 2px 4px #67471933}.training-tabs button[aria-selected=true]{background:#ad854238;box-shadow:inset 0 1px 4px #80602d3a;color:#866132;border-color:#b99961}.training-header>p{font:16px/1.4 var(--serif);margin:15px 0;color:#725535}.training-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#95652c #c5a36733;margin:0 16px;padding:2px 11px 2px 3px;max-height:370px;border-block:1px solid #95703b55;outline-offset:2px}.training-row{display:grid;grid-template-columns:48px minmax(0,1fr) 124px;align-items:center;gap:14px;padding:18px 12px;border-bottom:1px solid #8e682a4f;background:linear-gradient(90deg,#a5783020,transparent 65%);position:relative}.training-row:last-child{border-bottom:0}.training-copy h3{font:600 29px/1.05 var(--serif);color:#824a2c;margin:0 0 7px}.training-copy p{font:17px/1.3 var(--serif);color:#5c4429;margin:7px 0}.training-copy>small{display:block;font:10px/1.5 var(--sans);color:#8a6940;max-width:310px}.training-rank{display:block;font:10px var(--sans);color:#77582f;margin-top:9px}.training-rank b{font-weight:700;color:#67431f}.training-skill-glyph{display:grid;place-items:center;width:43px;height:43px;border:1px solid #9b713e88;border-radius:50%;background:radial-gradient(circle at 35% 20%,#f4d997,#ab7d3e);box-shadow:inset 0 0 0 3px #e1c08377;color:#754924}.training-skill-glyph svg{width:25px;height:25px;stroke:currentColor;stroke-width:1.2;fill:none}.training-actions{display:flex;flex-direction:column;align-items:stretch;gap:9px;text-align:center}.training-actions .parchment-button{font-size:18px;padding:6px 9px;min-height:35px;white-space:nowrap;justify-content:center}.training-actions .parchment-button:disabled{opacity:.48;cursor:default}.training-actions>small{font:8px/1.5 var(--sans);color:#8a6940}.training-price{display:flex;justify-content:center;align-items:center;gap:6px;font:16px var(--serif);color:#745531}.training-price:has(i){font-size:19px}.training-silver{display:inline-grid;place-items:center;width:21px;height:21px;border:1px solid #93988a;border-radius:50%;font:13px Georgia!important;font-style:normal;background:radial-gradient(circle at 30% 20%,#f8eccd,#8e958e);color:#57605a;box-shadow:inset 0 0 0 2px #d0cdb0;flex:none}.training-footer{padding:17px 25px 18px;text-align:center;flex:none}.training-summary{display:flex;justify-content:center;gap:24px;align-items:center;font:17px var(--serif);color:#684723}.training-summary>span{display:flex;align-items:center;gap:6px}.training-summary b{color:#4f331b;font-size:21px}.training-summary svg,.ability-cost svg{width:23px;height:23px;flex:none}.training-footer>p{font:13px/1.45 var(--serif);margin:7px 0 0;color:#7e5c33}.training-footer .training-notice{font:10px/1.5 var(--sans);color:#496647;margin:9px 0 0}.training-notice:empty{display:none}.training-footer .active-ability-label{font-size:17px;color:#634222}.active-ability-label strong{color:#8c4122;font-weight:600}.ability-source{display:block;font:12px/1.5 var(--serif);color:#87673e;margin-top:9px}.ability-source>span{display:block;text-decoration:underline;text-underline-offset:3px;color:#795128;font-size:14px;margin-top:3px}.ability-training{grid-template-columns:76px minmax(0,1fr) 106px;align-items:start;gap:14px;padding:18px 12px}.ability-training.is-active{background:linear-gradient(90deg,#83692f33,transparent);box-shadow:inset 3px 0 #8c6d32}.ability-picture{width:76px;height:76px;border:2px solid #b99451;box-shadow:0 3px 8px #59381840;background:#4b3520 url('/assets/ability-icons.webp') var(--ability-position) center/300% 100%;border-radius:4px;display:block}.ability-kind{font:6px var(--sans);letter-spacing:1.4px;text-transform:uppercase;color:#997243;display:block;margin-bottom:5px}.ability-training h3{font-size:30px;margin-bottom:6px}.ability-training .training-rank{margin:0}.ability-progress{height:6px;background:#8d713b66;border-radius:5px;margin:8px 0 10px;overflow:hidden}.ability-progress i{display:block;height:100%;background:linear-gradient(90deg,#ad803d,#f3d28c)}.ability-training .training-copy p{font-size:17px;min-height:44px}.ability-cost{display:flex;align-items:center;gap:17px;margin-top:12px;font:16px var(--serif);color:#574220}.ability-cost>span{display:flex;align-items:center;gap:5px;white-space:nowrap}.ability-cost .insufficient{color:#9d4e31}.ability-training .training-actions{padding-top:8px}.ability-select:disabled{color:#42543a!important;background:#b9ba8155!important;opacity:1!important}.training-dialog button:focus-visible,.training-dialog a:focus-visible{outline:2px solid #61472b;outline-offset:3px}
@media(max-height:730px) and (min-width:601px){.training-header{padding-top:17px}.training-header h2{font-size:37px;margin:7px 0 12px}.training-header>p{margin:10px 0}.training-scroll{max-height:360px}.training-footer{padding-block:12px}.training-row{padding-block:15px}}
@media(max-width:600px){.training-dialog{width:calc(100vw - 26px);max-height:calc(100svh - 35px)}.training-close{right:-7px;top:-11px;width:33px;height:33px}.training-close svg{width:20px;height:20px}.training-header{padding:21px 17px 0}.training-eyebrow{font-size:6px;letter-spacing:1.3px}.training-header h2{font-size:34px;margin:9px 0 14px}.training-tabs{gap:12px}.training-tabs button{min-width:107px;font-size:18px;padding-inline:12px}.training-header>p{font-size:14px;margin:13px 0}.training-scroll{margin-inline:9px;padding-right:6px;max-height:49svh}.training-row{grid-template-columns:29px minmax(0,1fr) 87px;gap:9px;padding:15px 6px}.training-copy h3{font-size:22px}.training-copy p{font-size:15px}.training-copy>small{font-size:8px;line-height:1.5}.training-rank{font-size:9px}.training-skill-glyph{width:28px;height:28px}.training-skill-glyph svg{width:17px;height:17px}.training-actions .parchment-button{font-size:14px;padding:5px;min-height:32px}.training-price{font-size:13px}.training-price:has(i){font-size:17px}.training-silver{width:17px;height:17px;font-size:11px!important}.training-footer{padding:13px 15px 15px}.training-summary{gap:15px;font-size:14px;flex-wrap:wrap}.training-summary b{font-size:18px}.training-footer>p{font-size:12px}.ability-training{grid-template-columns:54px minmax(0,1fr);gap:10px;padding:16px 7px}.ability-picture{width:54px;height:54px}.ability-training .training-actions{grid-column:2;flex-direction:row;flex-wrap:wrap;padding-top:0;gap:9px}.ability-training .training-actions>small{width:100%;text-align:left}.ability-training .training-actions .parchment-button{min-width:88px;font-size:16px}.ability-kind{font-size:6px;letter-spacing:1px}.ability-training h3{font-size:27px}.ability-training .training-copy p{font-size:16px;min-height:0}.ability-cost{gap:12px;font-size:15px;margin-top:8px}.ability-cost svg,.training-summary svg{width:20px;height:20px}.training-footer .active-ability-label{font-size:15px}.ability-source{font-size:11px}.ability-source>span{font-size:13px}}
@media(prefers-reduced-motion:reduce){.training-dialog *{transition:none!important;animation:none!important}}
@media(max-height:600px){.training-header{padding:10px 17px 0}.training-eyebrow{display:none}.training-header h2{font-size:29px;margin:5px 0 10px}.training-tabs button{min-height:28px;padding-block:3px;font-size:17px}.training-header>p{font-size:13px;margin:9px 0}.training-scroll{max-height:none;flex:1}.training-footer{padding:9px 15px}.training-summary{font-size:14px;gap:15px}.training-summary b{font-size:17px}.training-footer .active-ability-label{font-size:14px;margin-top:5px}.ability-source{font-size:10px;margin-top:5px}.ability-source>span{display:inline;font-size:12px;margin-left:4px}.training-footer .training-notice{margin-top:5px;font-size:9px}.training-row{padding-block:13px}}
@media(min-width:460px) and (max-width:600px) and (max-height:600px){.ability-training{grid-template-columns:48px minmax(0,1fr) 86px;gap:10px}.ability-picture{width:48px;height:48px}.ability-training .training-actions{grid-column:3;grid-row:1;flex-direction:column;align-self:center}.ability-training .training-actions .parchment-button{min-width:0;font-size:14px}.ability-training h3{font-size:24px}.ability-training .training-copy p{font-size:14px}.ability-kind{display:none}.ability-cost{gap:9px;font-size:14px}.ability-cost svg{width:18px;height:18px}}