.feature-spell-link{display:inline;white-space:normal}.feature-spell-help{display:inline-flex!important;align-items:center;justify-content:center;width:23px!important;min-width:23px!important;height:23px!important;min-height:23px!important;padding:0!important;border:1px solid var(--py-border,var(--line));border-radius:50%;background:var(--py-panel-tint,var(--panel));color:var(--py-primary,var(--accent));font:700 12px/1 system-ui;vertical-align:middle;cursor:pointer}.feature-spell-help:hover,.feature-spell-help[aria-expanded=true]{background:var(--py-primary,var(--accent));color:var(--py-on-primary,#fff)}.feature-spell-tooltip{position:fixed;z-index:2147483000;box-sizing:border-box;width:335px;max-width:calc(100vw - 20px);max-height:calc(100dvh - 20px);overflow:auto;border:1px solid var(--py-border,var(--line));border-radius:10px;background:var(--panel,#fff);color:var(--text,#143452);padding:14px;box-shadow:0 12px 30px #163c6630;font:13px/1.5 system-ui;text-transform:none;letter-spacing:normal;white-space:normal}.feature-spell-tooltip strong{display:block;font-size:14px}.feature-spell-tooltip p{margin:8px 0 0}.feature-spell-tip-extra{border-top:1px solid var(--py-border-soft,var(--line));padding-top:9px;color:var(--py-muted,var(--muted))}.feature-spell-choices{margin-top:14px}.feature-spell-choices h4{margin:0 0 8px}.feature-spell-choices{grid-column:1/-1}.feature-spell-options{line-height:2;overflow-wrap:break-word}.feature-spell-options .feature-spell-link{white-space:nowrap}.feature-spell-link .creator-spell-name-button{display:inline!important;width:auto!important;min-height:0!important;padding:0!important;max-width:100%;white-space:normal}.feature-spell-field select{width:100%}.beginner-app .beginner-ancestry-choice{font-family:inherit;font-size:13px;font-weight:400;line-height:1.45;letter-spacing:normal;text-transform:none;text-align:left;color:inherit;cursor:pointer}.beginner-ancestry-choice:focus-visible{outline:3px solid #246cb0;outline-offset:2px}.beginner-ancestry-choice[aria-pressed=true]{border-color:#246cb0;box-shadow:0 0 0 2px #246cb0}

.feature-spell-choices{box-sizing:border-box;border:1px solid var(--border,#c9def3);border-radius:12px;padding:12px 14px;background:var(--panel,#f7fbff)}.feature-spell-options{margin-bottom:0}

.feature-spell-options-frame{overflow-x:auto;max-width:100%;margin-top:10px}.feature-spell-options-table{width:100%;table-layout:fixed;border-collapse:collapse}.feature-spell-options-table td{width:25%;padding:10px;vertical-align:middle;border:1px solid var(--border,#c9def3);overflow-wrap:anywhere}.feature-spell-options-table .feature-spell-link{white-space:normal}
/* Preserve the four-column reference table instead of converting cells into mobile cards. */
:is(#pageSpecies,#pageClass) .feature-spell-options-table{display:table!important}
:is(#pageSpecies,#pageClass) .feature-spell-options-table tbody{display:table-row-group!important}
:is(#pageSpecies,#pageClass) .feature-spell-options-table tr{display:table-row!important}
:is(#pageSpecies,#pageClass) .feature-spell-options-table td{display:table-cell!important;width:25%!important;white-space:normal!important}
:is(#pageSpecies,#pageClass) .feature-spell-options-table td:before{display:none!important}
@media(max-width:640px){.feature-spell-options-table{min-width:600px}.feature-spell-options-frame{overscroll-behavior-x:contain}}
.species-choices-block .field>label{display:flex;align-items:center;gap:6px;min-height:23px;flex-wrap:wrap}

/* One help-button standard for beginner notes and shared spell references. */
.creator-app :is(.beginner-guide-help,.feature-spell-help){display:inline-flex!important;box-sizing:border-box;align-items:center;justify-content:center;flex-shrink:0;width:23px!important;min-width:23px!important;max-width:23px!important;height:23px!important;min-height:23px!important;max-height:23px!important;padding:0!important;border:1px solid var(--py-border,var(--line))!important;border-radius:50%!important;background:var(--py-panel-tint,var(--panel))!important;color:var(--py-primary,var(--accent))!important;font:700 13px/1 Arial,sans-serif!important;vertical-align:middle;cursor:pointer;letter-spacing:normal;text-transform:none;box-shadow:none;}
.creator-app :is(.beginner-guide-help,.feature-spell-help):hover,
.creator-app :is(.beginner-guide-help,.feature-spell-help)[aria-expanded=true],
.creator-app .beginner-guide-topic.is-open .beginner-guide-help{background:var(--py-primary,var(--accent))!important;color:var(--py-on-primary,#fff)!important;}
.creator-app :is(.beginner-guide-help,.feature-spell-help):focus-visible{outline:3px solid var(--py-primary,var(--accent));outline-offset:2px;}
.feature-spell-tooltip{border-color:var(--py-border-strong,var(--line));background:var(--py-panel,var(--panel));color:var(--py-text,var(--text));box-shadow:0 12px 30px var(--py-shadow-color,rgba(0,0,0,.2));}

/* Item spell references stay beside the item on desktop and above it on phones. */
.creator-item-inspection-drawer.open ~ #codex-linkedSpellDrawer{left:0;right:auto;z-index:1510;width:min(520px,44vw);transform:translateX(-104%)}
.creator-item-inspection-drawer.open ~ #codex-linkedSpellDrawer.open{transform:translateX(0)}
.creator-item-inspection-drawer.open ~ #codex-linkedSpellDrawer .spell-inspection-card{border-left:0;border-right:2px solid var(--line)}
@media(max-width:980px){.creator-item-inspection-drawer.open ~ #codex-linkedSpellDrawer{width:100vw;max-width:100vw;height:100dvh}}
