.build-experience { margin: 0; }
.build-editor-tools { display:flex; align-items:center; gap:20px; flex-wrap:wrap; }
.build-editor-tools :is(a,button) { font-size:12px; margin:0; padding:0; }
.build-view-toolbar,.build-timeline-heading,.build-dialog-head,.build-dialog-actions { display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; }
.build-view-tabs,.build-timeline-filters { display:flex; flex-wrap:wrap; gap:6px; }
.build-view-tabs button,.build-timeline-filters button { border:1px solid #3e3b32; background:#171612; color:#bdb8a9; border-radius:6px; padding:9px 15px; cursor:pointer; font:inherit; font-size:12px; }
.build-view-tabs button[aria-pressed=true],.build-timeline-filters button[aria-pressed=true] { color:#f0e4cc; background:#302a1f; border-color:#9d8452; }
.build-editor-hint,.build-muted,.build-timeline-source { color:#aaa391; font-size:12px; line-height:1.6; }
.build-experience [hidden] { display:none!important; }
.build-experience .probuild-groups { margin-top:24px; }
.probuild-item-time.build-purchased { color:#9bd7aa; }
.build-experience .probuild-item .item-slot { border-color:#456649; background-color:#17231a; }
.probuild-upgrade { display:block; color:#dac18b; font-size:10px; line-height:1.5; margin-top:5px; }
.build-sales { width:100%; border-top:1px solid #3b332b; padding-top:18px; margin-top:14px; }
.build-sales h3 { color:#e0cbb6; font-size:13px; }
.build-sale { display:inline-flex; flex-direction:column; gap:5px; margin:8px 14px 4px 0; padding:10px 13px; border:1px solid #704138; background:#271a17; border-radius:6px; font-size:11px; color:#eea696; vertical-align:top; max-width:240px; }
.build-sale strong { color:#edc5b9; }
.build-sale.is-unresolved { border-color:#706247; background:#242016; color:#d0bf92; }
.build-item-sale { grid-column:1/-1; display:flex; gap:8px; align-items:center; padding:7px 8px; border-left:2px solid #c97c68; border-radius:3px 9px 9px 3px; background:#271b17; color:#edb19f; }
.build-item-sale>img { width:26px; height:26px; object-fit:contain; opacity:.85; }
.build-item-sale>div { display:flex; flex-wrap:wrap; gap:3px 8px; align-items:baseline; min-width:0; }
.build-item-sale strong { font-size:10px; line-height:1.4; }
.build-item-sale time { font:10px/1.4 ui-monospace,monospace; color:#c59b8d; }
.build-item-sale.is-unresolved { border-color:#b79b60; color:#d5c49d; background:#252116; }
.build-timeline-event.is-kill .build-event-kind { color:#96d39a; }
.build-timeline-event.is-assist .build-event-kind { color:#9bbde9; }
.build-timeline-event.is-death .build-event-kind { color:#df9b93; }
.build-timeline-event.is-kill>img,.build-timeline-event.is-assist>img,.build-timeline-event.is-death>img { border-radius:50%; background:#1d211a; padding:3px; box-sizing:border-box; }
.build-timeline-event { content-visibility:auto; contain-intrinsic-size:auto 75px; }
.build-timeline-count { color:#a99b80; font:11px/1.4 ui-monospace,monospace; }
.build-timeline-more { border:1px solid #8d7547; border-radius:6px; color:#ecdbb5; background:#272216; padding:11px 18px; cursor:pointer; }
.build-loader { display:flex; align-items:center; justify-content:center; gap:22px; min-height:230px; padding:24px; color:#e8d5ad; box-sizing:border-box; }
.build-loader-emblem { display:grid; position:relative; place-items:center; flex:none; width:58px; height:58px; transform:rotate(45deg); }
.build-loader-emblem i { position:absolute; inset:0; border:1px solid #b99b61; border-radius:7px; animation:buildlock-charge 1.8s ease-in-out infinite; }
.build-loader-emblem i:nth-child(2) { inset:10px; animation-delay:.18s; }
.build-loader-emblem i:nth-child(3) { inset:20px; border-color:#ead8a7; background:#ead8a7; animation-delay:.36s; }
.build-loader-copy { display:flex; flex-direction:column; gap:7px; }
.build-loader-copy strong { font-size:15px; }
.build-loader-copy>span { color:#a99b80; font-size:12px; }
@keyframes buildlock-charge { 0%,100% { opacity:.3;transform:scale(.88); } 45%,65% { opacity:1;transform:scale(1); } }
@media(prefers-reduced-motion:reduce) { .build-loader-emblem i { animation:none;opacity:.8; } }
@media(max-width:600px) { .build-loader { min-height:190px;gap:18px; } .build-loader-emblem { width:46px;height:46px; } .build-loader-emblem i:nth-child(3) { inset:17px; } .build-item-sale strong { font-size:11px; } }
.build-note-button { border:0; padding:5px 0; background:transparent; color:#dbc18d; cursor:pointer; font:inherit; font-size:11px; text-decoration:underline; text-underline-offset:3px; }
.build-note-button.has-notes { display:inline-flex; align-items:center; gap:5px; text-decoration:none; }
.build-note-button:focus-visible { outline:2px solid #e7c785; outline-offset:3px; }
.build-annotation-icon { display:block; width:15px; height:15px; flex-shrink:0; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.build-note-preview { position:fixed; z-index:10020; box-sizing:border-box; width:min(310px,calc(100vw - 24px)); max-height:min(420px,65vh); overflow:auto; padding:15px; background:#211d15; border:1px solid #a38a57; border-radius:9px; box-shadow:0 12px 36px #0009; color:#e9dec6; }
.build-note-preview-target { font-size:11px; color:#b7a98f; padding-bottom:10px; border-bottom:1px solid #493e2b; }
.build-note-preview-entry { padding-top:12px; }
.build-note-preview-entry+.build-note-preview-entry { margin-top:12px; border-top:1px solid #493e2b; }
.build-note-preview .build-note-text { font-size:12px; }
.build-note-preview-hint { margin:12px 0 0; color:#a99b80; font-size:10px; }
.build-timeline { margin-top:24px; }
.build-timeline-heading h3 { font-size:16px; margin:0 0 12px; }
.build-timeline-filters { margin:10px 0 24px; }
.build-timeline-filters button { padding:7px 11px; }
.build-objective-coverage { padding:12px 15px; margin:4px 0 16px; border:1px solid #39382f; border-radius:10px; background:#151611; font-size:12px; line-height:1.5; }
.build-objective-coverage strong { color:#d4dcb6; }
.build-objective-coverage p { color:#abae9d; margin:5px 0 0; }
.build-timeline-list { list-style:none; padding:0; margin:0; }
.build-timeline-event { display:grid; grid-template-columns:48px 38px minmax(0,1fr); align-items:start; gap:14px; position:relative; padding:0 0 24px; }
.build-timeline-event:before { content:''; position:absolute; left:81px; top:42px; bottom:4px; border-left:1px solid #38352b; }
.build-timeline-event:last-child:before { display:none; }
.build-event-time { color:#aaa391; font:11px/38px ui-monospace,monospace; }
.build-timeline-event>img { width:38px; height:38px; object-fit:contain; border:1px solid #716753; border-radius:4px; }
.build-objective-mark { display:grid; place-items:center; width:38px; height:38px; background:#231f17; border:1px solid #706143; border-radius:50%; color:#d8ba7f; }
.build-objective-mark>.build-objective-art { width:30px; height:30px; }
.build-objective-art { display:block; width:100%; height:100%; }
.build-objective-art img { display:block; width:100%; height:100%; object-fit:contain; min-width:0; min-height:0; }
.build-objective-art.is-buff-set { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:repeat(2,minmax(0,1fr)); gap:1px; }
.build-objective-mark svg { width:23px; height:23px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.build-timeline-event.is-objective-card .build-event-body { padding:9px 14px; border:1px solid #4b4631; border-left:3px solid #b79b60; background:#1b1911; border-radius:0 18px 18px 0; }
.build-timeline-event.is-objective-card .build-event-line { padding:0; min-height:0; }
.build-timeline-event.is-objective-card .build-muted { margin:6px 0 0; }
.build-timeline-event.is-rejuvenator .build-event-body { border-color:#475e46; border-left-color:#a5cc78; background:#192119; }
.build-timeline-event.is-rejuvenator .build-objective-mark { border-radius:10px; transform:rotate(45deg); border-color:#82995d; background:#233422; }
.build-timeline-event.is-rejuvenator .build-objective-mark img { transform:rotate(-45deg); }
.build-timeline-event.is-rejuvenator .build-event-kind { color:#acd38d; }
.build-timeline-event.is-scheduled .build-event-body { border-style:dashed; border-left-width:1px; background:#141713; }
.build-timeline-event.is-scheduled .build-event-kind { color:#9cb4a3; }
.build-timeline-event.is-rift .build-event-body { border-color:#695579; border-left-color:#ad8acc; background:#201927; }
.build-objective-mark.is-rift { color:#c7a2e5; border-color:#8e6dae; background:#2c2038; }
.build-objective-mark.is-buff { color:#97d3bc; background:#1c2b25; border-color:#4b7967; }
.build-objective-mark.is-urn { color:#dfc8a0; background:#2c261c; }
.build-event-time { overflow-wrap:anywhere; }
.build-event-time.is-range { line-height:18px; padding-top:7px; }
.build-timeline-source a { color:#c2ad7b; text-underline-offset:3px; }
.build-objective-details { list-style:none; padding:0; margin:0; }
.build-objective-details li { display:grid; grid-template-columns:75px minmax(0,1fr); gap:12px; padding:13px 0; border-top:1px solid #393b2f; font-size:13px; }
.build-objective-details time { color:#d7c99f; font:11px/1.5 ui-monospace,monospace; }
.build-objective-details p { margin:6px 0; }
.build-objective-details .build-note-button { display:block; }
.build-event-line { display:flex; align-items:baseline; gap:9px; flex-wrap:wrap; min-height:30px; padding-top:6px; font-size:12px; line-height:1.5; }
.build-event-kind { font-size:10px; text-transform:uppercase; letter-spacing:.06em; color:#c2ad7b; }
.is-purchase .build-event-kind { color:#91d9a3; }
.is-sale .build-event-kind { color:#f0a091; }
.is-upgrade .build-event-kind { color:#dfc68b; }
.build-event-body>.build-muted { margin:0 0 5px; }
.build-note { padding:12px 14px; margin:10px 0 0; background:#211e18; border-left:2px solid #ad8d51; border-radius:0 6px 6px 0; }
.build-note-author { display:flex; align-items:center; gap:9px; color:#e5cea0; font-size:11px; letter-spacing:.05em; }
.build-note-author img { border-radius:50%; width:28px; height:28px; object-fit:cover; }
.build-note-text { white-space:pre-wrap; overflow-wrap:anywhere; color:#ded8c9; font-size:12px; line-height:1.7; margin:8px 0 0; }
.build-annotation-dialog { box-sizing:border-box; width:min(580px,calc(100vw - 28px)); max-height:88vh; overflow:auto; padding:24px; color:#e7ddc9; background:#171510; border:1px solid #6c5b3c; border-radius:12px; box-shadow:0 20px 90px #0009; }
.build-annotation-dialog::backdrop { background:#000b; backdrop-filter:blur(3px); }
.build-dialog-head { align-items:flex-start; flex-wrap:nowrap; margin-bottom:22px; }
.build-dialog-head h2 { font-size:20px; line-height:1.4; margin:0; }
.build-dialog-close,.build-roster-dialog header button { border:1px solid #524a3b; background:transparent; color:#cbbd9f; padding:6px 10px; border-radius:5px; cursor:pointer; }
.build-annotation-dialog form { margin-top:20px; }
.build-note-label,.build-moment-fields label { display:flex; flex-direction:column; gap:8px; font-size:12px; color:#c9bea6; }
.build-annotation-dialog textarea,.build-annotation-dialog input,.build-annotation-dialog select { width:100%; box-sizing:border-box; background:#0e0d0a; border:1px solid #58503f; border-radius:5px; padding:10px; color:#eee4cf; font:inherit; }
.build-annotation-dialog textarea { resize:vertical; line-height:1.7; }
.build-annotation-dialog :focus-visible { outline:2px solid #d1b677; outline-offset:3px; }
.build-moment-fields { display:grid; grid-template-columns:1.3fr 1fr 1fr; gap:10px; margin:16px 0; }
.build-delete-note { background:transparent; color:#edaa99; border:0; padding:10px 0; cursor:pointer; }
.build-form-status { color:#efb498; font-size:12px; }
.build-player-attribution { display:flex; align-items:center; gap:11px; margin:12px 0 4px; }
.build-player-attribution img { width:36px; height:36px; object-fit:contain; }
.build-team-monogram { display:grid; place-items:center; width:36px; height:36px; background:#2e281c; border:1px solid #625334; border-radius:50%; color:#e1cb9c; font-size:11px; }
.build-player-attribution strong { font-size:17px; color:#eee0c4; }
.build-player-attribution small { display:block; color:#b3a88d; font-size:12px; margin-top:3px; }
.build-ability-note { margin-top:16px; }
.build-ability-note h4 { font-size:12px; color:#c9ba97; margin:0; }
.ability-order-token.has-annotation-action { cursor:pointer; }
.ability-order-token.has-note { box-shadow:0 0 0 2px #a88343; }
.build-roster-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin:20px 0; }
.build-roster-team h3 { font-size:13px; color:#dac28f; }
.build-roster-team p { font-size:12px; color:#c4bcaa; line-height:1.5; }
.build-roster-source { color:#d5b975; font-size:12px; }
@media(max-width:600px) { .build-view-toolbar { gap:10px; } .build-view-tabs button { padding:9px 12px; } .build-timeline-event { gap:9px; grid-template-columns:39px 32px minmax(0,1fr); } .build-timeline-event:before { left:64px; } .build-timeline-event>img,.build-objective-mark { width:32px;height:32px; } .build-event-line { padding-top:0;gap:4px 8px; } .build-annotation-dialog { padding:18px; } .build-moment-fields { grid-template-columns:1fr; } .build-roster-list { grid-template-columns:1fr; } }