:root { --die-v1: 1; }
.die-screen,.die-sheet-owned{--bg-deep:#091a15;--bg:#10251e;--bg-sheet-behind:#07140f;--glow:#244638;--surface:#19352c;--surface-2:#25473b;--tabbar:#0b1e17;--line:#315348;--border:#416052;--border-card:#416052;--border-strong:#85a58f;--border-alert:#bd7959;--grabber:#65816e;--ink:#f3eddf;--muted:#adc4b5;--subtle:#91ab9a;--soft-ink:#e0e5d7;--tab-idle:#8fae9b;--red:#9ad2b1;--gold:#e8c28b;--gold-hover:#fff5df;--gold-tint:rgba(232,194,139,.08);--gold-tint-2:rgba(232,194,139,.12);--gold-line:rgba(232,194,139,.25);--gold-line-2:rgba(232,194,139,.35);--gold-line-3:rgba(232,194,139,.45);--disabled-ink:#789282;color:var(--ink)}
body:has(.die-screen),body:has(.die-sheet-owned){background:#091a15}.die-screen{background:radial-gradient(480px 240px at 50% -90px,#315641,transparent),var(--bg)}.die-screen .brand-tile{background:transparent}.die-screen .brand-tile img{width:29px;height:29px}.die-screen .brand-name{color:var(--ink)}.die-screen .app-bar-right{gap:12px}.die-screen .app-bar-right>.text-btn{font-size:12px}.die-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.die-tabs .tab-indicator{background:transparent}.die-tabs .tab{color:var(--tab-idle)}.die-tabs .tab[aria-current=page]{color:var(--ink)}.die-tabs .tab[aria-current=page] .tab-indicator{background:var(--red)}
.die-page{padding:10px 16px 28px;min-width:0}.die-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin:8px 0 18px}.die-page-head>div{min-width:0}.die-page h1{font:600 28px/1.1 var(--font-display);margin:0;overflow-wrap:anywhere}.die-note{margin:8px 0;font-size:12px;line-height:1.5;color:var(--muted);overflow-wrap:anywhere}.die-text-link{color:var(--gold);font-size:13px;font-weight:600;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}.die-page-head>.die-text-link{flex:none}.die-icon-link{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:10px;color:var(--ink);flex:none}
.die-mode{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:5px;border:1px solid var(--border);background:var(--bg-deep);border-radius:14px;margin-bottom:20px}.die-mode a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border-radius:9px;color:var(--muted);font-size:14px;font-weight:600;text-decoration:none}.die-mode a[aria-current=page]{background:var(--surface-2);color:var(--ink);box-shadow:inset 0 0 0 1px var(--border-strong)}.die-mode-pips{width:22px;height:22px;border:1px solid currentColor;border-radius:6px;display:grid;place-items:center;font:600 13px var(--font-display)}
.die-leader{position:relative;display:block;overflow:hidden;padding:18px;margin-bottom:20px;border:1px solid #57745c;border-radius:18px;background:linear-gradient(120deg,#294b37,#19352c);color:var(--ink);text-decoration:none}.die-leader:after{content:'';position:absolute;right:18px;top:10px;width:88px;height:88px;background:url('/assets/die/mark.svg') center/contain no-repeat;opacity:.04;transform:rotate(12deg);pointer-events:none}.die-leader:before{content:'';position:absolute;inset:7px;border:1px solid rgba(243,237,223,.07);border-radius:12px;pointer-events:none}.die-leader-top,.die-leader-main{display:flex;justify-content:space-between;align-items:center;gap:15px}.die-leader-top{font-size:12px;color:var(--muted);margin-bottom:16px}.die-leader-main>strong{font:600 29px/1.05 var(--font-display);overflow-wrap:anywhere;min-width:0}.die-leader-main>span{font:700 44px/1 var(--font-display)}.die-badge{display:inline-flex;align-items:center;min-height:23px;font-size:10px;font-weight:600;letter-spacing:.04em;padding:3px 7px;border:1px solid var(--border);border-radius:6px;color:var(--muted);text-transform:uppercase}.die-leader .die-badge{color:var(--gold)}
.die-eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:20px 0 10px}.die-ladder-row{display:flex;align-items:center;gap:10px;min-height:68px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}.die-ladder-row.is-you{background:var(--gold-tint)}.die-rank{width:20px;font-size:12px;color:var(--muted);text-align:center;flex:none}.die-initial{width:29px;height:29px;display:grid;place-items:center;flex:none;border-radius:9px;background:var(--surface-2);color:var(--ink);font-size:12px;font-weight:600}.die-ladder-name{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.die-ladder-name>strong{font-size:15px;overflow-wrap:anywhere}.die-ladder-name small,.die-rating small{font-size:11px;color:var(--muted)}.die-ladder-name em{font-size:10px;font-style:normal;color:var(--gold)}.die-rating{display:flex;flex-direction:column;align-items:flex-end;gap:3px}.die-rating strong{font:600 23px var(--font-display)}.die-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:18px 0 8px}.die-section-head h2{font:600 20px var(--font-display);margin:0}
.die-result,.die-challenge,.die-change{margin:12px 0;padding:13px;border:1px solid var(--border);border-radius:15px;background:var(--surface);min-width:0}.die-table-halves{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;min-width:0}.die-table-halves:before{content:'';position:absolute;left:50%;top:5px;bottom:5px;width:1px;background:var(--ink);opacity:.09;pointer-events:none}.die-result-side{display:flex;flex-direction:column;gap:8px;min-width:0}.die-outcome{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.die-name-stack{display:flex;flex-direction:column;gap:7px;min-width:0}.die-person{display:flex;align-items:center;gap:6px;min-width:0;color:var(--ink);text-decoration:none}.die-person .die-initial{width:23px;height:23px;border-radius:7px;font-size:10px}.die-person>strong{font-size:13px;line-height:1.25;overflow-wrap:anywhere}.die-scoreline{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap}.die-scoreline>strong{font:600 27px var(--font-display)}.die-delta{font-size:11px;color:var(--muted)}.die-result-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:14px;font-size:10px;line-height:1.5;color:var(--muted);overflow-wrap:anywhere}.die-result-meta>.die-icon-link{width:36px;height:36px}.die-result.voided{border-style:dashed}.die-caption{font-size:12px;margin:0 0 12px;color:var(--muted)}.die-change>.die-result{background:var(--bg);padding:11px}.die-challenge-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:11px;color:var(--muted)}
.die-actions{display:flex;align-items:flex-start;flex-wrap:wrap;gap:8px;margin-top:12px}.die-actions form{max-width:100%;flex:1}.die-actions .btn-primary{height:44px;min-width:85px;font-size:14px;letter-spacing:.02em;border-radius:9px}.die-actions form .die-form-status:empty{display:none}.die-actions>a.btn-primary{width:auto;padding:0 14px}.die-profile-ratings{display:grid;grid-template-columns:1fr 1fr;gap:9px}.die-profile-ratings>a{display:flex;flex-direction:column;gap:6px;padding:14px;border:1px solid var(--border);border-radius:13px;background:var(--surface);text-decoration:none;color:var(--ink);min-width:0}.die-profile-ratings>a.selected{border-color:var(--border-strong);background:var(--surface-2)}.die-profile-ratings strong{font:700 34px var(--font-display)}.die-profile-ratings small,.die-profile-ratings span{font-size:11px;color:var(--muted)}
.die-empty{text-align:center;margin:14px 0 20px;padding:22px 16px;border:1px solid var(--line);border-radius:17px;background:var(--surface)}.die-empty-table{position:relative;width:112px;height:65px;margin:0 auto 15px;border:1px solid #63806b;border-radius:7px;background:#244634;transform:skewY(-3deg)}.die-empty-table:before{content:'';position:absolute;left:50%;top:5px;bottom:5px;border-left:1px solid #6b8d76;opacity:.6}.die-empty-table img{position:absolute;width:30px;height:30px;left:38px;top:16px;transform:rotate(-12deg)}.die-empty h2{margin:0;font:600 23px var(--font-display)}.die-empty p{font-size:13px;line-height:1.5;color:var(--muted);margin:9px 0 18px}.die-empty .btn-primary{height:48px;font-size:16px}
.die-screen .btn-primary,.die-sheet-owned .btn-primary{color:#102c22}.die-screen .btn-primary:hover,.die-sheet-owned .btn-primary:hover{color:#102c22}.die-screen .fab-dock{background:linear-gradient(transparent,var(--bg) 40%)}.die-sheet-owned .sh-sheet{background:var(--bg)}.die-sheet-body{padding:16px!important}.die-sheet-body h2{font:600 20px var(--font-display);margin:0 0 10px}.die-sheet-owned .btn-primary{background:var(--red)}.die-form{display:flex;flex-direction:column;gap:16px;min-width:0}.die-field{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:600;color:var(--muted);min-width:0}.die-field input,.die-field textarea,.die-search,.die-score-fields input{box-sizing:border-box;width:100%;padding:12px;border:1px solid var(--border);border-radius:9px;background:var(--bg-deep);color:var(--ink);font:400 15px var(--font-body);min-height:44px}.die-field textarea{resize:vertical}.die-form-status{font-size:12px;line-height:1.5;overflow-wrap:anywhere}.die-form-status:empty{display:none}.die-button,.die-slot,.die-member-tile{min-height:44px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--ink);padding:10px;font:600 13px var(--font-body);cursor:pointer}.die-button{background:var(--surface-2)}.die-button:disabled,.die-slot:disabled,.die-member-tile:disabled{opacity:.45;cursor:default}.die-lineup-picker{display:flex;flex-direction:column;gap:14px}.die-pick-side{display:flex;flex-direction:column;gap:7px;min-width:0}.die-pick-side h2{font-size:13px;margin:0}.die-slot{text-align:left;overflow-wrap:anywhere}.die-slot.selected{border-color:var(--border-strong);background:var(--surface-2)}.die-member-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:290px;overflow:auto}.die-member-tile{overflow-wrap:anywhere;min-width:0;text-align:left}.die-member-tile[aria-pressed=true]{border-color:var(--gold)}.die-pinned{display:flex;flex-direction:column;gap:13px;padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:13px;margin-bottom:12px}.die-winners{display:grid;grid-template-columns:1fr 1fr;gap:8px}.die-winner{display:flex;flex-direction:column;gap:7px;min-width:0;min-height:84px;padding:12px;border:1px solid var(--border);border-radius:11px;text-align:left;background:var(--surface);color:var(--ink);cursor:pointer}.die-winner small{font-size:10px;color:var(--muted)}.die-winner strong{font-size:14px;overflow-wrap:anywhere}.die-winner[aria-pressed=true]{border-color:var(--border-strong);background:var(--surface-2)}.die-winner[aria-pressed=true]:after{content:'Selected';font-size:10px;color:var(--gold)}.die-score-entry{padding-top:6px}.die-score-switch{display:flex;align-items:center;gap:10px;min-height:44px;font-size:14px;cursor:pointer}.die-score-switch input{width:19px;height:19px;accent-color:var(--red)}.die-score-switch small{font-size:11px;color:var(--muted);margin-left:4px}.die-score-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.die-score-fields label{font-size:12px;color:var(--muted);display:flex;flex-direction:column;gap:6px}.die-editor-heading{margin:4px 0 0!important}
:is(.die-screen,.die-sheet-owned) [hidden]{display:none!important}:is(.die-screen,.die-sheet-owned) summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:44px;padding:11px;border:1px solid var(--border);border-radius:9px;background:var(--surface);font-size:13px;cursor:pointer}:is(.die-screen,.die-sheet-owned) summary::-webkit-details-marker{display:none}:is(.die-screen,.die-sheet-owned) summary::marker{content:''}:is(.die-screen,.die-sheet-owned) summary:after{content:'+';font-size:20px;color:var(--muted)}:is(.die-screen,.die-sheet-owned) details[open]>summary:after{content:'-'}:is(.die-screen,.die-sheet-owned) details[open]>summary{margin-bottom:14px}.die-disclosure{margin:15px 0;font-size:12px}.die-disclosure>.die-result{margin:10px 0}
@media(max-width:350px){.die-page{padding-left:16px;padding-right:16px}.die-table-halves{gap:14px}.die-result{padding:11px}.die-person{gap:5px}.die-person .die-initial{width:20px;height:20px}.die-person strong{font-size:12px}.die-winner{padding:9px}.die-page-head{gap:9px}.die-page-head>.die-text-link{font-size:11px}.die-leader-main>strong{font-size:26px}.die-actions .btn-primary{font-size:13px}}

.die-slot-row{display:flex;align-items:stretch;gap:5px;min-width:0}.die-slot-row>.die-slot{flex:1;min-width:0}.die-slot-clear{flex:none;min-width:44px;min-height:44px;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--muted);font:500 10px var(--font-body);padding:4px;cursor:pointer}

.die-action-secondary{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;padding:10px 14px;border:1px solid var(--border-strong);border-radius:9px;background:transparent;color:var(--ink);font:600 14px var(--font-body);cursor:pointer}.die-action-secondary:disabled{opacity:.5;cursor:wait}

fieldset.die-score-fields{padding:0;border:0;min-width:0}