/* VIOLET COSTUME SANCTUM */
.costume-site{background:#030106;color:#eee}
.costume-hero{position:relative;overflow:hidden;min-height:780px;padding:145px 0 70px;background:
linear-gradient(180deg,rgba(3,1,7,.18),rgba(3,1,7,.72) 64%,#030106 100%),
radial-gradient(circle at 50% 33%,rgba(193,70,255,.24),transparent 22%),
radial-gradient(circle at 21% 42%,rgba(67,83,212,.14),transparent 28%),
radial-gradient(circle at 81% 42%,rgba(214,42,102,.14),transparent 28%),
url('../assets/cathedral-hero-2026.webp') center/cover no-repeat}
.costume-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,1,7,.78),rgba(3,1,7,.18) 30%,rgba(3,1,7,.12) 70%,rgba(3,1,7,.78));pointer-events:none}
.costume-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:220px;background:linear-gradient(transparent,#030106);pointer-events:none}
.costume-hero-fog{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 0 35%,rgba(2,0,5,.3) 62%,rgba(2,0,5,.82) 100%);pointer-events:none}
.costume-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:.9fr 1.1fr;gap:44px;align-items:center}
.costume-hero-copy{padding:30px 0}.costume-hero-copy h1{margin:16px 0 20px;font:800 clamp(50px,6vw,88px)/.93 "Cinzel","Noto Sans KR",serif;letter-spacing:-1px;color:#fff;text-shadow:0 0 34px rgba(190,72,255,.2)}
.costume-hero-copy h1 em{font-style:normal;background:linear-gradient(180deg,#fff 0,#e8c8ff 28%,#c270ff 64%,#ff698f 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 24px rgba(190,80,255,.36))}
.costume-hero-copy>p{max-width:610px;color:#d5c5df;font-size:16px;font-weight:700;line-height:1.85}.costume-rule-pills{display:flex;flex-wrap:wrap;gap:9px;margin-top:26px}.costume-rule-pills span{padding:9px 12px;border:1px solid rgba(219,157,255,.2);border-radius:999px;background:rgba(12,4,20,.65);color:#cbb3d9;font-size:10px;font-weight:800}
.costume-hero-stage{position:relative;min-height:560px;display:grid;grid-template-columns:1fr 210px 1fr;align-items:center;isolation:isolate}
.costume-hero-stage::before{content:"";position:absolute;left:50%;top:50%;width:500px;height:500px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(181,62,251,.21),rgba(85,22,130,.06) 45%,transparent 70%);filter:blur(6px);animation:wardrobePulse 4s ease-in-out infinite}
.costume-portrait{position:relative;height:500px;overflow:hidden;filter:drop-shadow(0 28px 52px rgba(0,0,0,.5));z-index:2}.costume-portrait img{width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:saturate(.92) contrast(1.05)}.costume-portrait::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(3,1,7,.74) 88%,#030106 100%)}.costume-portrait span{position:absolute;z-index:2;bottom:28px;left:50%;transform:translateX(-50%);font:700 10px/1 "Cinzel",serif;letter-spacing:4px;color:#cab6d5}.costume-portrait.slayer{transform:translateX(32px)}.costume-portrait.vampire{transform:translateX(-32px)}
.costume-sigil{position:relative;z-index:5;width:220px;height:220px;display:grid;place-items:center;align-content:center;border-radius:50%;border:1px solid rgba(233,179,255,.45);background:radial-gradient(circle,rgba(93,25,144,.72),rgba(13,4,24,.95) 64%);box-shadow:0 0 0 8px rgba(105,28,155,.09),0 0 70px rgba(179,62,246,.3),inset 0 0 42px rgba(197,91,255,.16);text-align:center}.costume-sigil::before,.costume-sigil::after{content:"";position:absolute;inset:-28px;border:1px dashed rgba(220,147,255,.2);border-radius:50%;animation:sigilSpin 18s linear infinite}.costume-sigil::after{inset:-55px;border-color:rgba(255,83,131,.12);animation-direction:reverse;animation-duration:24s}.costume-sigil img{width:92px;filter:drop-shadow(0 0 18px rgba(220,128,255,.55))}.costume-sigil strong{margin-top:8px;color:#ecd7f7;font:800 11px/1.4 "Cinzel",serif;letter-spacing:2px}
.costume-console-section{padding:35px 0 95px;background:#030106}.costume-console{display:grid;grid-template-columns:1.06fr .94fr;overflow:hidden;border:1px solid rgba(221,148,255,.22);border-radius:28px;background:linear-gradient(145deg,rgba(18,6,30,.96),rgba(7,2,12,.99));box-shadow:0 35px 100px rgba(0,0,0,.55),inset 0 1px rgba(255,255,255,.04)}.costume-account-column,.costume-draw-column{padding:38px}.costume-account-column{border-right:1px solid rgba(220,147,255,.13)}.panel-eyebrow{color:#ca70ff;font:800 9px/1 "Cinzel",serif;letter-spacing:2.4px}.costume-login h2,.costume-account h2,.costume-draw-column h2{margin:10px 0 8px;color:#fff;font-size:25px}.costume-login>p,.costume-draw-column>p{color:#a993b6;font-size:11px;line-height:1.7}.costume-login form{display:grid;gap:13px;margin-top:24px}.costume-login label span{display:block;margin-bottom:7px;color:#9683a4;font-size:9px;font-weight:800;letter-spacing:1px}.costume-login input{width:100%;height:52px;padding:0 15px;border:1px solid rgba(218,145,255,.17);border-radius:12px;outline:0;background:rgba(5,2,10,.86);color:#fff;font-size:14px;transition:.2s}.costume-login input:focus{border-color:rgba(205,103,255,.58);box-shadow:0 0 0 3px rgba(174,65,232,.08)}.costume-login-button{height:54px;margin-top:3px;border:1px solid rgba(241,188,255,.45);border-radius:12px;background:linear-gradient(135deg,#5b197e,#9326b7 55%,#a92865);box-shadow:0 16px 36px rgba(121,31,169,.23);color:#fff;font:800 11px/1 "Cinzel",serif;letter-spacing:1.7px;cursor:pointer}.costume-login>small{display:block;margin-top:13px;color:#725f80;font-size:9px;line-height:1.5}.hidden{display:none!important}
.costume-account-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.costume-account-head button,.picker-head button{border:1px solid rgba(216,142,255,.17);border-radius:9px;background:rgba(109,38,153,.08);color:#a98eb9;font-size:9px;padding:8px 11px;cursor:pointer}.account-stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:20px}.account-stat-grid>div{padding:14px;border:1px solid rgba(216,142,255,.12);border-radius:12px;background:rgba(4,1,8,.58)}.account-stat-grid span{display:block;color:#7f6a8d;font-size:8px;font-weight:800;letter-spacing:1px}.account-stat-grid strong{display:block;margin-top:7px;color:#e7d8ef;font-size:13px}.account-stat-grid strong b{font:800 18px/1 "Cinzel",serif;color:#fff}.character-picker{margin-top:20px;padding-top:18px;border-top:1px solid rgba(220,147,255,.1)}.picker-head{display:flex;align-items:center;justify-content:space-between;color:#a98eb9;font:800 9px/1 "Cinzel",serif;letter-spacing:1.8px}.character-list{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:12px}.character-empty{grid-column:1/-1;padding:22px;border:1px dashed rgba(216,142,255,.15);border-radius:12px;color:#776581;text-align:center;font-size:10px}.character-button{position:relative;padding:13px 12px;border:1px solid rgba(211,138,255,.15);border-radius:12px;background:linear-gradient(145deg,rgba(20,7,33,.8),rgba(6,2,11,.94));color:#bca8c9;text-align:left;cursor:pointer;transition:.2s}.character-button:hover,.character-button.active{border-color:rgba(208,103,255,.48);transform:translateY(-1px);box-shadow:0 10px 28px rgba(108,32,153,.14)}.character-button.active{background:linear-gradient(145deg,rgba(72,19,102,.5),rgba(20,5,31,.96))}.character-button strong{display:block;color:#fff;font-size:12px}.character-button span{display:flex;gap:6px;margin-top:6px}.character-button span i{font-style:normal;font-size:8px;color:#9a82aa;padding:4px 6px;border-radius:6px;background:rgba(255,255,255,.03)}
.costume-draw-column{display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 50% 42%,rgba(141,45,210,.12),transparent 42%)}.draw-rule-copy strong{color:#e7c5f7}.costume-draw-modes{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:25px 0 17px}.costume-mode{padding:15px 12px;border:1px solid rgba(211,138,255,.15);border-radius:14px;background:rgba(6,2,11,.72);color:#9d87aa;cursor:pointer;text-align:left;transition:.2s}.costume-mode small{display:block;color:#8a6f99;font:800 8px/1 "Cinzel",serif;letter-spacing:1.5px}.costume-mode strong{display:block;margin-top:6px;color:#d4c4dd;font-size:14px}.costume-mode span{display:block;margin-top:5px;color:#9b72b2;font:800 10px/1 "Cinzel",serif}.costume-mode.active{border-color:rgba(211,114,255,.48);background:linear-gradient(135deg,rgba(111,35,161,.34),rgba(128,27,72,.18));box-shadow:inset 0 0 28px rgba(174,61,226,.06)}.costume-mode.active strong{color:#fff}.costume-mode.active span{color:#e2abff}
.costume-draw-button{position:relative;overflow:hidden;width:100%;min-height:126px;padding:20px;border:1px solid rgba(239,182,255,.58);border-radius:18px;background:linear-gradient(135deg,#531776,#8c27b7 48%,#ad2b67);box-shadow:0 20px 52px rgba(128,35,178,.28),0 0 0 5px rgba(143,45,199,.06),inset 0 1px rgba(255,255,255,.22);color:#fff;cursor:pointer;transition:.25s}.costume-draw-button:not(:disabled):hover{transform:translateY(-3px);box-shadow:0 26px 68px rgba(143,42,198,.38),0 0 28px rgba(209,104,255,.2)}.costume-draw-button:disabled{opacity:.48;cursor:not-allowed}.costume-draw-button i{position:absolute;inset:-70% auto -70% -30%;width:28%;transform:skewX(-22deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);animation:costumeShine 3.2s ease-in-out infinite}.costume-draw-button small{display:block;color:#f0c9ff;font:800 8px/1 "Cinzel",serif;letter-spacing:2.2px}.costume-draw-button strong{display:block;margin-top:7px;font-size:25px}.costume-draw-button span{display:block;margin-top:7px;color:#dfc6e8;font-size:9px}.costume-safety{display:grid;grid-template-columns:auto 1fr;gap:10px;margin-top:15px;padding:13px;border:1px solid rgba(105,212,163,.12);border-radius:11px;background:rgba(27,79,60,.05)}.costume-safety b{color:#74d6a5;font-size:9px}.costume-safety span{color:#819c8e;font-size:8px;line-height:1.55}
.costume-result-section{padding:95px 0;background:linear-gradient(180deg,#030106,#07020c 52%,#030106)}.costume-result-stage{position:relative;min-height:360px;padding:26px;border:1px solid rgba(210,136,255,.17);border-radius:26px;background:radial-gradient(circle at 50% 50%,rgba(153,48,228,.1),transparent 42%),rgba(6,2,11,.83);box-shadow:inset 0 1px rgba(255,255,255,.03)}.costume-result-empty{min-height:305px;display:grid;place-items:center;align-content:center;gap:8px;text-align:center}.costume-result-empty img{width:82px;opacity:.25}.costume-result-empty strong{color:#baa3c7;font-size:14px}.costume-result-empty span{max-width:600px;color:#786883;font-size:9px;line-height:1.6}.costume-result-stage.drawing::before{content:"";position:absolute;inset:0;z-index:5;border-radius:inherit;background:radial-gradient(circle,#e0a0ff 0 2%,#8d29c7 13%,rgba(54,11,83,.94) 34%,rgba(4,1,8,.98) 68%);animation:ritualFlash 1.4s ease both}.costume-result-stage.drawing::after{content:"WARDROBE RITUAL";position:absolute;z-index:6;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;font:800 14px/1 "Cinzel",serif;letter-spacing:3px;text-shadow:0 0 24px #d36dff}.costume-card-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.costume-card-grid.single{grid-template-columns:minmax(220px,320px);justify-content:center}.costume-card{position:relative;overflow:hidden;min-height:245px;padding:19px 12px 16px;border:1px solid rgba(196,125,230,.16);border-radius:17px;background:linear-gradient(160deg,rgba(18,7,30,.96),rgba(6,2,11,.99));text-align:center;animation:wardrobeCard .5s cubic-bezier(.2,.8,.2,1) both;box-shadow:0 18px 42px rgba(0,0,0,.32)}.costume-card::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.03),transparent 28%);pointer-events:none}.costume-card.miss{filter:saturate(.55)}.costume-card.win{border-color:rgba(218,137,255,.62);box-shadow:0 20px 55px rgba(151,49,209,.2),inset 0 0 36px rgba(156,51,215,.08)}.costume-card.hidden-win{border-color:rgba(255,177,68,.7);box-shadow:0 20px 62px rgba(210,111,29,.2),0 0 30px rgba(255,112,77,.12)}.costume-card-icon{width:94px;height:116px;margin:5px auto 15px;display:grid;place-items:center;border-radius:45px 45px 30px 30px;border:1px solid rgba(211,139,255,.12);background:radial-gradient(circle at 50% 35%,rgba(191,83,242,.12),transparent 50%),rgba(8,3,13,.68)}.costume-card-icon::before{content:"?";color:#8e739d;font:800 48px/1 "Cinzel",serif;text-shadow:0 0 16px rgba(190,91,255,.18)}.costume-card.win .costume-card-icon::before{content:"✦";color:#e1b9f6;text-shadow:0 0 20px #bc57f2}.costume-card.hidden-win .costume-card-icon::before{content:"★";color:#ffd27a;text-shadow:0 0 20px #ff8f42}.costume-card small{color:#846f91;font:800 8px/1 "Cinzel",serif;letter-spacing:1.6px}.costume-card h3{margin-top:7px;color:#d4c3dc;font-size:12px;line-height:1.35}.costume-card.win h3{color:#fff}.costume-card p{margin-top:6px;color:#76657f;font-size:8px;line-height:1.5}.costume-card.win p{color:#b892c9}.costume-card .type-badge{position:absolute;right:9px;top:9px;padding:5px 6px;border-radius:7px;background:rgba(126,39,174,.13);color:#ad82c3;font:800 7px/1 "Cinzel",serif}.costume-card.hidden-win .type-badge{background:rgba(180,98,22,.16);color:#ffc36a}
.costume-pool-section{padding:100px 0;background:#030106}.costume-pool-note{display:grid;grid-template-columns:auto 1fr;gap:12px;margin-bottom:22px;padding:15px 17px;border:1px solid rgba(255,167,76,.16);border-radius:13px;background:rgba(99,52,13,.07)}.costume-pool-note strong{color:#efb062;font-size:9px}.costume-pool-note span{color:#9e866f;font-size:9px;line-height:1.55}.race-tabs{display:flex;gap:8px;margin-bottom:18px}.race-tabs button{padding:11px 18px;border:1px solid rgba(206,134,246,.15);border-radius:10px;background:rgba(7,2,12,.8);color:#8e789b;font:800 9px/1 "Cinzel",serif;letter-spacing:1.6px;cursor:pointer}.race-tabs button.active{color:#fff;border-color:rgba(202,95,255,.45);background:linear-gradient(135deg,rgba(100,31,147,.34),rgba(110,23,63,.19))}.costume-pool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.pool-card{position:relative;min-height:132px;padding:17px;border:1px solid rgba(206,132,247,.14);border-radius:15px;background:linear-gradient(150deg,rgba(17,6,28,.86),rgba(6,2,11,.98));box-shadow:0 15px 35px rgba(0,0,0,.25)}.pool-card.hidden-costume{border-color:rgba(247,164,70,.25);background:linear-gradient(150deg,rgba(50,21,12,.5),rgba(13,4,15,.98))}.pool-card span{color:#a273b9;font:800 8px/1 "Cinzel",serif;letter-spacing:1.5px}.pool-card.hidden-costume span{color:#e7a451}.pool-card h3{margin-top:8px;color:#fff;font-size:13px}.pool-card p{margin-top:8px;color:#877390;font-size:9px}.pool-card small{display:block;margin-top:8px;color:#65566e;font-size:8px}.pool-card .eligibility{position:absolute;right:10px;top:10px;padding:5px 6px;border-radius:7px;background:rgba(255,255,255,.03);color:#8d778f;font-size:7px}.pool-card.hidden-costume .eligibility{color:#e4aa68}
.costume-info-section{padding:0 0 110px;background:#030106}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.costume-info{padding:24px;border:1px solid rgba(210,136,255,.15);border-radius:18px;background:linear-gradient(145deg,rgba(17,6,28,.86),rgba(7,2,12,.98))}.costume-info h3{margin-top:8px;color:#fff;font-size:18px}.costume-info p{margin-top:13px;color:#b39fc0;font-size:10px;line-height:1.8}.costume-info p b{color:#e8d3f2}.costume-info small{display:block;margin-top:12px;color:#725f7e;font-size:8px;line-height:1.6}
@keyframes wardrobePulse{0%,100%{transform:translate(-50%,-50%) scale(.95);opacity:.72}50%{transform:translate(-50%,-50%) scale(1.06);opacity:1}}
@keyframes sigilSpin{to{transform:rotate(360deg)}}@keyframes costumeShine{0%,64%{left:-30%;opacity:0}74%{opacity:1}100%{left:115%;opacity:0}}@keyframes ritualFlash{0%{opacity:0;transform:scale(.8)}30%{opacity:1;transform:scale(1)}75%{opacity:.96}100%{opacity:0;transform:scale(1.12)}}@keyframes wardrobeCard{from{opacity:0;transform:translateY(28px) scale(.94) rotateX(8deg)}to{opacity:1;transform:none}}
@media(max-width:1300px){.costume-hero-grid{grid-template-columns:1fr}.costume-hero-copy{text-align:center}.costume-hero-copy>p{margin-left:auto;margin-right:auto}.costume-rule-pills{justify-content:center}.costume-hero-stage{max-width:850px;width:100%;margin:0 auto}.costume-console{grid-template-columns:1fr}.costume-account-column{border-right:0;border-bottom:1px solid rgba(220,147,255,.13)}.costume-card-grid{grid-template-columns:repeat(4,1fr)}.costume-pool-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:860px){.costume-hero{min-height:auto;padding:120px 0 55px}.costume-hero-stage{min-height:450px;grid-template-columns:1fr 150px 1fr}.costume-portrait{height:400px}.costume-sigil{width:160px;height:160px}.costume-sigil img{width:72px}.costume-account-column,.costume-draw-column{padding:26px 20px}.costume-card-grid{grid-template-columns:repeat(2,1fr)}.costume-pool-grid{grid-template-columns:repeat(2,1fr)}.info-grid{grid-template-columns:1fr}.character-list{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.costume-hero-copy h1{font-size:43px}.costume-hero-stage{min-height:340px;grid-template-columns:1fr 105px 1fr}.costume-portrait{height:305px}.costume-portrait.slayer{transform:translateX(10px)}.costume-portrait.vampire{transform:translateX(-10px)}.costume-sigil{width:116px;height:116px}.costume-sigil::before{inset:-16px}.costume-sigil::after{inset:-30px}.costume-sigil img{width:52px}.costume-sigil strong{font-size:7px}.account-stat-grid{grid-template-columns:1fr 1fr}.character-list{grid-template-columns:1fr}.costume-draw-modes{grid-template-columns:1fr}.costume-card-grid,.costume-card-grid.single{grid-template-columns:1fr 1fr}.costume-card{min-height:220px;padding:14px 8px}.costume-card-icon{width:75px;height:95px}.costume-pool-grid{grid-template-columns:1fr 1fr;gap:9px}.pool-card{padding:14px 11px}.costume-result-stage{padding:15px}}

.costume-collection-section{padding:0 0 100px;background:#030106}.collection-shell{padding:24px;border:1px solid rgba(216,143,255,.15);border-radius:20px;background:linear-gradient(145deg,rgba(15,5,25,.92),rgba(5,1,9,.98));box-shadow:0 24px 60px rgba(0,0,0,.32)}.collection-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-bottom:18px;border-bottom:1px solid rgba(217,145,255,.1)}.collection-toolbar span{display:block;color:#7d6687;font:800 8px/1 "Cinzel",serif;letter-spacing:1.8px}.collection-toolbar strong{display:block;margin-top:6px;color:#efe4f3;font-size:16px}.collection-toolbar button{padding:10px 13px;border:1px solid rgba(213,129,255,.18);border-radius:9px;background:rgba(255,255,255,.02);color:#a88eaf;font:800 8px/1 "Noto Sans KR",sans-serif;cursor:pointer}.collection-toolbar button:disabled{opacity:.4;cursor:not-allowed}.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.collection-card{display:grid;grid-template-columns:46px 1fr;gap:10px;position:relative;min-height:132px;padding:16px;border:1px solid rgba(205,131,249,.14);border-radius:15px;background:linear-gradient(150deg,rgba(18,7,30,.87),rgba(6,2,11,.99))}.collection-card.hidden-costume{border-color:rgba(247,164,70,.28);background:linear-gradient(150deg,rgba(50,21,12,.44),rgba(10,3,11,.98))}.collection-card-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(213,132,255,.2);background:rgba(123,41,165,.1);color:#dcb3f5;font-size:15px}.collection-card.hidden-costume .collection-card-mark{border-color:rgba(255,182,95,.3);background:rgba(165,82,20,.1);color:#ffd17c}.collection-card span{color:#8a7494;font:800 8px/1 "Cinzel",serif;letter-spacing:1.4px}.collection-card.hidden-costume span{color:#dea35e}.collection-card h3{margin-top:6px;color:#fff;font-size:13px}.collection-card p{margin-top:6px;color:#826f8a;font-size:8px}.collection-card button{grid-column:1/-1;padding:9px 10px;border:1px solid rgba(209,133,254,.18);border-radius:8px;background:rgba(111,36,150,.12);color:#c6a6d1;font:800 8px/1 "Noto Sans KR",sans-serif;cursor:pointer}.collection-card.hidden-costume button{border-color:rgba(242,169,89,.2);background:rgba(129,58,17,.1);color:#eac07d}.collection-card button:disabled{opacity:.35;cursor:not-allowed}.collection-empty{grid-column:1/-1;min-height:150px;display:grid;place-items:center;padding:20px;border:1px dashed rgba(206,132,246,.12);border-radius:14px;color:#76647e;font-size:10px;text-align:center}.collection-note{display:grid;grid-template-columns:auto 1fr;gap:12px;margin-top:16px;padding:14px 15px;border:1px solid rgba(255,170,78,.13);border-radius:12px;background:rgba(103,51,12,.06)}.collection-note b{color:#e8ad67;font-size:9px}.collection-note span{color:#97806e;font-size:8px;line-height:1.65}
@media(max-width:920px){.collection-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.collection-shell{padding:15px}.collection-toolbar{align-items:flex-start;flex-direction:column}.collection-grid{grid-template-columns:1fr}.collection-note{grid-template-columns:1fr}.collection-card{min-height:118px}}