/* Two illustrated summon cards, matching the user's supplied layout. */
body[data-screen=summon] #app{max-width:1180px}
#page-summon{gap:16px;padding:8px 3px 18px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}
#page-summon>*{flex-shrink:0}#page-summon .page-heading{min-height:45px;align-items:flex-start}
#summon-heading{font-size:23px;letter-spacing:-.7px;color:#fff0c2}#page-summon .summon-heading-note{font-size:10px;color:#a9bed2;margin-top:7px}
.summon-gallery-tools{display:flex;justify-content:space-between;align-items:center;gap:9px}.summon-gallery-tools #summon-learn{flex:1;font-size:11px;border-radius:20px;min-height:38px;padding:8px 13px;background:#2e3629;border-color:#a5955855;color:#edd17d}.summon-gallery-tools #rates{font-size:10px;background:transparent;color:#b8c2b0;border:0;padding:6px;min-height:38px}
.summon-gallery{display:grid;grid-template-columns:1fr;gap:16px;flex:none!important}
.summon-panel{position:relative;border:1px solid #73825966;border-radius:20px;padding:22px 17px 17px;background:radial-gradient(ellipse at 45% 32%,#495c3638,transparent 62%),linear-gradient(155deg,#283527,#142527);text-align:center;overflow:hidden;box-shadow:inset 0 1px #eef6c909,0 8px 20px #080e172e}
.summon-panel.item{background:radial-gradient(ellipse at 48% 35%,#79648536,transparent 65%),linear-gradient(155deg,#322d46,#1b2938);border-color:#a58fb14d}
.summon-panel .summon-kicker{font:800 8px system-ui,sans-serif;letter-spacing:2px;color:#b6c888;display:block;margin-bottom:11px}.summon-panel.item .summon-kicker{color:#cfb9d7}
.summon-panel h2{font-size:23px;color:#fff0c7;letter-spacing:-.7px;margin-bottom:7px;line-height:1.35}.summon-panel .summon-copy{color:#bac8a5;font-size:11px;line-height:1.7}.summon-panel.item .summon-copy{color:#c3b6ca}
.summon-select{background:none;border:0;min-height:36px;padding:0;color:inherit;box-shadow:none;font:inherit}.summon-select.action-ready:after{content:'소환 가능';display:block;font-size:9px;color:#e2eaa4;margin-top:7px;letter-spacing:1px}
.summon-illustration{height:215px;position:relative;margin:10px -2px 7px;isolation:isolate;display:flex;align-items:center;justify-content:center}
.summon-illustration:before{content:'';position:absolute;width:175px;height:175px;border-radius:50%;background:#bfd0800b;border:18px solid #deebba0a;z-index:-1}
.summon-illustration:after{content:'✦';position:absolute;top:18px;right:16%;font-size:27px;color:#f9e4a3;text-shadow:0 0 13px #ffe9a944}
.summon-illustration canvas{width:47%;height:auto;max-height:205px;object-fit:contain;filter:drop-shadow(0 9px 9px #001b2190);position:absolute;bottom:3px;left:27%;z-index:2}
.summon-illustration canvas.summon-side{width:39%;max-height:156px;left:0%;bottom:5px;z-index:1;transform:rotate(-6deg)}.summon-illustration canvas.summon-side.right{left:auto;right:0%;transform:rotate(5deg)}
.summon-illustration .item-art{position:absolute;width:185px;max-width:54%;aspect-ratio:1;left:23%;bottom:12px;z-index:2;filter:drop-shadow(0 8px 13px #0f0a2688)}.summon-illustration .item-art.item-side{width:123px;max-width:37%;left:0;bottom:13px;z-index:1;transform:rotate(-15deg)}.summon-illustration .item-art.item-side.right{left:auto;right:0;transform:rotate(15deg)}
.summon-panel .summon-rule{min-height:29px;margin:5px 0 12px;color:#d8d4a8;font-size:10px;line-height:1.7}.summon-panel.item .summon-rule{color:#d5bfd3}
.summon-panel .summon-actions{display:grid;grid-template-columns:1fr 1.6fr;gap:9px;margin:0}
.summon-panel .summon-actions button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:60px;border-radius:9px;background:#c5d79f10;border:1px solid #b6c38255;color:#ebedc9;padding:8px 5px;font-size:13px}
.summon-panel .summon-actions button span{font-size:11px}.summon-panel .summon-actions .primary{background:linear-gradient(#e0eba6,#c6d894);border-color:#e6efbd;color:#253122;box-shadow:inset 0 1px #f0f8d0,0 3px #73855a}
.summon-panel.item .summon-actions .primary{background:linear-gradient(#dfcada,#c6abca);border-color:#ebd8ea;color:#35283b;box-shadow:inset 0 1px #f4e0f4,0 3px #78617e}
.summon-panel .summon-actions button:disabled{background:#293a33!important;border-color:#546355!important;color:#90a095!important;box-shadow:none!important}.summon-panel.item .summon-actions button:disabled{background:#302f41!important;border-color:#665b72!important;color:#aaa0b1!important}
.summon-collection{margin-top:19px;text-align:left}.summon-collection>div{display:flex;justify-content:space-between;color:#abbc91;font-size:10px}.item .summon-collection>div{color:#bba8c6}.summon-collection-track{height:4px;border-radius:3px;background:#cadca115;margin-top:9px;overflow:hidden}.summon-collection-track i{display:block;height:100%;background:#d3e4a3}.item .summon-collection-track i{background:#d5bde4}
.summon-collection-link{display:flex;gap:12px;align-items:center;padding:16px;border:1px solid #9aaa7b22;background:#202d29;border-radius:14px;text-align:left;width:100%;color:#d4dfb1;font-size:12px;min-height:72px}.summon-collection-link>span:first-child{font-size:27px}.summon-collection-link>span:nth-child(2){flex:1}.summon-collection-link b{display:block;margin-bottom:7px}.summon-collection-link small{display:block;color:#9fad92;font-size:10px;line-height:1.5}.summon-collection-link em{font-size:10px;white-space:nowrap;font-style:normal}
#page-summon #gift-shortcut{background:#263448;border-color:#5b6d8166;font-size:12px;min-height:42px}.summon-common-rules{font-size:10px;text-align:center;color:#afbdd2;line-height:1.8}
@media(min-width:720px){.summon-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}#page-summon{padding:12px 14px 24px;gap:19px}.summon-panel{padding:28px 23px 23px}.summon-illustration{height:250px;margin-top:16px}.summon-illustration canvas{max-height:240px}.summon-illustration canvas.summon-side{max-height:185px}.summon-illustration:before{width:200px;height:200px}.summon-illustration .item-art{width:220px;bottom:14px}.summon-illustration .item-art.item-side{width:145px;bottom:20px}.summon-panel h2{font-size:24px}#summon-heading{font-size:27px}}
@media(max-width:380px){.summon-panel{padding:20px 13px 15px}.summon-panel h2{font-size:22px}.summon-illustration{height:185px}.summon-illustration canvas{max-height:180px}.summon-illustration canvas.summon-side{max-height:138px}.summon-illustration .item-art{width:163px}.summon-illustration .item-art.item-side{width:109px}.summon-collection-link em{font-size:9px}#summon-heading{font-size:21px}}
/* Reset the legacy single-feature absolute layout inside the new card. */
#page-summon #featured-equipment{position:relative;inset:auto;display:flex;pointer-events:none}
.summon-illustration,.summon-illustration *{pointer-events:none}
#page-summon #featured-equipment .item-art{width:185px}
#page-summon #featured-equipment .item-art.item-side{width:123px}
@media(min-width:720px){#page-summon #featured-equipment .item-art{width:220px}#page-summon #featured-equipment .item-art.item-side{width:145px}}
@media(max-width:380px){#page-summon #featured-equipment .item-art{width:163px}#page-summon #featured-equipment .item-art.item-side{width:109px}}
/* Keep the primary draw buttons in view; idle progress remains on Battle. */
body[data-screen=summon] #journey-status{display:none!important}
body[data-screen=summon] #app{grid-template-rows:auto minmax(0,1fr) auto}
body[data-screen=summon] .app-header{grid-template-columns:minmax(0,1fr) 44px;gap:2px 7px;padding:5px 10px 0}
body[data-screen=summon] .app-header .brand{display:none}
body[data-screen=summon] .app-header .wallet{grid-column:1;grid-row:1}
body[data-screen=summon] .app-header #sound{grid-column:2;grid-row:1;height:44px;min-height:44px;width:44px}
body[data-screen=summon] .app-header .xp-track{margin-top:0}
@media(min-width:720px){.summon-illustration{height:215px;margin-top:10px}.summon-illustration canvas{max-height:207px}.summon-illustration canvas.summon-side{max-height:164px}.summon-panel{padding-top:21px;padding-bottom:20px}.summon-gallery-tools{min-height:38px}#page-summon{gap:13px}}