/* MCUT identity: official emblem intact; red/gray/white UI with darker red for readable controls. */
:root{--school-red:#ff0000;--school-gray:#808080;--bg:#f6f5f4;--ink:#302f34;--muted:#77747a;--accent:#f9d0c9;--line:#e1dcda;--action:#b92728}
body{background:radial-gradient(ellipse at 85% 12%,#efe3df60,transparent 42%),var(--bg)}
.brand{color:#333136}.brand-icon{display:flex;align-items:center}.brand-icon .mcut-emblem{width:43px;height:43px}.mcut-emblem{display:block;width:100%;height:auto;object-fit:contain;aspect-ratio:1}.brand small{color:#787278}nav button{color:#827b7d}nav button.active{color:var(--action)}nav button.active:after{background:var(--action)}nav i{background:#cf3433}
.wallet{background:#f7e9e6;border-color:#ead0ca;color:#8d3532}.fragments{background:#efeded;border-color:#dad5d4;color:#62585c}
.eyebrow{color:#8c6864}.eyebrow>span{background:#d12c2b}h1 span{color:var(--action)}.hero-copy p{color:#7b7478}.primary{background:var(--action);box-shadow:0 6px 16px #b9272820}.primary:hover:enabled{background:#942124}.primary span{color:#ffe0d8}.secondary{border-color:#d8ccca;color:#694d4c}.secondary:hover:enabled{background:#f2e4e0}.hero-meta{color:#8c8183}.hero-meta b{color:#7f4945}.hero-meta span+span{border-color:#ddd1cd}
.pack-stage{background:radial-gradient(ellipse,#ead7d380,transparent 67%)}.stage-ring{border-color:#e2ccc7}.stage-ring:after{border-color:#e2ccc7}.floating-label{background:#fffaf8e0;border-color:#e6d5cf;color:#98615a;box-shadow:0 8px 25px #ab4c380c}.floating-label small,.stage-caption{color:#9b817c}
.foil-pack,.pack-body,.pack-lid{background:linear-gradient(115deg,#65272b,#ac4446 36%,#74292e 68%,#9b4545);color:#fff0e9;border-color:#c27976}.foil-pack{box-shadow:12px 24px 28px #6e23272a,inset 2px 0 2px #f9c9c0a0}.foil-pack:after{background:linear-gradient(105deg,transparent 20%,#ffe4db28 42%,transparent 50%)}.pack-grid{background:repeating-linear-gradient(0deg,transparent,transparent 22px,#ffddd31a 23px),repeating-linear-gradient(90deg,transparent,transparent 22px,#ffddd31a 23px)}.pack-emblem{display:grid;place-items:center;width:98px;height:98px;border-radius:50%;background:white;padding:6px;box-shadow:0 3px 22px #49171c24}.pack-grid .pack-emblem .mcut-emblem{width:86px;height:86px}.pack-foot{border-color:#ebc5bf66}.tear-edge{background:repeating-linear-gradient(90deg,#f6c6bd40,#f7d9ce10 2px,#511c2260 3px)}
.stats{background:#fcfaf9}.stats small{color:#8b7a7d}.stats em{color:#92878a}.progress{background:#e9ddda}.progress span{background:#c54845}.stats-message>span{color:#b25f58}.stats-message p{color:#948084}.stats-message b{color:#7d5852}.text-button{color:#9b514a}
.card{background:#fffdfc;border-color:#e0d8d5}.card-top{color:#9c9291}.card-copy small{color:#9c8783}.card p{color:#82777a}.card-bottom{border-color:#e7deda;color:#8d7470}.card-bottom button{border-color:#dbbbb4;background:#f6e6e0;color:#9c4a40}.card-detail-link{color:#a03b34}.card-operations button{border-color:#dfc9c2;color:#924b44}.card-operations button:hover:enabled{background:#f7e9e3}
.art{background:radial-gradient(circle at 50% 40%,#af817b,#684e51)}.r1 .art{background:radial-gradient(circle at 50% 40%,#6a99b0,#304c60)}.r2 .art{background:radial-gradient(circle at 50% 40%,#a183af,#58445f)}.r3 .art{background:radial-gradient(circle at 50% 40%,#bca06a,#685035)}.service-illustration{color:#fff3eb}.art-tag{color:#eed5cc}.r1 .art-tag,.r2 .art-tag,.r3 .art-tag{color:#efe5e0}.orbit{border-color:#ffede92f}.o2{border-color:#ffede92a}.locked .art{background:#e9e4e2}.locked .service-illustration{color:#aea1a0}.locked .art-tag{color:#9c8884}
.catalog-search input,.catalog-search select{background:#fffdfc;border-color:#dfd0cb;color:#574247}.filters button{border-color:#dfd1cd;color:#91716a}.filters button.selected{background:var(--action);border-color:var(--action)}.page-heading p,.note{color:#88797c}.empty{color:#957b75}.quest{background:#fffdfc}.quest-icon{background:#f1e0da;color:#af5148}.quest p{color:#88777a}.quest small{color:#a18b85}.reward{color:#a64c44}
.pity-status{color:#a1453d}.pity-status small{color:#a07c73}.source-link{color:#b32727}.detail-layout p{color:#817276}.quantity-label input{border-color:#dec8c2}.transaction-preview{background:#f6e7e1;border-color:#e5cbc2;color:#84443b}.guarantee-badge{background:#f1e5f4;color:#835493}
footer{color:#988589}footer b{color:#c6473f}dialog{background:#faf7f5;color:var(--ink);border-color:#dfc5bd}dialog::backdrop{background:#321b23c9}.opening-scene>p,.reveal #reveal-status{color:#9d6c62}.opening-tools .secondary{background:#fffaf8}.paper-pack{filter:drop-shadow(0 25px 20px #6f242b30)}.tear-handle{background:#f3d6ca;color:#6f2a30}.tear-progress{background:#e8d6d0}.tear-progress span{background:#bf4841}.pack-crack{background:#fff3e8;filter:drop-shadow(0 0 12px #ffbc9d)}.pack-light{background:radial-gradient(circle,#fff4e4,#edb1a490 35%,transparent 70%)}
.card-back{background:radial-gradient(circle at center,#b54c4b,#762c33);color:#ffeae2;border:1px solid #cd9990;box-shadow:0 10px 25px #73282d25;position:relative;isolation:isolate;overflow:hidden}.card-back:before{content:'';position:absolute;inset:10px;border:1px solid #f2bdb155;border-radius:7px;pointer-events:none;z-index:-1;background:repeating-linear-gradient(45deg,transparent 0,transparent 14px,#ffe1d408 15px,#ffe1d408 16px)}.card-back:after{content:'';position:absolute;inset:19px;border:1px solid #f2bdb133;border-radius:5px;pointer-events:none}.card-back .emblem-medallion{width:160px;height:160px;display:grid;place-items:center;border-radius:50%;background:#fff;padding:10px;box-shadow:0 0 0 1px #edd6ca,0 0 0 8px #ffd8cb12,0 10px 20px #40121c30}.card-back .emblem-medallion .mcut-emblem{width:140px;height:140px}.card-back span{font-size:16px}.card-back small{color:#f8d9d0}
.flying-card{background:#8c3239;border-color:#ebb9ac}.flying-card .mcut-emblem{width:76px;height:76px;border-radius:50%;background:#fff;padding:4px}.result-label,.card-face>p{color:#9b6257}#toast{background:#852d34;color:#fff1e9}
button:focus-visible,a:focus-visible{outline-color:#d95a47}.reveal .opening-tools,.result-actions{background:#faf7f5}
@media(max-width:600px){.brand-icon .mcut-emblem{width:34px;height:34px}.card-back .emblem-medallion{width:115px;height:115px;padding:7px}.card-back .emblem-medallion .mcut-emblem{width:101px;height:101px}.flying-card .mcut-emblem{width:67px;height:67px}.card-back{min-height:240px}.reveal .opening-tools,.result-actions{background:#faf7f5}}
.prototype-supply{display:flex;align-items:center;gap:12px;margin-top:16px;flex-wrap:wrap}.prototype-supply .text-button{border:1px dashed #d6aaa1;border-radius:6px;padding:9px 12px;color:#a03b34;background:#fffaf8}.prototype-supply .text-button:hover{background:#f5e3dd}.prototype-supply small{font-size:9px;color:#997d77}
/* Real foil pouch artwork shared by the shelf, home and split opening layers. */
.pouch-visual,.foil-pack{background:transparent url('/assets/pack-foil-v3.png') center/100% 100% no-repeat;border:0;box-shadow:none;filter:drop-shadow(8px 15px 10px #5c26262e)}
.foil-pack{height:350px;padding:42px 32px 36px}.foil-pack:after{inset:12% 5%;background:linear-gradient(110deg,transparent 18%,#ffe5df10 38%,transparent 46%);mix-blend-mode:screen}.foil-pack .tear-edge{display:none}.foil-pack .pack-grid{height:125px;background:none}.foil-pack .pack-title{font-size:25px;letter-spacing:2px}.foil-pack .pack-head{font-size:14px}.foil-pack .pack-sub{font-size:5px}.foil-pack .pack-foot{margin-top:12px}.foil-pack .pack-emblem{width:86px;height:86px;background:#fff;padding:5px}.foil-pack .pack-emblem .mcut-emblem{width:76px;height:76px}
.pack-choice{text-align:center}.pack-choice .eyebrow{justify-content:center}.pack-choice h2{font-size:28px;margin:20px 0 12px}.pack-choice>p{font-size:12px;line-height:1.8;color:#96786f}.choice-shelf{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:35px 0 20px;align-items:start}.pack-option{border:0;background:transparent;padding:0;color:#6d3333;text-align:center;transition:transform .3s}.pack-option:hover{transform:translateY(-14px) rotate(-2deg)}.pack-option:focus-visible{outline-offset:7px;border-radius:8px}.pouch-visual{width:100%;aspect-ratio:245/350;position:relative;display:flex;flex-direction:column;align-items:center;padding:21% 12% 18%;color:#fff4ec;gap:10px;transform:rotate(-2deg)}.pouch-v1{transform:rotate(2deg)}.pouch-v2{transform:rotate(-1deg)}.pouch-brand{font-size:12px;font-weight:800;letter-spacing:3px}.pouch-visual>img{width:48%;aspect-ratio:1;object-fit:contain;border-radius:50%;background:#fff;padding:4px;margin:5px 0}.pouch-title{font-size:16px;line-height:1.5;font-weight:750;letter-spacing:2px}.pouch-visual>small{font-size:6px;letter-spacing:1px;margin-top:auto}.choice-number{display:flex;flex-direction:column;gap:6px;font-size:9px;letter-spacing:1px;margin-top:18px;color:#9b7d76}.choice-number b{font-size:11px;color:#a9443c;font-weight:600}.pack-choice .choice-note{font-size:10px;background:#f0e5df;padding:12px;border-radius:7px;display:inline-block}.picked-caption{font-size:11px!important;margin:-15px 0 14px}.opening-controls{display:flex;justify-content:center;gap:25px}
.tear-scene{height:410px;perspective:900px}.paper-pack{height:350px;width:245px;transform:rotate(-3deg);transform-style:preserve-3d;filter:drop-shadow(10px 25px 15px #61282840)}.pack-body{inset:0;top:0;height:350px;width:245px;border:0;background:transparent url('/assets/pack-foil-v3.png') center/245px 350px no-repeat;padding:78px 34px 35px;clip-path:polygon(0 53px,5% 50px,10% 54px,15% 50px,20% 55px,25% 51px,30% 55px,35% 51px,40% 54px,45% 50px,50% 54px,55% 51px,60% 55px,65% 50px,70% 54px,75% 51px,80% 55px,85% 51px,90% 54px,95% 50px,100% 53px,100% 100%,0 100%)}.pack-body .pack-grid{height:112px;background:none;margin:7px 0}.pack-body .pack-head{font-size:13px}.pack-body .pack-head span{font-size:7px}.pack-body .pack-emblem{width:83px;height:83px;padding:5px;background:white}.pack-body .pack-emblem .mcut-emblem{width:73px;height:73px}.pack-body .pack-title{font-size:24px;letter-spacing:2px}.pack-body .pack-sub{font-size:5px;line-height:1.8;letter-spacing:1px}.pack-lid{top:0;left:0;width:245px;height:57px;background:transparent url('/assets/pack-foil-v3.png') top left/245px 350px no-repeat;border:0;padding:0;clip-path:polygon(0 0,100% 0,100% 53px,95% 50px,90% 54px,85% 51px,80% 55px,75% 51px,70% 54px,65% 50px,60% 55px,55% 51px,50% 54px,45% 50px,40% 54px,35% 51px,30% 55px,25% 51px,20% 55px,15% 50px,10% 54px,5% 50px,0 53px);transform-origin:100% 50px;transform:translateY(calc(var(--tear-progress,0)*-8px)) rotate(calc(var(--tear-progress,0)*6deg)) rotateX(calc(var(--tear-progress,0)*-25deg));transition:transform .15s}.pack-lid>span{display:none}.tear-handle{height:38px;top:12px;background:transparent;color:#ffe4d5;font-size:9px;text-shadow:0 1px 4px #411213;transform:none;border:0;box-shadow:none;letter-spacing:1px;transition:none;padding-left:12px}.tear-handle:before{content:'›';position:absolute;top:18px;left:calc(var(--pull,0)*190px - 8px);width:24px;height:24px;background:linear-gradient(135deg,#fff,#cac4c2,#fff);color:#9a3030;border-radius:50%;font-size:22px;line-height:22px;box-shadow:0 2px 5px #48141970;transition:left .15s}.tear-handle.dragging:before{transition:none}.pack-crack{height:3px;top:52px;background:#271014;filter:none;opacity:1;width:calc(var(--tear-progress,0)*100%);clip-path:polygon(0 0,5% 100%,10% 0,15% 100%,20% 0,25% 100%,30% 0,35% 100%,40% 0,45% 100%,50% 0,55% 100%,60% 0,65% 100%,70% 0,75% 100%,80% 0,85% 100%,90% 0,95% 100%,100% 0,100% 100%,0 100%)}.foil-interior{position:absolute;top:43px;left:7px;width:231px;height:22px;z-index:2;background:linear-gradient(0deg,#170a0d,#b7aaa7 40%,#faf5eb 65%,#8b7c79);clip-path:inset(0 calc((1 - var(--tear-progress,0))*100%) 0 0);opacity:calc(var(--tear-progress,0)*.95)}.tear-thread{position:absolute;top:52px;left:0;width:calc(var(--tear-progress,0)*100%);height:1px;background:#fff0d8;z-index:5;opacity:.65}.pack-light{width:240px;height:240px;background:radial-gradient(circle,#fff0d170,transparent 70%)}
.burst .pack-lid{animation:foil-peel 1.9s ease-in-out forwards}.burst .pack-body{animation:foil-body 1.9s ease-in-out forwards}.burst .tear-handle{animation:foil-grip .6s forwards}.burst .pack-crack{animation:foil-mouth 1.9s forwards}.burst .foil-interior{animation:foil-inside 1.9s forwards}.burst .tear-thread{animation:foil-thread .7s forwards}.burst .pack-light{animation:foil-light 1.9s forwards}.burst .flying-card{animation:foil-extract 1.9s ease-in-out forwards;top:115px;z-index:1}.burst .second{animation-delay:.04s}.burst .third{animation-delay:.08s}
@keyframes foil-peel{0%{transform:rotate(5deg) rotateX(-25deg)}25%{transform:translate(-8px,-10px) rotate(15deg) rotateX(-55deg)}50%{transform:translate(-35px,-35px) rotate(32deg) rotateX(-70deg)}75%,100%{transform:translate(-100px,-100px) rotate(60deg) rotateY(25deg);opacity:0}}@keyframes foil-body{0%,30%{transform:rotate(0) scaleX(.98)}55%{transform:translateY(22px) rotate(-3deg) scaleX(.96)}100%{transform:translateY(170px) rotate(-12deg);opacity:0}}@keyframes foil-grip{to{opacity:0;transform:translate(90px,-35px)}}@keyframes foil-mouth{0%,30%{opacity:1;height:4px}55%{height:12px}100%{opacity:0}}@keyframes foil-inside{0%,35%{opacity:1;transform:scaleY(1)}65%{transform:translateY(12px) scaleY(1.5);opacity:1}100%{opacity:0;transform:translateY(100px)}}@keyframes foil-thread{to{transform:translateY(-15px);opacity:0}}@keyframes foil-light{0%,25%{opacity:0}65%{opacity:.6;transform:scale(1.3)}100%{opacity:0;transform:scale(1.6)}}@keyframes foil-extract{0%,35%{opacity:0;transform:translate(0,35px) scale(.9)}50%{opacity:1;transform:translate(0,-20px)}85%,100%{opacity:1;transform:translate(var(--fly-x),-80px) rotate(var(--fly-r))}}
@media(max-width:900px){.choice-shelf{gap:8px}.pouch-title{font-size:13px;letter-spacing:1px}.pouch-brand{font-size:10px}.pouch-visual{gap:6px}.foil-pack{height:310px;padding:37px 28px 30px}.foil-pack .pack-grid{height:99px}.foil-pack .pack-title{font-size:23px}.foil-pack .pack-foot{margin-top:10px}.foil-pack .pack-sub{font-size:5px;letter-spacing:1px}}
@media(max-width:600px){.pack-choice h2{font-size:22px}.pack-choice>p{font-size:11px}.choice-shelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px;margin-top:24px}.choice-shelf .pack-option:last-child{grid-column:1/-1;width:calc(50% - 7px);justify-self:center}.pouch-title{font-size:15px}.pouch-brand{font-size:12px}.pouch-visual{gap:8px}.choice-number{margin-top:8px}.tear-scene{height:395px}.picked-caption{line-height:1.7;margin-top:-12px}.paper-pack{transform:rotate(-2deg)}.foil-pack{height:310px}.foil-pack .pack-emblem{width:80px;height:80px}.foil-pack .pack-emblem .mcut-emblem{width:70px;height:70px}}
@media(prefers-reduced-motion:reduce){.pack-option:hover{transform:none}.pack-lid{transform:none;transition:none}.burst .pack-lid,.burst .pack-body,.burst .foil-interior,.burst .pack-crack,.burst .tear-handle,.burst .flying-card,.burst .pack-light{animation:none!important}.burst .foil-interior{opacity:1}}

/* Keep torn foil inside the stage; narrow, irregular mouth follows the pouch body. */
.tear-scene{overflow:hidden}.pack-crack{clip-path:none;border-radius:40% 15% 30% 15%;border-top:1px solid #d8c3bc;max-height:6px;background:#241015}.foil-interior{top:53px;height:8px;left:14px;width:217px;background:linear-gradient(0deg,#32171b,#867672 35%,#e7d8cc 70%,#9e8b83)}@keyframes foil-body{0%,30%{opacity:1;transform:rotate(0) scaleX(.98)}55%{opacity:1;transform:translateY(22px) rotate(-3deg) scaleX(.96)}100%{transform:translateY(170px) rotate(-12deg);opacity:0}}@keyframes foil-mouth{0%,30%{opacity:1;height:3px;transform:translateY(0)}55%{height:5px;opacity:1;transform:translateY(22px) rotate(-3deg)}100%{opacity:0;transform:translateY(170px) rotate(-12deg)}}@keyframes foil-inside{0%,30%{opacity:1;transform:translateY(0)}55%{opacity:1;transform:translateY(22px) rotate(-3deg)}100%{opacity:0;transform:translateY(170px) rotate(-12deg)}}
@keyframes foil-mouth{0%{opacity:1;height:3px;transform:translateY(0);clip-path:inset(0 100% 0 0)}30%{opacity:1;height:3px;transform:translateY(0);clip-path:inset(0 0 0 0)}55%{height:5px;opacity:1;transform:translateY(22px) rotate(-3deg);clip-path:inset(0 0 0 0)}100%{opacity:0;transform:translateY(170px) rotate(-12deg);clip-path:inset(0 0 0 0)}}@keyframes foil-inside{0%{opacity:1;transform:translateY(0);clip-path:inset(0 100% 0 0)}30%{opacity:1;transform:translateY(0);clip-path:inset(0 0 0 0)}55%{opacity:1;transform:translateY(22px) rotate(-3deg);clip-path:inset(0 0 0 0)}100%{opacity:0;transform:translateY(170px) rotate(-12deg);clip-path:inset(0 0 0 0)}}@keyframes foil-thread{0%{width:0;opacity:.65}70%{width:100%;opacity:.4}100%{width:100%;transform:translateY(-8px);opacity:0}}
/* VOL. 04 — one printed design family, no DOM stickers on the foil. */
.foil-pack,.pouch-visual{background-image:url('/assets/pack-integrated-v4.png')}.foil-pack>*{visibility:hidden}.pouch-visual>*{visibility:hidden}.foil-pack:after{display:none}.pack-body{background-image:url('/assets/pack-integrated-v4.png')}.pack-lid{background-image:url('/assets/pack-integrated-v4.png')}.pack-body>*{visibility:hidden}.paper-pack.mesh-ready .pack-body,.paper-pack.mesh-ready .pack-lid,.paper-pack.mesh-ready .pack-crack,.paper-pack.mesh-ready .foil-interior,.paper-pack.mesh-ready .tear-thread{visibility:hidden}.paper-pack{filter:none;transform:none}.foil-canvas{position:absolute;width:345px;height:440px;left:-50px;top:-36px;z-index:4;pointer-events:none;filter:drop-shadow(5px 12px 10px #38121840)}.tear-scene{height:430px}.paper-pack .tear-handle{z-index:7;color:transparent;text-shadow:none}.paper-pack .tear-handle:before{content:'↗';font-size:15px;line-height:24px;background:#f8e9dacc;color:#933d33;box-shadow:0 1px 5px #48141940;left:calc(var(--pull,0)*180px + 2px);top:17px}.burst .flying-card{animation:printed-extract 2.6s ease-in-out forwards}.burst .second{animation-delay:.06s}.burst .third{animation-delay:.12s}.burst .pack-light{animation:printed-light 2.6s forwards}.opening-controls{margin-top:12px}@keyframes printed-extract{0%,40%{opacity:0;transform:translate(0,28px) scale(.92)}62%{opacity:1;transform:translate(0,-35px)}92%,100%{opacity:1;transform:translate(var(--fly-x),-80px) rotate(var(--fly-r))}}@keyframes printed-light{0%,45%{opacity:0}75%{opacity:.25;transform:scale(1.2)}100%{opacity:0;transform:scale(1.3)}}
/* Laminated ivory/silver printed card stock with ruby ornamentation. */
.card{position:relative;isolation:isolate;background:linear-gradient(125deg,#fffaf0,#eee8dc 42%,#fff8ee 61%,#e2dbd0);border:1px solid #b8a391;box-shadow:inset 0 0 0 3px #fff4df,inset 0 0 0 4px #cab499,0 7px 18px #56382b12;border-radius:9px;padding:16px}.card:before{content:'';position:absolute;inset:7px;border:1px solid #bc92744a;border-radius:4px;pointer-events:none;z-index:-1}.card:after{content:'';position:absolute;inset:0;border-radius:9px;background:linear-gradient(115deg,transparent 25%,#ffffff44 36%,transparent 50%,#e6d2b112 70%);pointer-events:none;mix-blend-mode:soft-light}.card-top{color:#78685a;position:relative;padding:0 1px}.card-top span:first-child{font-weight:800;font-size:9px}.card-copy small{color:#8d7664}.card-copy h3{font-family:'Microsoft JhengHei',sans-serif;letter-spacing:.3px;color:#4b322d;font-size:16px}.card-copy p{color:#79685b;font-size:10px;line-height:1.8}.card-bottom{border-color:#ccb9a344;color:#8e6e56}.card-detail-link{color:#8c3b32}.card-operations button{border-color:#cdb69b;background:#fff5e5;color:#8d533d}.card-bottom button{background:#ead8bf;border-color:#c6aa8d;color:#7d4a36}.r1.card{border-color:#9aafb2}.r2.card{border-color:#b2a0b9}.r3.card{border-color:#bd944e;box-shadow:inset 0 0 0 3px #fff0cc,inset 0 0 0 4px #cfa458,0 8px 22px #a8792425}.art{height:165px;background:#b7a897!important;border:1px solid #c2aa90;border-radius:5px;margin-top:12px;overflow:hidden}.art .orbit,.art .art-tag{display:none}.card-symbol{position:absolute;inset:0;width:100%;height:100%}.service-illustration{width:100%;height:100%;filter:none;background-image:url('/assets/service-atlas-v4.png');background-repeat:no-repeat;background-size:400% 500%;border:0}.locked .art{filter:grayscale(.9);opacity:.48}.locked .service-illustration{opacity:1}.detail-layout>.card .art{height:180px}.reveal .art{height:180px}.source-art-note{padding-top:6px;font-size:11px;color:#9a8067}
.card-back{background:#7e3137 url('/assets/card-back-v4.png') center/100% 100%;border:1px solid #bea28d;border-radius:9px;box-shadow:inset 0 0 0 2px #d5b999,0 8px 23px #4a202a22}.card-back>span,.card-back>.emblem-medallion{opacity:0;box-shadow:none}.card-back:before,.card-back:after{display:none}.card-back>small{padding:6px 10px;position:absolute;bottom:15px;background:#642329bb;color:#f9e8cd;border-radius:20px;font-size:9px}.flying-card{background:#7d3037 url('/assets/card-back-v4.png') center/100% 100%;border-color:#c6a783}.flying-card>.mcut-emblem{visibility:hidden}
@media(max-width:600px){.tear-scene{height:415px}.card{padding:12px}.card h3{font-size:13px;min-height:38px}.art{height:120px}.reveal .art{height:150px}.card-copy p{font-size:9px}.pouch-visual{aspect-ratio:245/350}.card-back{min-height:330px}.card-back>.emblem-medallion{width:150px;height:150px}.card-back>small{bottom:12px}.foil-canvas{filter:drop-shadow(2px 8px 7px #38121835)}}
@media(prefers-reduced-motion:reduce){.burst .flying-card,.burst .pack-light{animation:none!important}.foil-canvas{filter:none}}

/* Keep the circular emblem undistorted at every card size. */
.card-back{aspect-ratio:2/3;min-height:0;height:auto;background-size:cover}.flying-card{background-size:cover}

/* Proportional card backs and unmodified white-ground school identity. */
.reveal-grid{grid-template-columns:repeat(3,minmax(0,260px));justify-content:center;align-items:start;gap:28px}.reveal-slot{display:flex;flex-direction:column;align-items:center}.card-back{width:100%;height:390px;aspect-ratio:auto;min-height:390px;max-width:260px;padding:28px 18px;background:radial-gradient(ellipse at 30% 15%,#ac4340,#732a31 70%);justify-content:center;gap:35px}.card-back:hover{transform:none;box-shadow:0 10px 25px #73282d35,inset 0 0 0 2px #d5b999}.card-back:before,.card-back:after{display:block;position:absolute;inset:12px;content:'';border:1px solid #d2b797;border-radius:4px;z-index:-1;background:none}.card-back:after{inset:18px;border-color:#d2b79755}.card-back>span,.card-back>.emblem-medallion{opacity:1}.card-back>.emblem-medallion{width:166px;height:166px;padding:7px;background:white;box-shadow:0 0 0 1px #d7c2a8,0 0 0 5px #d7c2a822}.card-back .emblem-medallion .mcut-emblem{width:152px;height:152px;object-fit:contain}.card-back>small{bottom:24px}.flying-card{background:linear-gradient(135deg,#a9403c,#732a31)}.flying-card>.mcut-emblem{visibility:visible;background:white;width:76px;height:76px;object-fit:contain;padding:4px;border-radius:50%}
.service-illustration{background-image:none!important;position:relative;display:grid;place-items:center;background:#f6f1e9;height:100%;width:100%;padding:14px 14px 27px}.official-art img{width:100%;height:100%;min-height:0;object-fit:contain;filter:none}.concept-art svg{width:100%;height:100%;max-width:128px;color:#8d3637}.art-provenance{position:absolute;bottom:5px;left:0;right:0;font-size:9px;color:#806b5d;text-align:center;letter-spacing:1px}
@media(max-width:600px){.reveal-grid{grid-template-columns:1fr;gap:20px}.card-back{width:230px;max-width:230px;height:345px;min-height:345px}.card-back>.emblem-medallion{width:150px;height:150px}.card-back .emblem-medallion .mcut-emblem{width:136px;height:136px}}

.pack-carousel{height:330px;perspective:950px;overflow:hidden;position:relative;margin:20px 0}.pack-carousel .choice-shelf{display:block;position:absolute;top:42px;left:50%;width:120px;height:210px;margin:0 0 0 -60px;transform-style:preserve-3d}.pack-carousel .pack-option{position:absolute;width:120px;left:0;top:0;transform:rotateY(calc(var(--slot)*30deg)) translateZ(260px);backface-visibility:hidden}.pack-carousel .pack-option:hover{filter:brightness(1.08);transform:rotateY(calc(var(--slot)*30deg)) translateZ(270px)}.pack-carousel .pack-option:disabled{opacity:1}.pack-carousel .pouch-visual{transform:none}.wheel-controls{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.pack-carousel .choice-number{color:#692c32;font-weight:700}.pack-carousel .pack-option:last-child{width:120px}.pack-carousel:after{content:'▼';position:absolute;top:6px;left:calc(50% - 7px);color:#a13a37;font-size:23px}@media(max-width:600px){.pack-carousel{height:295px;perspective:700px}.pack-carousel .choice-shelf{width:95px;margin-left:-47.5px}.pack-carousel .pack-option,.pack-carousel .pack-option:last-child{width:95px;transform:rotateY(calc(var(--slot)*30deg)) translateZ(200px)}.pack-carousel .pack-option:hover{transform:rotateY(calc(var(--slot)*30deg)) translateZ(205px)}}

.foil-pack,.pouch-visual,.pack-body,.pack-lid{background-image:url('/assets/pack-white-logo-v6.png')}.service-illustration.redrawn-art{background:#f6f1e9 url('/assets/service-atlas-v6.png') no-repeat!important;background-size:400% 500%!important;padding:0}.redrawn-art .art-provenance{left:auto;right:4px;bottom:4px;padding:3px 6px;background:#fcf7efdd;border-radius:4px;color:#6b5148;font-size:8px}.art:has(.redrawn-art){background:none}

.service-illustration.redrawn-art{background-position:var(--art-position)!important}

.service-illustration.redrawn-art{background-image:none!important;display:block;overflow:hidden}.service-scene{display:block;width:100%;height:100%;overflow:hidden}

.discovery-label{align-self:flex-end;border-radius:5px;padding:6px 10px;background:#eee3db;color:#715551;font-size:11px;margin-bottom:8px;text-align:right}.first-discovery .discovery-label{background:#f4e4b6;color:#794c12;font-weight:800}.flipped .first-discovery .card{animation:new-glint .8s ease-out}.card-face{width:100%}@keyframes new-glint{0%{box-shadow:0 0 25px #efc971}100%{box-shadow:0 4px 12px #4a202a15}}@media(prefers-reduced-motion:reduce){.flipped .first-discovery .card{animation:short-fade .1s!important}}

.custom-art img{width:100%;height:100%;object-fit:contain}.custom-art{background:#f7f1e9!important}footer a{color:#8f3d3b}
#opening:has(.reveal){height:min(900px,calc(100dvh - 28px));max-height:calc(100dvh - 28px);overflow:hidden;padding:24px}
#opening .reveal{display:flex;flex-direction:column;height:100%;min-height:0}
#opening .reveal-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:0 12px 20px;scrollbar-gutter:stable}
#opening .result-actions{position:relative;bottom:auto;flex:0 0 auto;margin:0;padding:14px 8px 0;border-top:1px solid #e3d2c8;background:#faf7f5;z-index:4}
#opening .reveal-scroll .opening-tools{top:0}
@media(max-width:600px){#opening:has(.reveal){padding:12px;height:calc(100dvh - 24px);max-height:calc(100dvh - 24px)}#opening .reveal-scroll{padding:0 6px 16px}#opening .result-actions{padding:12px 0 max(2px,env(safe-area-inset-bottom))}#opening .result-actions button{padding:13px 16px}}
.pack-carousel{touch-action:pan-y;cursor:grab}
.pack-carousel:active{cursor:grabbing}
.pack-carousel.numbers-hidden .choice-number{visibility:hidden}
.wheel-controls{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.pack-carousel{user-select:none;-webkit-user-select:none}
.pack-carousel img{-webkit-user-drag:none}
nav [data-page="missions"] i[hidden]{display:none}
.service-illustration.redrawn-art{background:#f6f1e9!important}
#save-banner{margin:12px auto;max-width:1180px;padding:14px 20px;background:#f3e6dc;border:1px solid #cbb3a0;border-radius:12px;color:#792034}#save-banner[hidden]{display:none}.save-actions{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.save-actions label{display:flex;align-items:center;gap:8px}.save-actions input{max-width:210px}#save-manager pre{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}#save-manager,#save-problem{max-width:min(650px,94vw)}header nav{flex-wrap:wrap}header nav button{white-space:nowrap}
.collection-options{display:flex;gap:16px;flex-wrap:wrap;margin:16px 0}.collection-options label{display:flex;align-items:center;gap:10px}.collection-options select{padding:10px;border:1px solid #d7c4b7;border-radius:10px;background:#fffaf5;color:#694d49}.star-inventory{display:grid;gap:8px;padding:10px 0;font-size:12px}.star-inventory>div{display:flex;align-items:center;justify-content:space-between;gap:6px}.star-inventory button{padding:5px 8px;border:1px solid #d7c4b7;border-radius:8px;background:#fffaf5;color:#794a49;font:inherit}.star-inventory button[aria-pressed=true]{background:#ead5bb;color:#6a302a}#high-star-warning{display:flex;gap:10px;padding:16px;background:#f7e4cf;border-radius:10px;color:#882f30}#high-star-warning[hidden]{display:none}@media(max-width:600px){.collection-options{display:grid;grid-template-columns:1fr;gap:10px}.collection-options label{justify-content:space-between}.collection-options select{width:65%}.filters{gap:8px!important}.filters button{padding:10px 13px!important}}
.achievement-filters{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0 28px}.achievement-filters .selected{background:#a32132;color:white;border-color:#a32132}.quest small{display:block;margin-top:5px}
@media(max-width:900px){header nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;height:auto;gap:0;order:3}header nav button{height:44px;padding:0 3px;font-size:11px}header{padding-bottom:0}}.star-inventory button{min-height:34px}
nav i[hidden]{display:none}
.card-top-actions{display:flex;align-items:center;gap:8px}.card-lock{display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid #d7c4b7;border-radius:9px;background:#fffaf5;font-size:18px;line-height:1;letter-spacing:0}.card-lock[aria-pressed=true]{background:#ead5bb;border-color:#b48b63}.card-lock:hover:enabled{background:#f0ddc8}