.tier-page{max-width:1200px;padding-top:32px;padding-bottom:60px}.tier-heading{margin-bottom:30px}.tier-heading>.eyebrow{display:block;margin-top:26px}.tier-heading h1{font-size:clamp(27px,4vw,40px);margin:12px 0}.tier-heading p,.tier-muted{color:var(--muted);line-height:1.8}.tier-muted{font-size:12px}.tier-gate{max-width:660px;margin:30px auto;padding:30px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.tier-gate label:not(.tier-consent){display:block;margin:18px 0 8px;font-size:14px}.tier-gate select{width:100%;max-width:100%;font-size:15px}.tier-consent{display:flex;align-items:flex-start;gap:10px;margin:24px 0;font-size:13px}.tier-consent input{margin-top:5px;flex-shrink:0}.tier-gate h2{overflow-wrap:anywhere}.tier-badge{display:inline-block;font-size:11px;padding:4px 9px;border-radius:5px;background:var(--soft);color:var(--green)}.tier-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:26px 0}.tier-toolbar h2{font-size:25px;margin:10px 0 4px;overflow-wrap:anywhere}.tier-toolbar>div:first-child{min-width:0}.tier-actions{display:flex;gap:10px;flex-shrink:0}.tier-editor{border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:20px;margin-bottom:18px}.tier-editor>label{display:block;font-size:13px;margin-bottom:8px}.tier-editor>input{width:100%;font-size:16px}.tier-editor-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:16px}.tier-editor-actions .button{font-size:12px;padding:8px 12px}.tier-selection{position:sticky;top:8px;z-index:5;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px;border:1px solid var(--gold);border-radius:8px;background:var(--surface);box-shadow:0 4px 16px #0002;margin-bottom:12px}.tier-selection>span{font-size:12px;flex:1 1 180px}.tier-selection select{max-width:200px;font-size:14px}.tier-selection .button{padding:7px 10px;min-height:36px;font-size:12px}.tier-board{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface)}.tier-row{display:grid;grid-template-columns:130px minmax(0,1fr);border-bottom:1px solid var(--line);min-height:128px}.tier-row:last-child{border-bottom:0}.tier-row-heading{color:#17201b;padding:12px 8px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;text-align:center;overflow-wrap:anywhere}.tier-row-heading>strong{font-size:20px;max-width:100%}.tier-row-heading>input:not([type=color]){font-weight:700;text-align:center;width:100%;min-width:0;font-size:16px;padding:6px 3px;background:#ffffff55;border:1px solid #0002;color:#17201b;border-radius:5px}.tier-row-heading>input[type=color]{width:28px;height:23px;border:0;padding:0;cursor:pointer;background:transparent}.tier-row-controls{display:flex;gap:4px}.tier-row-controls button{font-size:16px;width:27px;height:26px;border-radius:4px;color:#17201b;background:#ffffff55;border:1px solid #0002;padding:0}.tier-items{min-width:0;display:flex;align-content:flex-start;align-items:flex-start;gap:8px;flex-wrap:wrap;padding:12px;min-height:126px;transition:background-color .12s}.tier-character{display:flex;flex-direction:column;align-items:center;width:102px;flex:0 0 102px;padding:0;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink);overflow:hidden;text-align:center;user-select:none}.tier-editable .tier-character{touch-action:none;cursor:grab}.tier-character img{display:block;width:100px;height:100px;object-fit:contain;background:white;pointer-events:none}.tier-character-caption{box-sizing:border-box;display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:13px;line-height:1.35;height:calc(2.7em + 8px);padding:4px;width:100%;overflow-wrap:anywhere;pointer-events:none}.tier-character-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;font-weight:500;max-width:100%}.tier-character[aria-pressed=true]{outline:3px solid var(--gold);outline-offset:2px}.tier-character:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.tier-image-missing{min-height:90px;justify-content:center}.tier-drop-button{align-self:stretch;min-width:64px;min-height:84px;flex:1;border:1px dashed var(--line);border-radius:6px;background:transparent;color:var(--muted);font-size:12px;padding:10px}.tier-drop-active{background:var(--soft);box-shadow:inset 0 0 0 2px var(--gold)}.tier-drag-ghost{position:fixed;z-index:9999;pointer-events:none!important;opacity:.85;transform:rotate(-4deg);box-shadow:0 10px 24px #0005}.tier-pool{margin-top:22px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.tier-pool h3{margin:0;padding:16px 18px 0;font-size:17px}.tier-pool h3 span{font-size:12px;color:var(--muted)}.tier-pool .tier-items{min-height:140px}.tier-empty{font-size:15px;color:var(--muted);align-self:center;margin:auto}.tier-status{font-size:13px;min-height:24px;margin:20px 0;color:var(--green)}.tier-error{color:var(--danger);padding:12px;border:1px solid var(--danger);border-radius:8px;font-size:14px;overflow-wrap:anywhere}.tier-share{padding:22px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.tier-share h3{font-size:19px;margin:0 0 20px}.tier-share label{display:block;font-size:13px;margin-bottom:8px}.tier-link-row{display:flex;gap:8px;margin-bottom:18px}.tier-link-row input{min-width:0;flex:1;font-size:12px}.tier-link-row button{flex-shrink:0;font-size:12px}.tier-caption{margin-top:24px}.tier-page [hidden]{display:none!important}.tier-page button:disabled{opacity:.5;cursor:default}@media(max-width:640px){.tier-page{padding-top:22px}.tier-gate{padding:20px}.tier-gate select{font-size:16px}.tier-toolbar{align-items:flex-start;flex-direction:column}.tier-toolbar h2{font-size:22px}.tier-actions{width:100%;flex-wrap:wrap}.tier-actions .button{flex:1;padding:10px;font-size:13px}.tier-row{grid-template-columns:90px minmax(0,1fr)}.tier-row-heading{padding:10px 5px}.tier-row-heading>strong{font-size:16px}.tier-row-heading>input:not([type=color]){font-size:16px}.tier-items{padding:8px;gap:6px}.tier-character{width:84px;flex-basis:84px}.tier-character img{width:82px;height:82px}.tier-character-caption{font-size:12px}.tier-drop-button{min-width:54px;min-height:72px}.tier-editor{padding:16px}.tier-selection select{max-width:100%;flex:1}.tier-selection>span{flex-basis:100%}.tier-share{padding:16px}.tier-link-row{flex-wrap:wrap}.tier-link-row input{flex-basis:100%;font-size:16px}.tier-row-controls{gap:2px}.tier-row-controls button{width:23px}.tier-drag-ghost{width:84px}.tier-status{font-size:12px}}

.tier-character-details{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);width:calc(100% - 32px);max-width:560px;z-index:20;box-shadow:0 8px 30px #0003;display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:15px 18px;margin:0 0 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.tier-character-details strong{font-size:16px}.tier-character-details p{font-size:15px;line-height:1.7;margin:6px 0}.tier-character-details small{font-size:12px;color:var(--muted)}.tier-character-details button{font-size:24px;line-height:1;background:transparent;border:0;color:var(--muted);padding:4px 8px}.tier-character{cursor:pointer}.tier-character-details>div{min-width:0;overflow-wrap:anywhere}

.tier-scope{font-size:14px;color:var(--green);font-weight:600;margin:8px 0}.tier-portrait-missing{width:100px;height:100px;display:flex;align-items:center;justify-content:center;background:var(--soft);color:var(--muted);font-size:12px}@media(max-width:640px){.tier-portrait-missing{width:82px;height:82px}}