/* Notebook follows the existing paper, indigo and brass palette. */
.owPanel[data-tab=skills] .owPanelBody{display:flex;flex-direction:column;overflow:hidden;min-height:0}
.owSkillIntro{flex:none;margin:0 0 8px}
.owSkillLayout{display:grid;grid-template-columns:minmax(175px,.85fr) minmax(230px,1.05fr) minmax(265px,1.15fr);gap:12px;flex:1;min-height:0;overflow:hidden}
.owSkillList,.owSkillInfo,.owSkillDetail{min-width:0;min-height:0;max-height:none;overflow:auto;overscroll-behavior:contain;padding:12px;scrollbar-width:thin;scrollbar-color:#9b835b #d9c8a7}
.owSkillList,.owSkillInfo{background:#e0d0ad;color:#3a3d38;border:1px solid #a88e61}
.owSkillDetail{background:#39443f;color:#f1e3c6;border:1px solid #8e9a7b}
.owSkillCategory{margin:0 0 8px}.owSkillCategory summary{cursor:pointer;padding:10px 4px;border-bottom:1px solid #a28a63;min-height:40px;color:#3f5048;font-weight:bold}
.owSkillGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding-top:7px}
.owSkillChoice{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:12px;line-height:1.35;min-height:86px;padding:7px;color:#454337;background:#eaddbf;border:1px solid #ab956d;overflow-wrap:anywhere}
.owSkillChoice.sel{background:#405d55;color:#fff0c5;border-color:#d8b666;box-shadow:inset 0 0 0 1px #d8b666}.owSkillChoice.future{opacity:.7}.owSkillChoice small{font-size:11px}
.owSkillMini svg{width:32px;height:32px}.owSkillSticky{position:static;background:none;padding:0}.owSkillArt{display:grid;place-items:center;background:#485d53;border:3px double #cbb076;color:#f0d38e;width:112px;height:112px;margin:4px auto 14px;box-shadow:0 4px 0 #b7a17a}.owSkillArt svg{width:78px;height:78px}.owSkillCategoryTag{color:#536a5d;font-size:12px}.owSkillInfo h2{margin:6px 0}.owSkillFacts{color:#425d54;border-block:1px solid #b6a37e;padding:8px 0;font-weight:bold}.owSkillInfo p{line-height:1.65}.owSkillInfo h3{font-size:14px;margin:12px 0 5px}
.owMarkChip{display:inline-block;border:1px solid #8b9a80;border-radius:3px;padding:3px 6px;font-size:12px;background:#cad1b2;margin:2px}.mark-shock,.mark-rai{background:#e9d780}.mark-burn,.mark-hi{background:#e4b18b}.mark-chill,.mark-freeze,.mark-kori{background:#b6d5d5}.owSkillChain{display:flex;align-items:center;flex-wrap:wrap;gap:2px}.owSkillChain .owMarkChip+.owMarkChip:before{content:'―';margin-right:5px;color:#687c6e}
.owSkillLong{border-top:1px solid #ad9670;margin-top:12px}.owSkillLong summary{padding:10px 0;cursor:pointer;font-weight:bold}.owSkillDetail h3{color:#e8cb8f;font-size:15px}.owSkillActionTitle{margin-top:0!important}.owSkillDetail button,.owSkillDetail select{min-height:44px;white-space:normal;overflow-wrap:anywhere}.owSkillEquip{display:grid;grid-template-columns:1fr 1fr;gap:4px}.owFormChoices{grid-template-columns:1fr 1fr;gap:5px}.owFormChoices button{font-size:13px;padding:8px}.owFormChoices .sel{border-color:#d9bd75;background:#5a7258;color:#fff2cf}.owSupportRow{display:flex;flex-direction:column;gap:5px;margin:7px 0}.owSupportRow select{width:100%}.owSupportRow small{line-height:1.5}.owSupportLibrary{display:grid;grid-template-columns:1fr 1fr;gap:4px}.owSupportLibrary h3{grid-column:1/-1}.owSupportLibrary button{font-size:12px}
.owShrineChoice.sleeping{color:#88867d}.owShrineChoice.bound{color:#446d61}.owWarpConfirm{background:#e3d0a5;border:2px solid #738577;padding:12px;margin-bottom:12px}.owWarpConfirm h3{font-size:17px;margin:0 0 12px}.owWarpConfirm button{width:48%;margin:0 1%;min-height:44px}
#owShrineNotice{position:fixed;left:50%;top:max(30px,env(safe-area-inset-top));transform:translateX(-50%);padding:10px 24px;background:#ebe0bb;color:#405649;border:3px double #a58750;box-shadow:0 5px 14px #2225;font-size:20px;font-weight:bold;z-index:31;white-space:nowrap;pointer-events:none}
#owShrineNotice[hidden],#owWarpVeil[hidden],#owChargeAim[hidden]{display:none}
#owWarpVeil{position:fixed;inset:0;background:#fffaf0;z-index:45;pointer-events:none}
#owChargeAim{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:24;overflow:visible}#owChargeAim line{stroke:#f0d488;stroke-width:3;stroke-dasharray:9 5;filter:drop-shadow(0 1px 1px #293131)}#owChargeAim circle{fill:#f0d488;stroke:#344342;stroke-width:2}
#tAtk.bowFull{box-shadow:0 0 0 3px #ffe19c,0 0 15px #ffe19c!important}.owSkillButton.empty .owSkillGlyph{display:block!important;color:#d0c7ad;opacity:.6}.owSkillButton.empty .owSkillGlyph svg{stroke-width:1.2}.owSkillButton.empty .owKeySkillLabel,.owSkillButton.empty .owTouchSkillLabel,.owSkillButton.empty .owTouchCountdown{display:none!important}
.owSkillButton.empty .owSkillGlyph path{stroke-width:1.2}
.owPanel[data-tab=skills] .owSkillChoice{padding:7px;font-size:12px}
@media(max-width:760px),(max-height:450px){
 .owSkillLayout{grid-template-columns:138px minmax(0,1fr) minmax(0,1.13fr);gap:5px}.owSkillList,.owSkillInfo,.owSkillDetail{padding:6px}.owSkillIntro{font-size:11px;margin-bottom:5px}.owSkillCategory summary{padding:8px 1px;font-size:12px}.owSkillChoice{font-size:10px;min-height:73px;padding:4px;gap:1px}.owSkillChoice small{font-size:10px}.owSkillMini svg{width:27px;height:27px}.owSkillGrid{gap:3px}.owSkillArt{width:64px;height:64px;margin:2px auto 9px}.owSkillArt svg{width:47px;height:47px}.owSkillInfo h2{font-size:17px}.owSkillInfo p,.owSkillFacts,.owSkillCategoryTag{font-size:12px}.owSkillInfo h3,.owSkillDetail h3{font-size:12px}.owMarkChip{font-size:10px;padding:2px 4px}.owSkillInfo p{line-height:1.5}.owFormChoices button{font-size:11px;padding:5px}.owSkillDetail button,.owSkillDetail select{font-size:11px}.owSkillEquip{grid-template-columns:1fr 1fr}.owSupportRow small{font-size:11px}.owSupportLibrary{grid-template-columns:1fr}.owSkillLong summary{font-size:12px}.owSkillGlossary{font-size:11px}#owShrineNotice{top:14px;font-size:14px;padding:8px 14px;max-width:90vw;white-space:normal;text-align:center}.owWarpConfirm{padding:7px}.owWarpConfirm h3{font-size:14px}
}
@media(max-width:760px),(max-height:450px){.owPanel[data-tab=skills] .owSkillChoice{padding:4px;font-size:11px;text-align:center}}

/* 010 addendum 2: bounded shared item/skill art in both UI versions. */
.uxProjectedArt{object-fit:contain;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.owSkillMini img.uxProjectedArt,.owSkillArt img.uxProjectedArt,.owSkillGlyph img.uxProjectedArt{display:block;width:100%;height:100%;object-fit:contain}
.owSkillMini{display:block;width:34px;height:34px;flex:none}.owSkillArt{overflow:hidden}
.owSkillSlotReason{font-size:12px;line-height:1.5;display:block;color:inherit;margin:4px 0 8px;grid-column:1/-1;white-space:normal}
.owSkillEquip .owSkillSlotReason{margin-top:-2px}.owSkillGate{font-size:12px;line-height:1.5}.owSkillReturn{white-space:normal;max-width:100%}
.owSkillList,.owSkillGrid{padding-top:4px}.owSynergy{display:block;clear:both;margin:10px 0;padding:8px;border-top:1px solid #a6997a}.owSynergy>b{font-size:12px}.owSynergy p{margin:4px 0}
@media(max-height:450px),(max-width:700px){.owSkillMini{width:27px;height:27px}}

.owGearCell img.uxProjectedArt{display:block;width:100%;height:calc(100% - 18px);object-fit:contain}
.owRewardCard>img.uxProjectedArt{display:block;width:100%;height:100px;object-fit:contain}
@media(max-height:450px){.owRewardCard>img.uxProjectedArt{height:60px}}