/* Shared customer-facing layer. No framework, no image filters or per-cell animations. */
body[data-coop-page]{--txt:#4a2a5e;--muted:#795889;--purple-d:#813aa1;--line:#ead8f1;--serif:ui-rounded,"PingFang TC","Microsoft JhengHei",sans-serif;--accent:"Fredoka",ui-rounded,system-ui,sans-serif;background:#fcf8fe;color:var(--txt);line-height:1.65;font-family:ui-rounded,"PingFang TC","Microsoft JhengHei",system-ui,sans-serif}
[data-coop-page] *,[data-coop-page] *::before,[data-coop-page] *::after{box-sizing:border-box}
[data-coop-page] .hidden{display:none!important}
[data-coop-page] button,[data-coop-page] input,[data-coop-page] select{font:inherit}
[data-coop-page] button,[data-coop-page] a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
[data-coop-page] :focus-visible{outline:3px solid #713698;outline-offset:4px}
[data-coop-page] input:not([type=checkbox]):not([type=radio]),[data-coop-page] select,[data-coop-page] textarea{font-size:16px;min-height:46px;border-radius:14px;max-width:100%}
[data-coop-page] input[type=checkbox]{min-width:20px;min-height:20px;accent-color:#873aa8}
[data-coop-page] .topbar{background:#fffcff;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:1px solid var(--line);z-index:40}
[data-coop-page] .topbar .topbar-inner,[data-coop-page] .topbar .top-inner{width:100%;max-width:1120px;margin:auto;min-height:76px;padding:12px 24px;gap:16px}
[data-coop-page] .tbrand,[data-coop-page] .brand{font-size:17px;font-weight:900;letter-spacing:.03em;white-space:nowrap}
[data-coop-page] .tbrand img,[data-coop-page] .brand img{width:42px;height:42px}
[data-coop-page] .tlinks,[data-coop-page] .links,[data-coop-page] .top-links{gap:6px}
[data-coop-page] .coop-unified-header .topbar-inner{display:flex;align-items:center;flex-wrap:wrap}
.coop-header-links{display:flex;align-items:center;gap:6px;margin-left:10px}
.coop-member-bar{display:flex;align-items:center;gap:6px;margin-left:auto;white-space:nowrap}
.coop-account-info,.coop-account-login,.coop-account-action,.coop-account-loading{display:inline-flex;align-items:center;min-height:42px;border-radius:999px;padding:0 13px;border:1px solid #dfc6eb;background:#f5e9fb;color:#63317b;text-decoration:none;font-size:13px;font-weight:800}
.coop-account-info{gap:7px}.coop-account-info strong{font-weight:900}.coop-account-points{padding-left:8px;border-left:1px solid #d9bde6}.coop-name-edit{display:inline-grid;place-items:center;width:28px;height:28px;min-height:28px;padding:0;border:0;border-radius:50%;background:#fff;color:#783b92;cursor:pointer;font-size:16px;font-weight:900}.coop-name-edit:hover{background:#ead8f4}.coop-account-action{cursor:pointer;background:#fff}.coop-account-action:hover,.coop-account-login:hover{background:#eee0f8}.coop-logout{border-color:#f1bfd3;color:#9b3864}.coop-account-loading{color:#856b92;font-weight:700}
.coop-line-app .coop-logout,.coop-line-app .member-logout{display:none!important}
.coop-notifications{position:relative}.coop-notifications>summary{list-style:none}.coop-notifications>summary::-webkit-details-marker{display:none}.coop-notification-button{display:flex;align-items:center;gap:4px;min-width:42px;min-height:42px;padding:0 10px;border:1px solid #dfc6eb;border-radius:999px;background:#fff;cursor:pointer}.coop-notification-badge{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#d44982;color:#fff;font-size:11px;font-weight:900}.coop-notification-panel{position:absolute;right:0;top:calc(100% + 10px);z-index:80;width:min(360px,calc(100vw - 28px));padding:14px;border:1px solid #dfc8e9;border-radius:18px;background:#fff;box-shadow:0 16px 42px #3515422e;white-space:normal}.coop-notification-title{display:block;padding:3px 5px 10px}.coop-notification-item{display:grid;grid-template-columns:24px 1fr;gap:7px;padding:11px 8px;border-top:1px solid #f0e4f5;color:#6b3b7e;text-decoration:none;font-size:12px;line-height:1.6}.coop-notification-item.unread{background:#fbf1ff;font-weight:800}.coop-notification-item:hover{background:#f6ebfb}
.coop-profile-mask{position:fixed;inset:0;z-index:140;display:grid;place-items:center;padding:20px;background:#321b43c9}
.coop-profile-card{width:min(100%,430px);padding:28px;border-radius:26px;background:#fff;box-shadow:0 24px 80px #1c0f2866}
.coop-profile-card h2{margin:0 0 8px;font-size:25px}.coop-profile-card p{margin:0 0 18px;color:#795889;font-size:14px}.coop-profile-card label{display:block;margin-bottom:7px;font-weight:900}.coop-profile-card input{width:100%;border:1px solid #dcbfe9;padding:12px 14px;color:#4a2a5e;background:#fff}.coop-profile-card .coop-profile-error{min-height:22px;margin:7px 0 0;color:#d34670;font-weight:700}.coop-profile-actions{display:flex;gap:10px;margin-top:16px}.coop-profile-actions button{flex:1;min-height:46px;border-radius:14px;font-weight:900;cursor:pointer}.coop-profile-cancel{border:1px solid #dac1e6;background:#fff;color:#6e3b83}.coop-profile-save{border:0;background:linear-gradient(110deg,#8543ac,#bd4e9b);color:#fff}
.coop-phone-card{border-top:7px solid #e9b84f}.coop-profile-card .coop-phone-hint{margin:12px 0 0;padding:12px;border-radius:14px;background:#fff7df;color:#775929;font-size:12px;line-height:1.7}.coop-phone-card .coop-profile-actions{align-items:stretch}.coop-phone-card .coop-profile-actions button{white-space:normal;line-height:1.35}
[data-coop-page] .tpill,[data-coop-page] .pill{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:42px;padding:0 13px;border:1px solid #dfc6eb;border-radius:999px;background:#fff;color:#6d3a82;text-decoration:none;white-space:nowrap;cursor:pointer;margin:0;font-family:inherit;font-size:13px;font-weight:800;line-height:1.2;box-shadow:none;transition:background .15s,transform .15s}
[data-coop-page] .pill.here,[data-coop-page] .tpill.here,[data-coop-page] .coop-current{opacity:1;background:#eee0f8;color:#66317d;border-color:#d8b7e9}
[data-coop-page] .btn{font-family:inherit;border-radius:16px;min-height:48px;font-size:15px;font-weight:800;line-height:1.5;text-align:center;box-shadow:none;transition:transform .15s,background .15s}
[data-coop-page] .btn.gold{background:linear-gradient(110deg,#8543ac,#bd4e9b);box-shadow:0 4px 0 #673484,0 7px 16px #9a5aac1c;color:white;border:0}
[data-coop-page] .btn.outline,[data-coop-page] .btn.ghost{border:1px solid #d7b8e5;background:#fff;color:#74408b}
[data-coop-page] button:disabled{cursor:not-allowed}
[data-coop-page] .btn:disabled{box-shadow:none}
[data-coop-page] .card{border:1px solid var(--line);border-radius:24px;padding:26px;background:#fff;box-shadow:0 6px 24px #69348008}
[data-coop-page] .card h2{font-size:22px}
[data-coop-page] .card p{font-size:15px;color:var(--muted)}
[data-coop-page] .wrap{max-width:1080px;padding:28px 24px 48px}
[data-coop-page] .hero{padding:32px 24px;background:linear-gradient(120deg,#f2e3fb,#ffedf6 65%,#fff4e2);border-bottom:1px solid var(--line)}
[data-coop-page] .hero h1{font-size:clamp(28px,4vw,38px);font-family:var(--serif);letter-spacing:.02em;line-height:1.3}
[data-coop-page] .topbanner{padding:32px 20px;background:linear-gradient(120deg,#f2e3fb,#ffedf6 65%,#fff4e2);border-bottom:1px solid #ead8f1;text-align:center}
[data-coop-page] .topbanner h1{font-size:clamp(26px,4vw,34px);font-family:var(--serif);line-height:1.4;margin:0 0 8px}
[data-coop-page] .topbanner .sub{font-size:14px;color:#785289}
[data-coop-page] .hero .sub,[data-coop-page] .hero p{font-size:16px;color:#795389;line-height:1.8}
[data-coop-page] .hero-badge{width:88px;height:88px;box-shadow:0 4px 0 #debee8;border:4px solid #fff}
[data-coop-page] .foot,[data-coop-page] footer{font-size:13px;line-height:1.9;color:#795389}
[data-coop-page] .empty{padding:36px 20px;font-size:15px;background:#faf5fd;border:1px dashed #d9b9e8;border-radius:20px;color:#795389}
[data-coop-page] .confetti span,[data-coop-page] .bey,[data-coop-page] .bey-wrap,[data-coop-page] .burst{animation:none}
.coop-kicker{font-size:14px;font-weight:800;letter-spacing:.08em;color:#864294;margin-bottom:16px}
.coop-section-note{font-size:14px;color:#795889;margin:6px 0 22px}
.coop-bottom-nav{display:none}
.coop-help{position:fixed;bottom:24px;right:24px;z-index:42;max-width:calc(100vw - 32px);font-size:14px}
.coop-help>summary{list-style:none;cursor:pointer;padding:12px 18px;border:1px solid #d9bce7;border-radius:99px;background:#fff;color:#693380;box-shadow:0 4px 18px #67357c14;font-weight:800;min-height:44px}
.coop-help>summary::-webkit-details-marker{display:none}
.coop-help[open]>summary{background:#f1e4f9}
.coop-help-panel{position:absolute;bottom:58px;right:0;width:300px;max-width:calc(100vw - 32px);padding:22px;border:1px solid #decae9;border-radius:22px;background:#fff;box-shadow:0 12px 32px #4d236020;line-height:1.7}
.coop-help-panel h2{font-size:18px;margin:0 0 12px}
.coop-help-panel p{margin:12px 0;color:#745882;font-size:13px}
.coop-help-panel a{display:block;padding:10px 0;color:#763996;font-weight:700;overflow-wrap:anywhere}
.coop-register-jump{display:inline-flex;align-items:center;min-height:46px;padding:10px 16px;margin-top:18px;border-radius:14px;background:#efe1f9;color:#6c3588;text-decoration:none;font-weight:800;font-size:14px}
/* Home: an inviting storefront, with real content and three obvious paths. */
[data-coop-page=home] #heroBg{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:38px;max-width:1120px;margin:26px auto 0;padding:40px;border-radius:32px;background:linear-gradient(125deg,#f1e2fa,#fff0f4 64%,#fff4df);min-height:0;text-align:left;overflow:visible;border:1px solid #eddaef}
[data-coop-page=home] #heroBg::before,[data-coop-page=home] #heroBg::after,[data-coop-page=home] #heroBg>.bey-wrap{display:none}
[data-coop-page=home] .hero-inner{padding:0;position:relative;max-width:none;text-align:left;z-index:1}
[data-coop-page=home] .hero-badge{width:64px;height:64px;margin:0 0 16px;display:block}
[data-coop-page=home] .hero h1{font-size:clamp(30px,3.2vw,44px);line-height:1.35;margin:0 0 16px;color:#4a2a5e;text-shadow:none;letter-spacing:0}
[data-coop-page=home] .hero h1 .g{background:none;-webkit-text-fill-color:initial;color:#9a479c}
[data-coop-page=home] .hero p{max-width:none;margin:0;font-weight:500;text-shadow:none}
[data-coop-page=home] .hero-ctas{display:flex;justify-content:flex-start;gap:12px;margin-top:22px;flex-wrap:wrap}
[data-coop-page=home] .hero-ctas .btn{width:auto;margin:0;padding:13px 20px;min-width:150px}
.coop-scene{position:relative;margin:0;padding:10px 10px 0;transform:rotate(2deg);border:1px solid #e1c5e9;border-radius:28px;background:#fff;box-shadow:0 9px 0 #e7d0ee}
.coop-scene img{display:block;width:100%;height:auto;aspect-ratio:1.15;object-fit:cover;border-radius:20px;background:#f2dff9}
.coop-scene figcaption{text-align:center;font-size:15px;font-weight:800;color:#805194;padding:12px 6px}
.coop-sticker{position:absolute;right:-17px;top:-20px;display:grid;place-content:center;text-align:center;width:85px;height:85px;background:#ffdf83;color:#84510b;border:4px solid #fff6da;border-radius:30px;transform:rotate(12deg);font-size:15px;font-weight:900;line-height:1.5;box-shadow:0 4px 0 #e8bb60}
.coop-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:1120px;padding:0;margin:24px auto 0}
.coop-paths>a{display:flex;align-items:center;gap:13px;min-width:0;padding:20px;border:1px solid #e9d6f0;border-radius:22px;background:#fff;color:#542e6b;text-decoration:none;box-shadow:0 4px 0 #f1e7f7}
.coop-paths>a>span:last-child{margin-left:auto;color:#9670a7;font-size:23px}
.coop-paths b{display:block;font-size:17px}
.coop-paths small{display:block;font-size:12px;color:#7e5d8e;margin-top:4px}
.coop-path-icon{display:grid;place-items:center;flex:none;width:48px;height:48px;background:#f4e6fc;border-radius:17px;font-size:25px}
.coop-paths>a:nth-child(2) .coop-path-icon{background:#fff0d3}
.coop-paths>a:nth-child(3) .coop-path-icon{background:#ffe6ef}
[data-coop-page=home] section{padding:56px 0}
[data-coop-page=home] section>.wrap{padding:0 24px;max-width:1168px}
[data-coop-page=home] .wave,[data-coop-page=home] .confetti-field{display:none}
[data-coop-page=home] .sect-title{font-family:var(--serif);font-size:30px;line-height:1.3;margin:10px 0 12px;text-align:left;letter-spacing:.02em}
[data-coop-page=home] .sect-sub{font-size:15px;max-width:760px;text-align:left;margin:0 0 28px;color:#795889}
[data-coop-page=home] .eyebrow-row{justify-content:flex-start}
[data-coop-page=home] .eyebrow{font-size:11px;color:#9257a6;letter-spacing:.16em}
[data-coop-page=home] .burst{display:none}
[data-coop-page=home] .event-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
[data-coop-page=home] .event-card{border:1px solid #e7d3ef;border-radius:22px;overflow:hidden;box-shadow:0 5px 0 #eee0f4;background:white}
[data-coop-page=home] .event-banner{border:1px solid #e7d3ef;border-radius:22px;overflow:hidden;box-shadow:0 5px 0 #eee0f4;background:white}
[data-coop-page=home] .event-banner .banner-pic{aspect-ratio:4/5;border:0;border-radius:0;box-shadow:none}
[data-coop-page=home] .event-banner .banner-pic img{object-fit:contain}
[data-coop-page=home] .event-banner:hover .banner-pic{transform:none;box-shadow:none}
[data-coop-page=home] .event-banner .event-cta{border-radius:0;margin:auto 0 0;background:#f3e4fa;color:#773791}
[data-coop-page=home] .event-card .banner-pic{height:auto;aspect-ratio:4/5;object-fit:contain;background:#f8f0fc}
[data-coop-page=home] .event-cta{min-height:48px;font-size:14px;letter-spacing:.03em}
[data-coop-page=home] .prize-grid{gap:20px}
[data-coop-page=home] .prize-card{border-radius:22px;border:1px solid #e5cdec;overflow:hidden;background:#fff}
[data-coop-page=home] .prize-card img{object-fit:contain;background:#fff}
[data-coop-page=home] .rules-panel{border-radius:24px;box-shadow:none}
[data-coop-page=home] .rules-sub{color:#795889}
[data-coop-page=home] .reveal{opacity:1!important;transform:none!important;transition:none!important}
/* Shared account / registration surfaces. No changes to forms or identifiers. */
[data-coop-page=points] .wrap,[data-coop-page=history] .wrap,[data-coop-page=profile] .wrap{max-width:850px}
[data-coop-page=points] .grid{gap:20px}
[data-coop-page=points] .prize img{object-fit:contain}
[data-coop-page=warehouse] .cols{gap:24px}
[data-coop-page=warehouse] .primary,[data-coop-page=warehouse] .ghost{min-height:46px;cursor:pointer}
[data-coop-page=warehouse] .hero{max-width:none;padding-left:max(24px,calc((100% - 1032px)/2));padding-right:max(24px,calc((100% - 1032px)/2))}
[data-coop-page=warehouse] .hero>div{font-size:11px;letter-spacing:.14em;color:#87539a;font-weight:800}
[data-coop-page=warehouse] .item img{background:#fff;object-fit:contain;border-radius:14px}
[data-coop-page=warehouse] .items>.empty{grid-column:1/-1;line-height:1.9}
[data-coop-page=register] .wrap{max-width:1080px}
[data-coop-page=register] .topbar{padding:0}
[data-coop-page=register] #fHeadline{font-size:clamp(23px,3vw,32px);line-height:1.5}
[data-coop-page=register] .intro-body{font-size:15px;line-height:1.95;color:#644b74}
[data-coop-page=register] .top-row{gap:20px}
[data-coop-page=register] #stepPhone,[data-coop-page=register] #stepNames{scroll-margin-top:90px}
[data-coop-page=register] .poster-col img{border-radius:20px}
[data-coop-page=policy] main,[data-coop-page=policy] .wrap{max-width:820px}
/* Scratch inventory: a toy tray, not tiny numbered controls. */
[data-coop-page=scratch] .wrap{max-width:1100px}
[data-coop-page=scratch] .hero{padding:24px}
[data-coop-page=scratch] .hero-badge{width:70px;height:70px;margin-bottom:8px}
[data-coop-page=scratch] .sect{font-size:22px;letter-spacing:.04em;font-family:var(--serif);font-weight:900;margin:4px 0}
[data-coop-page=scratch] .evgrid{display:block}
[data-coop-page=scratch] .evcard{display:flex;flex-direction:column;align-items:stretch;text-align:left;padding:16px;border:1px solid #e4c9ef;border-radius:26px;background:#fff;box-shadow:0 5px 0 #eadcf1;min-width:0;color:#512f66;font-family:inherit}
.scratch-wallet-pill{display:block;margin-left:auto;flex-shrink:0;max-width:230px;padding:10px 14px;border-radius:16px;background:#f5e9ff;color:#673b83;font-size:13px;font-weight:800;text-decoration:none}
.evcategory{margin:30px 0 40px}.evcategory h2{font-size:24px;margin-bottom:8px}
.evcategory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.evcategory-grid .evcard.prize-photos-2{grid-column:span 2}
.evcategory-grid .evcard.prize-photos-3{grid-column:span 3}
.evcategory-grid .evcard.prize-photos-4{grid-column:1/-1}
.evstock{display:flex;flex-direction:column;gap:4px;margin-top:16px}.evstock strong{font-size:22px}.evstock span,.evallowance{font-size:13px;color:#856399;line-height:1.6}
.scratch-category-nav{margin:24px 0 18px;padding:8px;border:1px solid #e4c9ef;border-radius:24px;background:#fff;box-shadow:0 5px 0 #eadcf1}
.scratch-category-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
[data-coop-page=scratch] .scratch-category-tab{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;min-width:0;min-height:44px;padding:8px;border:2px solid transparent;border-radius:18px;background:#faf5fd;color:#795889;font:800 15px/1.5 var(--serif);cursor:pointer;transition:border-color .18s,box-shadow .18s}
[data-coop-page=scratch] .scratch-category-tab[aria-selected=true]{border-color:#e1a22d;outline:2px solid #da9629;outline-offset:2px;background:linear-gradient(145deg,#fff5d9,#f5e8ff);color:#662680;box-shadow:0 4px 12px #9046a52b}
.scratch-category-art{position:relative;display:block;width:100%;max-width:200px;aspect-ratio:1;border-radius:16px;overflow:hidden;background:linear-gradient(135deg,#ecd3ff,#e9c16d)}
.scratch-category-image{display:block;width:100%;height:100%;object-fit:contain;border-radius:inherit}
.scratch-category-count{position:absolute;top:7%;right:7%;display:inline-flex;align-items:baseline;justify-content:center;gap:3px;max-width:86%;padding:4px 8px;border:1px solid #e7b55c;border-radius:999px;background:#fffcf4;color:#642677;box-shadow:0 2px 6px #5a29734a;white-space:nowrap}
.scratch-category-count strong{font:800 22px/1.2 var(--accent);font-variant-numeric:tabular-nums}.scratch-category-count>span{font-size:11px;font-weight:800}
.scratch-category-tab[aria-selected=true] .scratch-category-count{background:#fff0c2;color:#642677;border-color:#bc8118}
.scratch-category-label{display:grid;place-items:center;flex:1;min-height:1.5em;text-wrap:balance;overflow-wrap:anywhere}
.scratch-category-art.image-unavailable::before{content:'✦';display:grid;place-items:center;height:100%;color:#793590;font-size:40px}
.scratch-category-art.image-unavailable .scratch-category-image{display:none}
.scratch-category-tab:focus-visible{outline:3px solid #da9629;outline-offset:3px}
.scratch-list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0 2px 4px;color:#795889;font-size:13px}
.scratch-list-toolbar p{margin:0;font-weight:800}.scratch-sort-label{padding:6px 10px;border-radius:999px;background:#efe2f6;color:#764386;font-size:12px;font-weight:800}
#evGrid>.evcategory:first-child{margin-top:18px}.scratch-category-empty{grid-column:1/-1;padding:32px 18px;border:1px dashed #dcbde9;border-radius:22px;background:#fff;color:#795889}
.scratch-archive{padding:18px;border:1px solid #e4c9ef;border-radius:22px;background:#fff9fd}.scratch-archive>summary{font-size:17px;font-weight:900;cursor:pointer;color:#795889}.scratch-archive[open]>summary{margin-bottom:14px}
[data-coop-page=scratch] .evstock{margin-top:14px;padding:12px;border:2px solid #edc56a;border-radius:18px;background:linear-gradient(135deg,#fff7da,#fff1c7);color:#844e11;box-shadow:0 3px 0 #f3dfa2}
[data-coop-page=scratch] .evstock small{font-size:12px;font-weight:800;letter-spacing:.06em}
[data-coop-page=scratch] .evstock strong{font:900 30px/1.3 var(--accent);font-variant-numeric:tabular-nums;white-space:nowrap;color:#844e11}
[data-coop-page=scratch] .evstock span{font-size:12px;color:#866c3e}
[data-coop-page=scratch] .evstock.low-stock{border-color:#e9a063;background:linear-gradient(135deg,#fff1de,#ffe4d6);box-shadow:0 3px 0 #f3cfb4;color:#a64e17}
.evratio{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 8px;margin-top:12px;padding:10px 2px;color:#79408d;font-size:12px;font-weight:800}
.evratio strong{font:800 23px/1.2 var(--accent);font-variant-numeric:tabular-nums}.evratio small{flex-basis:100%;font-size:11px;color:#856399;font-weight:500}
.evcard .evratio-note{font-size:11px;color:#856399;line-height:1.6;margin:0 0 6px}
@media(max-width:700px){.scratch-category-nav{padding:5px;border-radius:20px}.scratch-category-tabs{gap:4px}[data-coop-page=scratch] .scratch-category-tab{padding:4px 2px;gap:6px;border-radius:12px;font-size:12px;line-height:1.5}.scratch-category-art{border-radius:10px}.scratch-category-label{min-height:3em}.scratch-category-count{padding:2px 4px;gap:2px}.scratch-category-count strong{font-size:14px}.scratch-category-count>span{font-size:9px}.scratch-category-count.large-count strong{font-size:10px}.scratch-category-count.large-count{padding-inline:3px;gap:1px}.scratch-list-toolbar{font-size:12px;gap:6px}.scratch-sort-label{font-size:11px}[data-coop-page=scratch] .evstock{padding:10px 8px;border-radius:14px}[data-coop-page=scratch] .evstock strong{font-size:26px}.evratio{gap:4px}.evratio strong{font-size:21px}}
@media(max-width:360px){[data-coop-page=scratch] .scratch-category-tab{padding-inline:1px;font-size:11px}.scratch-category-count strong{font-size:12px}.scratch-category-count>span{font-size:8px}}
@media(prefers-reduced-motion:reduce){.scratch-category-tab{transition:none}}
.evprice{font-size:24px;font-weight:900;color:#a1661f;margin-top:10px}.evallowance{margin:6px 0}
[data-coop-page=scratch] .evcategory-grid .evcover{height:150px;margin-bottom:14px}
[data-coop-page=scratch] .evcategory-grid .prize-gallery{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:12px;place-items:stretch}
[data-coop-page=scratch] .evcategory-grid .prize-gallery-1{grid-template-rows:minmax(0,1fr)}
[data-coop-page=scratch] .evcategory-grid .prize-gallery-2{grid-template-columns:repeat(2,minmax(0,1fr))}
[data-coop-page=scratch] .evcategory-grid .prize-gallery-3{grid-template-columns:repeat(3,minmax(0,1fr))}
[data-coop-page=scratch] .evcategory-grid .prize-gallery-4{grid-template-columns:repeat(4,minmax(0,1fr))}
[data-coop-page=scratch] .evcategory-grid .evcover-item{display:grid;place-items:center;min-width:0;min-height:0;height:100%;padding:6px;border-radius:14px;background:rgba(255,255,255,.72);overflow:hidden}
[data-coop-page=scratch] .evcategory-grid .prize-gallery-2,[data-coop-page=scratch] .evcategory-grid .prize-gallery-3,[data-coop-page=scratch] .evcategory-grid .prize-gallery-4{height:auto}
[data-coop-page=scratch] .evcategory-grid .prize-gallery-2 .evcover-item,[data-coop-page=scratch] .evcategory-grid .prize-gallery-3 .evcover-item,[data-coop-page=scratch] .evcategory-grid .prize-gallery-4 .evcover-item{height:auto;aspect-ratio:1}
[data-coop-page=scratch] .evcategory-grid .prize-gallery .evcover-item img{display:block;width:100%;height:100%;min-width:0;min-height:0;max-width:100%;max-height:100%;object-fit:contain}
[data-coop-page=scratch] .evcategory-grid .prize-gallery-many{height:auto;min-height:120px;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
[data-coop-page=scratch] .evcategory-grid .prize-gallery-many .evcover-item{height:auto;aspect-ratio:1}
[data-coop-page=scratch] .evcategory-grid .evtitle{font-size:20px;line-height:1.4;overflow-wrap:anywhere;height:4.2em;min-height:4.2em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
[data-coop-page=scratch] .evcategory-grid .scratch-promo-description{font-size:18px;line-height:1.45;color:#c82338;margin:0 0 10px;font-weight:900}
[data-coop-page=scratch] .evcategory-grid .evprizes{height:3.2em;min-height:3.2em;line-height:1.6;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}
[data-coop-page=scratch] .evcategory-grid .evfoot{flex-direction:column;align-items:flex-start;gap:6px;margin-top:auto;padding-top:16px;font-size:13px}
.payment-points{padding:16px;border-radius:18px;background:#f6edff;text-align:left;margin:14px 0}.payment-points label{display:flex;align-items:center;gap:9px;font-size:15px;min-height:44px}.payment-points input{width:20px;height:20px;flex-shrink:0}
.payment-contact{display:block;text-align:left;margin:14px 0 8px;font-size:13px;font-weight:900;color:#69417d}.payment-contact input{display:block;width:100%;margin-top:6px;padding:11px 13px;border:1px solid #dcc3e8;background:#fff;color:#4a2a5e}
.payment-points p,.payment-return-rule{font-size:13px!important;line-height:1.6;color:#856399}.payment-return-rule{padding:8px 0}
@media(min-width:1440px){[data-coop-page=scratch] .wrap{max-width:1380px}.evcategory-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1000px){.evcategory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.evcategory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.evcategory-grid .evcard.prize-photos-2,.evcategory-grid .evcard.prize-photos-3,.evcategory-grid .evcard.prize-photos-4{grid-column:1/-1}[data-coop-page=scratch] .evcategory-grid .evcard{padding:12px;border-radius:20px}[data-coop-page=scratch] .evcategory-grid .evcover{height:130px}[data-coop-page=scratch] .evcategory-grid .prize-gallery{gap:6px}[data-coop-page=scratch] .evcategory-grid .prize-gallery-many{height:auto;grid-template-columns:repeat(3,minmax(0,1fr))}[data-coop-page=scratch] .evcategory-grid .evcover-item{padding:3px;border-radius:10px}[data-coop-page=scratch] .evcategory-grid .evtitle{font-size:18px}.evprice{font-size:20px}.evstock strong{font-size:19px}.scratch-wallet-pill{font-size:11px;padding:8px;max-width:150px;white-space:normal}.evcategory h2{font-size:22px}}
@media(max-width:360px){.evcategory-grid{grid-template-columns:1fr}}
@media(max-width:700px){[data-coop-page=scratch] .evcategory-grid .scratch-promo-description{font-size:16px}}
.evcover{height:190px;width:100%;border-radius:18px;background:linear-gradient(135deg,#f8f1fc,#fff7eb);padding:14px;margin-bottom:18px;display:grid;place-items:center;overflow:hidden}
.evcover img{width:100%;height:100%;object-fit:contain;min-height:0;filter:none}
.evcover span{font-size:70px}
[data-coop-page=scratch] .evtitle{font-family:var(--serif);font-size:23px;font-weight:900;margin:0 0 6px}
[data-coop-page=scratch] .evprizes{font-size:14px;color:#765382;line-height:1.6}
[data-coop-page=scratch] .evbar{margin:20px 0 10px;height:7px;background:#f1e4f8}
[data-coop-page=scratch] .evbar i{background:linear-gradient(90deg,#a35ac1,#ef86b8)}
[data-coop-page=scratch] .evfoot{font-size:12px;gap:10px;align-items:center;margin-top:auto;padding-top:10px;flex-wrap:wrap}
[data-coop-page=scratch] .evleft{font-size:13px;color:#8c520e;background:#fff2d9;padding:6px 10px;border-radius:10px}
[data-coop-page=scratch] .evcard.awarded{background:#fcf9fd;box-shadow:none;opacity:1}
[data-coop-page=scratch] .awarded .evcover{height:120px;background:#f4edf8}
[data-coop-page=scratch] .evstatus{margin-top:14px;font-size:14px}
[data-coop-page=scratch] .evwinners{font-size:13px;color:#6b497c}
.scratch-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0 8px;text-align:center}
.scratch-stat{padding:16px 8px;background:#faf2ff;border:1px solid #eeddf5;border-radius:18px;display:flex;flex-direction:column;gap:3px;min-width:0}
.scratch-stat:nth-child(2){background:#fff5df;border-color:#f2e2bc}
.scratch-stat:nth-child(3){background:#fff0f5;border-color:#f3dce7}
.scratch-stat small{font-size:12px;color:#79548b}
.scratch-stat strong{font-family:var(--accent);font-weight:700;font-size:28px;line-height:1.3;color:#63317f;white-space:nowrap}
.scratch-stat .stat-rule{font-size:17px;font-family:var(--serif);line-height:2.14}
.scratch-odds-note{font-size:12px;color:#7c6089;margin:10px 0 18px;line-height:1.7;text-align:center}
.evcard .scratch-stats{grid-template-columns:repeat(2,minmax(0,1fr));margin:18px 0 0}
.evcard .scratch-stat{padding:12px 8px}
.evcard .scratch-stat strong{font-size:25px}
.evcard .scratch-stat .stat-rule{font-size:16px;line-height:2}
[data-coop-page=scratch] #playView>.card{padding:30px;border-radius:28px}
[data-coop-page=scratch] #playTitle{font-size:30px;margin-bottom:24px}
[data-coop-page=scratch] #playDescription{font-size:26px;line-height:1.45;color:#c82338;margin:-14px auto 24px;font-weight:900}
[data-coop-page=scratch] .prizesline{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:16px}
[data-coop-page=scratch] .prizechip{display:flex;align-items:center;gap:22px;max-width:100%;padding:20px 28px;border:1px solid #e8c9ed;background:linear-gradient(130deg,#faf1fe,#fff5ec);border-radius:24px;white-space:normal}
[data-coop-page=scratch] .prizechip img{width:164px;height:164px;border-radius:18px;object-fit:contain;flex:none;background:#fff}
[data-coop-page=scratch] .prize-detail{display:grid;justify-items:start;gap:0;flex:1;min-width:0}
[data-coop-page=scratch] .prize-title{display:block;font-size:23px;font-family:var(--serif);font-weight:900;line-height:1.4}
[data-coop-page=scratch] .prize-winning-label{display:block;font-size:13px;color:#7c568c;margin:12px 0 4px}
[data-coop-page=scratch] .prize-winning-numbers{display:flex;flex-wrap:wrap;gap:8px}
[data-coop-page=scratch] .prize-winning-number{font-family:var(--accent);font-size:42px;line-height:1.2;height:auto;min-height:62px;padding:6px 12px;min-width:62px;border:2px solid #ecc97a;background:#fff8dd;color:#805314;border-radius:15px}
[data-coop-page=scratch] .prizechip.points-prize-chip{width:min(100%,560px);padding:13px 18px;gap:14px;background:linear-gradient(130deg,#fff9e8,#fbf0ff)}
[data-coop-page=scratch] .prizechip.points-prize-chip img{width:72px;height:72px;border-radius:16px}
[data-coop-page=scratch] .points-prize-chip .prize-title{font-size:20px}
[data-coop-page=scratch] .prize-number-details{width:100%;margin-top:8px}
[data-coop-page=scratch] .prize-number-details summary{display:flex;align-items:center;justify-content:center;min-height:42px;padding:8px 13px;border:1px solid #e5c6a0;border-radius:12px;background:#fffaf0;color:#805314;font-size:14px;font-weight:900;cursor:pointer;list-style:none;user-select:none}
[data-coop-page=scratch] .prize-number-details summary::-webkit-details-marker{display:none}
[data-coop-page=scratch] .prize-number-details[open] summary{border-radius:12px 12px 0 0;background:#fff4d9}
[data-coop-page=scratch] .prize-number-details .prize-winning-numbers{max-height:230px;overflow:auto;padding:12px;border:1px solid #ead3ae;border-top:0;border-radius:0 0 12px 12px;background:#fff;align-content:flex-start}
[data-coop-page=scratch] .attn{border-radius:18px;margin:16px 0 22px;padding:16px 18px;border:1px solid #eed19b;background:#fff9ed;font-size:16px;color:#8c5619}
[data-coop-page=scratch] .attn-balance{display:block;font-family:var(--serif);font-size:clamp(24px,3vw,34px);line-height:1.35;color:#76440d}
[data-coop-page=scratch] .attn-action{width:auto;display:block;margin:12px auto 0;font-size:14px;padding:10px 18px}
[data-coop-page=scratch] .scratch-sheet{padding:14px;border:2px solid #e9c370;border-radius:24px;background:linear-gradient(135deg,#f3e6fc,#fff1e5);box-shadow:inset 0 0 0 5px #fff,0 6px 0 #e7d7ee;max-width:620px;margin:0 auto}
[data-coop-page=scratch] .board{--board-cols:5;--board-gap:8px;display:grid;grid-template-columns:repeat(var(--board-cols),minmax(0,1fr));grid-template-rows:repeat(var(--board-cols),minmax(0,1fr));gap:var(--board-gap);background:none;aspect-ratio:1;width:100%;min-width:calc(var(--board-cols)*24px + (var(--board-cols) - 1)*var(--board-gap))}
[data-coop-page=scratch] .cell{aspect-ratio:1;position:relative;border:1px solid #dec4ec;background:#fffbff;border-radius:16px;box-shadow:0 3px 0 #e1cce9;padding:0;min-width:0;overflow:hidden;isolation:isolate;transition:background .12s}
[data-coop-page=scratch] .cell:not(.taken)::before{content:"";position:absolute;inset:10%;width:auto;height:auto;border-radius:50%;background:radial-gradient(ellipse at 30% 20%,#fff 0%,#f1f2f6 16%,#b9bcc9 35%,#83859d 56%,#b3b6c5 75%,#e7e8ef 93%);border:3px solid #dfe0e8;box-shadow:inset 0 0 0 2px #b6b7c7,0 3px 5px #65536b28;transform:none;left:10%;top:10%}
[data-coop-page=scratch] .cell:not(.taken)::after{content:"✦";position:absolute;inset:0;display:grid;place-items:center;color:#f3f0faaa;text-shadow:0 1px 2px #6c698577;font-size:24px;box-shadow:none;background:none;width:auto;height:auto;border:none;border-radius:0;transform:none}
[data-coop-page=scratch] .cell.taken{background:#ece3f1;border-color:#e2d5e9;box-shadow:none;opacity:1}
[data-coop-page=scratch] .cell .revealed-number{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-family:var(--accent);font-size:clamp(28px,4.5vw,56px);font-weight:700;line-height:1;color:#775886;padding:2px}
[data-coop-page=scratch] .cell .revealed-number.digits-3{font-size:clamp(24px,3.4vw,44px);letter-spacing:-.06em}
[data-coop-page=scratch] .cell.taken::after{content:"×";position:absolute;right:3px;top:3px;left:auto;bottom:auto;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#ba548a;color:#fff;font:700 17px/1 system-ui;text-shadow:none;border:2px solid #fff7;transform:none}
[data-coop-page=scratch] .boardhint{font-size:13px;color:#755282;line-height:1.9;margin:18px 0 4px}
[data-coop-page=scratch] .backlink,[data-coop-page=scratch] .pagetab{min-height:44px;font-size:14px;padding:8px 16px}
[data-coop-page=scratch] .policy-card{margin-top:32px;padding:22px;border:1px solid #e7d8ed;border-radius:20px;background:#fff}
[data-coop-page=scratch] .policy-card p{font-size:13px;color:#765980;line-height:1.9}
/* Only the coating itself handles gestures. Background never scrolls/reveals answers. */
[data-coop-page] .scratch-mask,[data-coop-page] .modal-mask{background:#301b42c9;backdrop-filter:none;-webkit-backdrop-filter:none;padding:20px;overflow:auto;overscroll-behavior:contain;z-index:100}
[data-coop-page] .scratch-modal{width:100%;max-width:470px;margin:auto;text-align:center;padding:10px 0}
[data-coop-page] .scratch-modal h3{font-family:var(--serif);font-size:27px;margin:0 0 8px;line-height:1.3;color:#fff}
[data-coop-page] .scratch-modal>p{color:#f4e6fc;font-size:14px;line-height:1.7;margin:8px 0 18px}
[data-coop-page] .scratch-stage{width:min(78vw,46dvh,340px);height:auto;aspect-ratio:1;border:8px solid #e8b851;background:#fff0c5;border-radius:50%;margin:auto;box-shadow:0 0 0 5px #ffe4a14d,0 14px 40px #160d282e;isolation:isolate;overflow:hidden;position:relative}
[data-coop-page] .scratch-reveal{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 25%,#fffbe9,#ffe9a9);border:2px dashed #d9b77e;border-radius:50%;margin:8px;padding:12px}
[data-coop-page] .reveal-num{font-family:var(--accent);font-size:clamp(80px,26vw,152px);line-height:1;color:#693488;font-weight:700;letter-spacing:-.04em}
[data-coop-page] .reveal-prize,[data-coop-page] .reveal-label{display:none!important}
[data-coop-page] #scratchCanvas{position:absolute;inset:0;width:100%;height:100%;z-index:2;touch-action:none;user-select:none;-webkit-user-select:none;cursor:crosshair;border-radius:50%;background:transparent}
[data-coop-page] .scratch-assist{min-height:44px;padding:10px 20px;border:1px solid #ffffff60;border-radius:99px;color:#fff;background:#ffffff14;font-size:13px;cursor:pointer}
[data-coop-page] .scratch-assist:focus-visible{outline-color:#ffe9a9}
[data-coop-page] .scratch-assist:disabled{opacity:.5}
[data-coop-page] .modal{max-width:480px;max-height:calc(100dvh - 40px);overflow:auto;padding:30px;border-radius:28px}
[data-coop-page] .modal:has(.modal-close){position:relative}
[data-coop-page] .modal-close{position:absolute;right:14px;top:14px;display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid #dec5e8;border-radius:50%;background:#fff;color:#6f3b83;font-size:29px;line-height:1;cursor:pointer;z-index:2}
[data-coop-page] .modal-close:hover{background:#f3e7f8}
[data-coop-page] .modal h3{font-family:var(--serif);font-size:28px}
[data-coop-page] .modal .prizephoto{width:230px;height:230px;max-width:100%;object-fit:contain;background:#fff}
[data-coop-page] .modal .result-number{font-size:23px;font-weight:900}
[data-coop-page] .modal p,[data-coop-page] .payment-summary{font-size:14px;color:#755381;line-height:1.8}
[data-coop-page] .payment-consent{font-size:13px;line-height:1.75}
[data-coop-page] .payment-option{min-height:64px;border-radius:16px}
.coop-modal-open{overflow:hidden!important}
.coop-modal-open .coop-help,.coop-modal-open .coop-bottom-nav{visibility:hidden}
@media(hover:hover){[data-coop-page] .btn:not(:disabled):hover,.coop-paths>a:hover,[data-coop-page=scratch] .evcard:not(:disabled):hover{transform:translateY(-2px)}[data-coop-page=scratch] .cell:not(:disabled):hover{background:#f0defb;border-color:#be8dd7}}
@media(min-width:769px) and (prefers-reduced-motion:no-preference){.coop-sticker{animation:coop-wave 1s ease-out 1}.coop-scene{animation:coop-arrive .45s ease-out 1}}
@keyframes coop-wave{0%{transform:rotate(0)}50%{transform:rotate(18deg)}100%{transform:rotate(12deg)}}
@keyframes coop-arrive{from{opacity:.7;transform:translateY(8px) rotate(2deg)}to{opacity:1;transform:rotate(2deg)}}
@media(max-width:1168px){[data-coop-page=home] #heroBg,.coop-paths{margin-left:24px;margin-right:24px}[data-coop-page] .topbar-inner,[data-coop-page] .top-inner{gap:8px}[data-coop-page] .tbrand,[data-coop-page] .brand{font-size:15px}[data-coop-page] .tpill,[data-coop-page] .pill{padding:0 10px}}
@media(max-width:768px){
  body[data-coop-page]{padding-bottom:calc(82px + env(safe-area-inset-bottom));font-size:15px}
  [data-coop-page] .topbar .topbar-inner,[data-coop-page] .topbar .top-inner{min-height:64px;padding:10px 16px;flex-wrap:nowrap;gap:6px}
  [data-coop-page] .tbrand,[data-coop-page] .brand{font-size:15px;flex-shrink:0;gap:7px}
  [data-coop-page] .tbrand img,[data-coop-page] .brand img{width:36px;height:36px}
  [data-coop-page] .tlinks,[data-coop-page] .links,[data-coop-page] .top-links{flex-wrap:nowrap;margin-left:auto;gap:4px}
  [data-coop-page] .coop-mobile-redundant,[data-coop-page] .top-sep{display:none!important}
  [data-coop-page] .topbar .pill,[data-coop-page] .topbar .tpill{font-size:12px;min-height:42px;padding:0 10px;min-width:42px}
  [data-coop-page] .topbar .pill .txt,[data-coop-page] .topbar .tpill .txt{display:inline}
  [data-coop-page] .coop-unified-header .topbar-inner{flex-wrap:wrap}
  .coop-member-bar{order:2;margin-left:auto}.coop-header-links{order:3;width:100%;justify-content:flex-start;margin-left:0;overflow-x:auto;padding-top:4px;scrollbar-width:none}.coop-header-links::-webkit-scrollbar{display:none}.coop-header-links .tpill{display:inline-flex!important;flex:none}
  .coop-account-info{max-width:180px;overflow:hidden;text-overflow:ellipsis}.coop-account-action{padding:0 9px}.coop-account-action:not(.coop-logout){display:none}
  [data-coop-page] .wrap{padding:24px 16px 36px}
  [data-coop-page] .card{padding:22px 18px;border-radius:22px}
  [data-coop-page] .hero{padding:24px 16px}
  [data-coop-page] .hero .sub,[data-coop-page] .hero p{font-size:14px}
  [data-coop-page] .hero h1{font-size:29px}
  .coop-bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:45;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:6px 8px calc(7px + env(safe-area-inset-bottom));background:#fffafd;border-top:1px solid #e4c9ee;box-shadow:0 -3px 16px #5633710a}
  .coop-bottom-nav a{min-height:54px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;border-radius:14px;font-size:11px;font-weight:800;text-decoration:none;color:#79528b;white-space:nowrap}
  .coop-bottom-nav a>span:first-child{font-size:20px;line-height:1.4}
  .coop-bottom-nav .coop-current{background:#f1e3fa;color:#70348c}
  .coop-help{position:relative;right:auto;bottom:auto;margin:0 16px 20px;max-width:none}
  .coop-help>summary{padding:10px 16px;font-size:13px;min-height:44px;width:max-content;margin-left:auto}
  .coop-help-panel{position:static;width:100%;max-width:none;margin-top:10px}
  [data-coop-page=home] #heroBg{grid-template-columns:1fr;gap:26px;margin:16px 16px 0;padding:24px;border-radius:26px}
  [data-coop-page=home] .hero-badge{width:52px;height:52px;margin-bottom:12px}
  [data-coop-page=home] .coop-kicker{font-size:12px;margin-bottom:12px}
  [data-coop-page=home] .hero h1{font-size:33px;margin-bottom:12px}
  [data-coop-page=home] .hero p{font-size:14px}
  [data-coop-page=home] .hero-ctas{gap:10px;margin-top:20px}
  [data-coop-page=home] .hero-ctas .btn{min-width:0;flex:1;font-size:13px;padding:12px 8px}
  .coop-scene{margin:0 4px;transform:rotate(1deg);padding:7px 7px 0;border-radius:22px}
  .coop-scene img{aspect-ratio:1.9;border-radius:16px}
  .coop-scene figcaption{font-size:12px;padding:8px}
  .coop-sticker{width:64px;height:64px;border-radius:22px;right:-12px;top:-13px;font-size:12px;border-width:3px}
  .coop-paths{grid-template-columns:1fr;margin:18px 16px 0;gap:10px}
  .coop-paths>a{padding:14px 16px;border-radius:18px;gap:14px}
  .coop-paths b{font-size:15px}.coop-paths small{font-size:12px;margin-top:0}
  .coop-path-icon{width:44px;height:44px;font-size:24px;border-radius:14px}
  [data-coop-page=home] section{padding:38px 0}
  [data-coop-page=home] section>.wrap{padding:0 16px}
  [data-coop-page=home] .sect-title{font-size:26px}
  [data-coop-page=home] .sect-sub{font-size:14px;margin-bottom:20px}
  [data-coop-page=home] .event-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:none}
  [data-coop-page=home] .event-card .banner-pic{aspect-ratio:3/4}
  [data-coop-page=home] .event-cta{font-size:12px;padding:10px 6px}
  [data-coop-page=home] .prize-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  [data-coop-page=register] .topbar{padding:0}
  [data-coop-page=register] .intro-body{font-size:14px}
  [data-coop-page=warehouse] .summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  [data-coop-page=warehouse] .metric{padding:12px 8px;text-align:center}
  [data-coop-page=warehouse] .metric span{font-size:11px}
  [data-coop-page=warehouse] .metric:last-child{grid-column:auto}
  [data-coop-page=warehouse] .hero{padding:24px 16px}
  [data-coop-page=warehouse]:has(.shipbar:not(.hidden)) .coop-help{display:none}
  [data-coop-page=scratch] .evgrid{grid-template-columns:1fr;gap:20px}
  [data-coop-page=scratch] .evcard{padding:22px}
  [data-coop-page=scratch] .evcover{height:180px}
  [data-coop-page=scratch] #playView>.card{padding:22px 12px;border-radius:24px}
  [data-coop-page=scratch] #playTitle{font-size:26px;margin-bottom:18px}
  [data-coop-page=scratch] #playDescription{font-size:22px;margin-top:-10px}
  [data-coop-page=scratch] .prizechip{padding:16px 12px;gap:14px;width:100%;justify-content:center;border-radius:20px}
  [data-coop-page=scratch] .prizechip img{width:112px;height:112px;border-radius:14px}
  [data-coop-page=scratch] .prize-title{font-size:19px}
  [data-coop-page=scratch] .prize-winning-number{font-size:36px;min-width:50px;min-height:52px;padding:4px 8px;border-radius:12px}
  [data-coop-page=scratch] .prizechip.points-prize-chip{padding:12px;gap:10px;justify-content:flex-start}
  [data-coop-page=scratch] .prizechip.points-prize-chip img{width:58px;height:58px}
  [data-coop-page=scratch] .points-prize-chip .prize-title{font-size:17px}
  [data-coop-page=scratch] .prize-number-details summary{font-size:13px;min-height:40px}
  [data-coop-page=scratch] .prize-number-details .prize-winning-numbers{max-height:190px;padding:9px;gap:6px}
  [data-coop-page=scratch] .prize-number-details .prize-winning-number{font-size:24px;min-width:40px;min-height:40px;padding:3px 6px}
  .scratch-stats{gap:7px;margin-top:18px}
  .scratch-stat{padding:12px 4px;border-radius:14px}
  .scratch-stat strong{font-size:25px}.scratch-stat small{font-size:11px}
  .scratch-stat .stat-rule{font-size:14px;line-height:2.32}
  [data-coop-page=scratch] .scratch-sheet{padding:12px;border-radius:22px;box-shadow:inset 0 0 0 4px #fff,0 5px 0 #e7d7ee}
  [data-coop-page=scratch] .board{--board-gap:3px}
  [data-coop-page=scratch] .cell{border-radius:13px}
  [data-coop-page=scratch] .cell .revealed-number{font-size:clamp(27px,8.5vw,50px)}
  [data-coop-page=scratch] .cell .revealed-number.digits-3{font-size:clamp(21px,6.3vw,39px)}
  [data-coop-page=scratch] .cell.taken::after{width:16px;height:16px;right:2px;top:2px;font-size:13px}
  [data-coop-page=scratch] .cell:not(.taken)::after{font-size:20px}
  [data-coop-page=scratch] .boardhint{font-size:12px}
  [data-coop-page] .scratch-modal h3{font-size:25px}
  [data-coop-page] .modal{padding:24px 20px;border-radius:24px}
  [data-coop-page] .modal .prizephoto{width:190px;height:190px}
}
@media(max-width:360px){[data-coop-page=home] .hero h1{font-size:28px}[data-coop-page] .tbrand,[data-coop-page] .brand{font-size:13px}[data-coop-page=scratch] .prizechip img{width:88px;height:88px}.scratch-stat strong{font-size:22px}.scratch-stat .stat-rule{font-size:12px}[data-coop-page=scratch] .wrap{padding-left:12px;padding-right:12px}[data-coop-page=scratch] #playView>.card{padding-left:6px;padding-right:6px}[data-coop-page=scratch] .scratch-sheet{padding:8px}[data-coop-page=scratch] .board{gap:6px}}
@media(max-height:500px) and (orientation:landscape){[data-coop-page] .scratch-modal{display:grid;grid-template-columns:1fr 1fr;column-gap:24px;max-width:640px}[data-coop-page] .scratch-stage{grid-column:1;grid-row:1/5;width:min(55dvh,260px)}[data-coop-page] .scratch-modal h3,[data-coop-page] .scratch-modal>p,[data-coop-page] .scratch-assist{grid-column:2}[data-coop-page] .scratch-modal h3{font-size:21px}[data-coop-page] .scratch-modal>p{margin:4px 0}}
.board-viewport{overflow:auto;max-width:100%;overscroll-behavior:contain;scrollbar-width:thin}
[data-coop-page=scratch] .board-viewport.zoomed{max-height:min(65dvh,760px)}
[data-coop-page=scratch] .board-viewport.zoomed .board{min-width:calc(var(--board-cols)*48px + (var(--board-cols) - 1)*var(--board-gap))}
[data-coop-page=scratch] .board .cell{container-type:inline-size;min-height:0;border-radius:clamp(6px,1.5vw,16px)}
[data-coop-page=scratch] .board .cell .revealed-number{font-size:65cqw}
[data-coop-page=scratch] .board .cell .revealed-number.digits-3{font-size:48cqw}
[data-coop-page=scratch] .board .cell.taken::after{width:clamp(8px,23cqw,20px);height:clamp(8px,23cqw,20px);font-size:clamp(8px,21cqw,17px);border-width:1px;right:1px;top:1px}
[data-coop-page=scratch] .board .cell:not(.taken)::after{font-size:32cqw}
[data-coop-page=scratch] .board .cell:not(.taken)::before{border-width:clamp(1px,4cqw,3px)}
.board-blank{display:grid;place-items:center;aspect-ratio:1;color:#dbcbe1;background:#f9f0fc66;border:1px dashed #e3d5eb;border-radius:12px;pointer-events:none}
.board-tools{max-width:620px;margin:14px auto;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;color:#755382}
.board-layout-note{font-size:12px;color:#7b5f88;line-height:1.7;margin:12px 0}
.scratch-price-options{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:16px 0 8px}
.scratch-price{padding:12px 18px;display:flex;flex-direction:column;gap:5px;min-width:120px;background:#fff;border:1px solid #efd09b;border-radius:15px;color:#815017}
.scratch-price span{font-weight:800;font-size:16px}.scratch-price strong{font:700 25px/1.3 var(--accent)}
.attn-soldout{display:block;margin:12px auto 0;max-width:620px;color:#8a5b21;font-size:13px;line-height:1.7}
.scratch-identity{padding:16px 20px;margin-bottom:24px;border:1px solid #e4cfee;border-radius:18px;background:#fff;display:flex;gap:8px 18px;align-items:center;flex-wrap:wrap;color:#765087;font-size:13px}
.scratch-identity strong{font-size:16px;color:#683182;font-variant-numeric:tabular-nums}.scratch-identity a{color:#773598;font-weight:800}
.scratch-play-layout{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:22px;align-items:start;margin-top:24px}
.scratch-game{min-width:0}
.scratch-activity{position:sticky;top:98px;max-height:680px;overflow:auto;border:1px solid #e3cfee;margin:0;padding:18px;text-align:left;border-radius:20px;background:#fcf8fe}
.activity-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.activity-heading h3{font-size:21px;margin:0}
.scratch-activity p{font-size:12px;line-height:1.8;color:#795786}
.activity-row{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:13px 14px;background:#f9f1fc;border-radius:12px;margin:8px 0;font-size:14px}
.activity-row strong{font-variant-numeric:tabular-nums;color:#6b3883}.activity-row span{color:#775383}
.payment-return-notice{display:flex;flex-direction:column;gap:4px;margin:14px 0;padding:18px;border:2px solid #d8bce6;border-radius:18px;background:#faf1ff;color:#6d3b82;text-align:left}.payment-return-notice strong{font-size:22px;line-height:1.45}.payment-return-notice span{font-size:14px}.payment-return-notice.success{border-color:#6ac69f;background:#edfff7;color:#176746}.payment-return-notice.review{border-color:#eead55;background:#fff7e8;color:#81500f}
#systemActivity{margin-top:20px;padding:14px;background:#f4f1f5;border-radius:14px;border:1px dashed #cfc4d6}
#systemActivity summary{cursor:pointer;font-size:13px;font-weight:800;color:#706378}#activitySystem .activity-row{background:#fff;font-size:12px}
[data-coop-page=scratch] #resultMask .modal{position:relative;isolation:isolate;max-height:calc(100dvh - 36px);overflow:auto}
.win-confetti{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1;border-radius:24px}
.win-confetti-piece{position:absolute;top:35%;width:9px;height:16px;border-radius:2px;animation:coop-celebrate 1.8s ease-out both}
@keyframes coop-celebrate{0%{transform:translate(0,0) rotate(0);opacity:1}35%{opacity:1}100%{transform:translate(var(--x),280px) rotate(var(--turn));opacity:0}}
[data-coop-page=scratch] .modal .notification-note{font-size:12px;line-height:1.7;margin:12px 0;color:#796184;display:block}
#resultWarehouse{margin:12px 0;width:100%}
@media(max-width:900px){.scratch-play-layout{grid-template-columns:1fr}.scratch-game{order:1}.scratch-activity{order:2;position:static;max-height:none}}
@media(max-width:768px){.scratch-price-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.scratch-price{min-width:0;padding:12px 8px}.scratch-price strong{font-size:23px}.scratch-price span{font-size:15px}.board-tools{font-size:12px}.scratch-identity{padding:14px;gap:8px}.activity-row{font-size:13px}[data-coop-page=scratch] .board{gap:var(--board-gap)}.payment-return-notice strong{font-size:19px}}
@media(prefers-reduced-motion:reduce){[data-coop-page] *,[data-coop-page] *::before,[data-coop-page] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* LINE-first app shell: same routes and APIs, one familiar navigation on every page. */
[data-coop-page] .coop-legacy-header{display:none!important}
[data-coop-page] .coop-unified-header{position:sticky;top:0}
[data-coop-page] .coop-unified-header .tbrand{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:#673184;font:900 17px/1.25 var(--serif);letter-spacing:0}
[data-coop-page] .coop-unified-header .tbrand{margin-right:auto}
[data-coop-page] .coop-unified-header .topbar-inner{gap:10px;padding:10px 20px;max-width:1240px}
.coop-menu-toggle,.coop-menu-close{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border:1px solid #e2cbea;border-radius:14px;background:#fff;color:#70398a;font-size:23px;cursor:pointer}
.coop-menu-mask{position:fixed;inset:0;z-index:150;background:#30164299;overscroll-behavior:contain}
.coop-menu-drawer{width:min(360px,90vw);height:100%;overflow:auto;padding:24px 20px calc(24px + env(safe-area-inset-bottom));background:linear-gradient(160deg,#fff,#fcf1ff);box-shadow:8px 0 40px #28153133}
.coop-menu-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.coop-menu-heading h2{font-size:22px;margin:0}.coop-menu-note{font-size:13px;color:#80628d;margin:10px 0 22px}
.coop-menu-list{display:grid;gap:8px}.coop-menu-list a{display:grid;grid-template-columns:38px 1fr 12px;gap:10px;align-items:center;padding:12px;border:1px solid #ead8ef;border-radius:16px;background:#fff;color:#573268;text-decoration:none}
.coop-menu-list strong{display:block;font-size:15px}.coop-menu-list small{display:block;color:#7d608a;font-size:12px}.coop-menu-icon{font-size:26px}.coop-menu-contact{display:block;margin-top:20px;padding:12px;color:#783b92;font-size:14px}
.coop-app-home{max-width:1080px;margin:24px auto 0;display:grid;grid-template-columns:.9fr 1.1fr;gap:22px;padding:0 24px}
[data-coop-page=home] .coop-member-card{padding:24px;border-radius:24px;background:linear-gradient(135deg,#78419a,#b356a0);color:#fff;position:relative;overflow:hidden;isolation:isolate}
.coop-member-card:after{content:'✦';position:absolute;right:-20px;bottom:-90px;font-size:250px;color:#ffffff0d;z-index:-1}
.coop-member-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.coop-member-tag{font-size:10px;letter-spacing:.1em}.coop-member-heading a{font-size:12px;text-decoration:none;color:#fff6d0}
.coop-member-card h2{font-size:22px;line-height:1.5;margin:22px 0 3px}.coop-member-card p{font-size:12px;color:#f2dff9;margin:0 0 20px}
.coop-member-footer{display:flex;justify-content:space-between;align-items:end;gap:12px}.coop-member-footer b{font:700 36px/1.2 var(--accent)}.coop-member-footer small{display:block;font-size:11px;color:#f2dff9;margin-top:6px}.coop-member-footer a{border-radius:99px;background:#fff;color:#743a8b;padding:10px 14px;text-decoration:none;font-size:12px;font-weight:900;white-space:nowrap}
.coop-app-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.coop-app-grid a{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:18px 8px;background:#fff;border:1px solid #e6d3ed;border-radius:22px;box-shadow:0 4px 0 #eadbf1;color:#633577;text-decoration:none;min-width:0}
.coop-app-grid a:nth-child(2n){background:#fff8f2;border-color:#f1dfcb}.coop-app-grid a:nth-child(4){background:#fff0f7;border-color:#f2d4e3}
.coop-app-grid a>span{font-size:32px;line-height:1.2;margin-bottom:10px}.coop-app-grid strong{font-size:14px}.coop-app-grid small{font-size:11px;margin-top:5px;color:#82658f}.coop-app-grid a:hover{border-color:#af73c6;transform:translateY(-2px)}
[data-coop-page=home] #heroBg{padding:24px 32px;gap:24px;margin-top:20px;grid-template-columns:1.2fr .8fr;max-width:1032px}
[data-coop-page=home] #heroBg .hero-badge{display:none}
[data-coop-page=home] #heroBg h1{font-size:30px;margin:8px 0}
[data-coop-page=home] #heroBg .hero-inner{padding:0}
[data-coop-page=home] #heroBg p{font-size:14px;margin:8px 0 16px}
[data-coop-page=home] #heroBg .coop-kicker{font-size:12px;margin-bottom:6px}
[data-coop-page=home] #heroBg .coop-scene{height:210px;min-height:0;aspect-ratio:auto;margin:0}
[data-coop-page=home] #heroBg .coop-scene img{width:100%;height:100%;object-fit:cover}
[data-coop-page=home] .wave{display:none}
[data-coop-page] #member,[data-coop-page] #tournaments,[data-coop-page] #orders,[data-coop-page] #pointsBox{scroll-margin-top:110px}
.coop-registration-member{padding:20px;margin:12px 0 20px;border:1px solid #dcccdf;border-radius:18px;background:#f8f0fd}.coop-registration-member>strong{font-size:17px}.coop-registration-member p{font-size:14px;color:#755382;line-height:1.7}.coop-registration-member label{display:block;font-weight:800;font-size:14px;margin:12px 0 7px}.coop-registration-member input{width:100%;border:1px solid #d8bce6;padding:12px;background:#fff;color:#57346a}.coop-registration-member .btn{width:100%;margin-top:10px}
[data-coop-page=register] input[readonly]{background:#f1eaf5;color:#715d7c}
@media(max-width:1100px){.coop-header-links{display:none}.coop-app-home{max-width:850px}[data-coop-page=home] #heroBg{margin-inline:24px}}
@media(max-width:768px){
  [data-coop-page] .coop-unified-header .topbar-inner{display:flex;flex-wrap:wrap;gap:8px;padding:8px 14px;min-height:64px}
  [data-coop-page] .coop-unified-header .tbrand{font-size:16px;gap:6px}[data-coop-page] .coop-unified-header .tbrand img{width:34px;height:34px}
  .coop-member-bar{margin-left:auto;flex-basis:auto;width:auto;justify-content:flex-end;gap:5px}
  .coop-account-info{padding:0 9px;font-size:12px;min-height:36px}.coop-account-info strong{max-width:80px;overflow:hidden;text-overflow:ellipsis}.coop-name-edit{min-width:32px;height:32px}.coop-account-points{padding-left:6px}
  .coop-account-action,.coop-account-login{padding:0 10px;min-height:38px;font-size:12px}.coop-menu-toggle{width:40px;height:40px}
  .coop-app-home{display:flex;flex-direction:column;padding:0 16px;margin-top:16px;gap:18px}
  [data-coop-page=home] .coop-member-card{padding:20px}.coop-member-card h2{margin-top:16px;font-size:21px}.coop-member-card p{margin-bottom:16px}
  .coop-app-grid{gap:10px}.coop-app-grid a{padding:16px 5px;border-radius:19px;min-height:114px}.coop-app-grid small{font-size:10px}.coop-app-grid strong{font-size:13px}
  [data-coop-page=home] #heroBg{display:block;margin:16px 16px 0;padding:22px;border-radius:24px}
  [data-coop-page=home] #heroBg .coop-scene{display:none}[data-coop-page=home] #heroBg h1{font-size:27px}[data-coop-page=home] #heroBg h1 br{display:none}
  [data-coop-page=home] #heroBg .hero-ctas{display:none}[data-coop-page=home] #heroBg p{margin-bottom:0;font-size:13px}
  [data-coop-page=home] #heroBg h1{font-size:23px}[data-coop-page=home] #heroBg p{display:none}
  [data-coop-page] .hero{padding:22px 16px}[data-coop-page] .hero h1{font-size:27px}[data-coop-page] .hero p{font-size:14px;line-height:1.65}
  [data-coop-page] .wrap{padding:20px 16px 36px}.coop-help{bottom:86px;right:14px}.coop-help>summary{font-size:12px;padding:9px 12px}
  .coop-bottom-nav{padding-bottom:env(safe-area-inset-bottom)}
  .coop-profile-mask{padding:16px}.coop-profile-card{max-height:calc(100dvh - 32px);overflow:auto;padding:22px}
}
@media(max-width:520px){
  .coop-member-bar{flex-basis:100%;justify-content:flex-end;padding-top:3px;border-top:1px solid #f1e6f5}
  [data-coop-page] .coop-unified-header .topbar-inner{row-gap:6px}
  .coop-account-loading{min-height:32px;font-size:12px}.coop-notification-button{min-height:36px}
  .coop-member-footer b{font-size:32px}.coop-member-footer a{padding:10px;font-size:11px}
  [data-coop-page=home] .event-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
}

/* Direct rich-menu views: services open immediately, without the marketing home. */
.coop-profile-view #heroBg,.coop-profile-view .coop-app-home,.coop-profile-view>.wave,.coop-profile-view #tournaments,.coop-profile-view #market,
.coop-events-view #heroBg,.coop-events-view .coop-app-home,.coop-events-view>.wave,.coop-events-view #market{display:none!important}
[data-coop-page=home] .coop-account-page{max-width:620px;margin:28px auto;padding:28px;background:#fff;border:1px solid #e7d1f4;border-radius:28px;color:#503065;text-align:center}
.coop-account-page>img{display:block;margin:0 auto}
.coop-account-page h1{font-size:32px;margin:12px 0}.coop-account-page>p{line-height:1.7}
.coop-account-page dl{margin:24px 0;text-align:left}.coop-account-page dl>div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 8px;border-bottom:1px solid #eee0f5}
.coop-account-page dt{color:#846496}.coop-account-page dd{margin:0;font-weight:700;overflow-wrap:anywhere}
.coop-account-page button{cursor:pointer}.coop-account-page #coopAccountEdit{border:1px solid #e7d1f4;border-radius:50%;background:#f6edfc;color:#693a83;width:44px;height:44px;font-size:22px}
.coop-account-page [data-account-points]{font-size:26px;color:#a045bb}.coop-account-page .coop-account-note{font-size:13px;color:#846496;margin-top:24px}
.coop-events-view #tournaments{padding-top:28px}
@media(max-width:640px){[data-coop-page=home] .coop-account-page{margin:16px 12px;padding:24px 18px}.coop-account-page h1{font-size:28px}}

/* LINE OA owns top-level navigation; each LIFF view stays focused on its task. */
.coop-line-app .coop-menu-toggle,.coop-line-app .coop-header-links,.coop-line-app .coop-bottom-nav,.coop-line-app #coopAppMenu{display:none!important}
.coop-line-app body[data-coop-page]{padding-bottom:env(safe-area-inset-bottom)}
.coop-notification-close{position:absolute;right:10px;top:8px;width:36px;height:36px;border:0;border-radius:50%;background:#f5eafa;color:#70398a;cursor:pointer;font-size:18px}
.coop-notification-title{padding-right:42px}.coop-notification-panel{box-sizing:border-box;max-height:70vh;overflow-y:auto;overscroll-behavior:contain}
.coop-notification-item{grid-template-columns:24px minmax(0,1fr)}.coop-notification-item>span{min-width:0;white-space:normal;overflow-wrap:anywhere}
.cart-fab{position:fixed;right:18px;bottom:calc(90px + env(safe-area-inset-bottom));z-index:55;display:grid;place-items:center;width:68px;height:72px;border:2px solid #fff;border-radius:22px;background:linear-gradient(140deg,#9144b1,#d44f9d);color:#fff;box-shadow:0 6px 20px #68338240;cursor:pointer}
.cart-fab>span:first-child{font-size:28px}.cart-fab-label{font-size:11px;font-weight:800}.cart-fab b{position:absolute;right:-5px;top:-6px;min-width:25px;height:25px;padding:0 5px;border-radius:99px;background:#ffdf83;color:#603568;border:2px solid white;font-size:13px;display:grid;place-items:center;box-sizing:border-box}
.coop-line-app .cart-fab{bottom:calc(20px + env(safe-area-inset-bottom))}
[data-coop-page=market] .coop-help{bottom:calc(175px + env(safe-area-inset-bottom))}.coop-line-app [data-coop-page=market] .coop-help{bottom:calc(105px + env(safe-area-inset-bottom))}
.cart-close{display:none;border:0;background:#f4e9fa;color:#70398a;border-radius:50%;width:40px;height:40px;cursor:pointer}
.cart-mask{position:fixed;inset:0;z-index:120;background:#39234780;display:flex;align-items:flex-end;justify-content:center;padding:16px;box-sizing:border-box}
.cart-mask .cartbox{display:block!important;position:relative!important;top:auto!important;width:min(100%,480px);max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain;box-sizing:border-box;margin:0;padding:20px 20px calc(20px + env(safe-area-inset-bottom));border-radius:24px}
.cart-mask .cart-close{display:block;flex-shrink:0}.cart-mask .carthead{gap:8px}.cart-mask .carthead>span:first-child{flex:1}
.coop-modal-open .cart-fab{visibility:hidden}
body:has(.coop-notifications[open]) .cart-fab,body:has(.coop-notifications[open]) .coop-help{visibility:hidden}
@media(max-width:760px){
  .coop-notifications[open] .coop-notification-panel{position:fixed;left:12px;right:12px;top:var(--notification-top,130px);width:auto;max-width:none;max-height:calc(100dvh - var(--notification-top,130px) - 24px);margin:0;z-index:80;font-size:14px}
  .coop-notification-item{font-size:14px;line-height:1.6;padding:13px 8px}
  [data-coop-page=market] .layout>.cartbox{display:none}
}

/* VIP member page: shared LINE profile entry, no additional login route. */
.coop-account-tabs{display:flex;gap:10px;margin:20px 0}.coop-account-tabs button{flex:1;padding:12px 16px;border:1px solid #ddc1ed;border-radius:16px;background:#fff;color:#704889;font:inherit;font-weight:700;cursor:pointer}.coop-account-tabs button[aria-pressed="true"]{background:#75468e;color:white}
/* Collectible VIP rank card — Beyblade product art with a soft violet frame. */
[data-coop-page=home] .coop-account-page{max-width:680px;padding:24px;margin:24px auto;text-align:left;box-sizing:border-box}
.coop-account-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
.coop-account-heading .coop-member-tag{margin:0;font-size:11px;letter-spacing:.1em;color:#9672a6}
[data-coop-page=home] .coop-account-heading h1{font-size:26px;margin:5px 0 0}
.coop-account-heading>span{font-size:34px;color:#c39943}
#coopAccountStatus:empty,#coopVipStatus:empty,.coop-vip-card .coop-account-note:empty{display:none}
.viewing-vip>.coop-profile-help{display:none}
[data-coop-page=home] .coop-vip-card{position:relative;isolation:isolate;text-align:left;margin:16px 0 0;padding:22px;border:1px solid #d8bce8;border-radius:24px;background:radial-gradient(ellipse at 50% 23%,#fff 0%,#f7effb 48%,#f0edf5 100%);color:#533465;box-shadow:0 7px 0 #e9ddf0,0 16px 30px #6d458410}
.coop-vip-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
.coop-vip-heading h2{font-size:15px;margin:0;letter-spacing:.05em}
.coop-vip-heading details>summary{display:grid;place-items:center;width:29px;height:29px;box-sizing:border-box;border:1px solid #b28ec5;border-radius:50%;font-weight:900;font-size:18px;cursor:pointer;list-style:none;background:#ffffff99}
.coop-vip-heading summary::-webkit-details-marker{display:none}
.coop-vip-rules{position:absolute;z-index:20;left:12px;right:12px;top:60px;padding:20px;background:#fff;border:1px solid #dcc1ec;border-radius:16px;box-shadow:0 12px 35px #50306430;max-height:65vh;overflow:auto;font-size:14px;line-height:1.8}
.coop-vip-rules ul{padding-left:20px}.coop-vip-rules li{margin-bottom:10px}
.coop-vip-identity{text-align:center;padding-bottom:16px}
.coop-vip-art{position:relative;width:220px;height:220px;margin:-4px auto 0;display:grid;place-items:center;background:radial-gradient(ellipse,#dcd3e8 0%,#eee9f688 44%,transparent 70%)}
.coop-vip-art img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 12px #74458d20)}
.coop-vip-level-badge{position:absolute;bottom:0;left:50%;transform:translateX(-50%);min-width:62px;padding:5px 15px;background:linear-gradient(135deg,#69417f,#9660ac);color:#fff7df;border:1px solid #ecc56b;border-radius:20px;box-shadow:0 3px 8px #59357022;font-size:15px;font-weight:900;white-space:nowrap}
.coop-vip-eyebrow{font-size:10px;letter-spacing:.14em;color:#9674a5;margin:14px 0 5px}
.coop-vip-level{font-weight:900;font-size:28px;line-height:1.3;margin:0}
.coop-vip-stars{display:flex;justify-content:center;gap:5px;margin-top:9px;font-size:14px;color:#decee6}.coop-vip-stars .earned{color:#b98128;text-shadow:0 1px #fff2c1}
.coop-vip-progress{padding:15px 16px;border:1px solid #e3d1eb;border-radius:16px;background:#ffffffa8}
.coop-vip-progress progress{display:block;appearance:none;width:100%;height:8px;border:0;border-radius:10px;overflow:hidden;background:#e9deef;accent-color:#9461a9}
.coop-vip-progress progress::-webkit-progress-bar{background:#e9deef;border-radius:10px}.coop-vip-progress progress::-webkit-progress-value{background:linear-gradient(90deg,#a773bc,#75508e);border-radius:10px}.coop-vip-progress progress::-moz-progress-bar{background:#9461a9;border-radius:10px}
.coop-vip-progress p{font-weight:700;font-size:14px;line-height:1.6;margin:9px 0 0}
.coop-vip-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}
.coop-vip-metrics.spend-hidden{grid-template-columns:1fr}
.coop-vip-metrics>div{padding:14px 12px;background:#ffffffbb;border:1px solid #eadff0;border-radius:16px;min-width:0}
.coop-vip-metrics span{display:block;font-size:12px;color:#87639a}.coop-vip-metrics strong{display:block;margin-top:5px;font-size:21px;overflow-wrap:anywhere}.coop-vip-metrics small{display:block;font-size:10px;color:#947f9e;margin-top:4px}
.coop-vip-collection{margin-top:14px;border-top:1px solid #decee5;padding-top:13px}.coop-vip-collection>summary{cursor:pointer;font-size:13px;font-weight:700;list-style:none;display:flex;justify-content:space-between}.coop-vip-collection>p{font-size:12px;line-height:1.7;color:#87639a}
.coop-vip-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.coop-vip-gallery-item{padding:8px 3px;border:1px solid #e5d7ec;border-radius:12px;text-align:center;background:#ffffff70}.coop-vip-gallery-item.current{border-color:#a579be;background:#f1e2fa}.coop-vip-gallery-item img{display:block;width:80px;height:80px;max-width:100%;object-fit:contain;margin:auto}.coop-vip-gallery-item small,.coop-vip-gallery-item strong,.coop-vip-gallery-item span{display:block}.coop-vip-gallery-item strong{font-size:12px;margin:3px 0}.coop-vip-gallery-item small,.coop-vip-gallery-item span{font-size:10px;color:#8c7399}.coop-vip-gallery-item.locked{background:#ffffff40}
.coop-vip-card .btn{display:block;margin:14px auto 0;padding:8px 14px;font-size:12px;min-height:36px;background:transparent;color:#75508e;border:1px solid #ceb4dc;box-shadow:none}
.coop-account-page .coop-vip-card .coop-account-note{font-size:11px;line-height:1.7;margin:12px 0 0;color:#927e9c}
.coop-account-tabs.hidden,.coop-vip-card.hidden{display:none}
@media(max-width:640px){[data-coop-page=home] .coop-account-page{margin:14px 12px;padding:16px;border-radius:22px}.coop-account-tabs{margin:16px 0 0;gap:8px}.coop-account-tabs button{padding:10px 8px;font-size:14px}[data-coop-page=home] .coop-vip-card{padding:16px}.coop-vip-art{width:190px;height:190px}.coop-vip-level{font-size:26px}.coop-vip-metrics strong{font-size:19px}.coop-vip-rules{left:6px;right:6px}.coop-account-heading .coop-member-tag{font-size:9px}[data-coop-page=home] .coop-account-heading h1{font-size:23px}}

/* Square collectible illustrations retain the actual top colors. */
.coop-vip-art img{border-radius:24px}
.coop-vip-gallery-item img{border-radius:10px}

/* Upgrade guide: illustrated tier grid, readable on small LINE viewports. */
.coop-vip-rules{padding:0 16px 18px;overscroll-behavior:contain;max-height:72vh;max-height:72dvh}
.coop-vip-rules-header{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;background:#fff;border-bottom:1px solid #ecdfF3}
.coop-vip-rules-header h3{font-size:19px;margin:0}
.coop-vip-rules-header button{width:36px;height:36px;flex-shrink:0;padding:0;border:1px solid #dfc9eb;border-radius:50%;background:#f8f1fc;color:#70448b;font:inherit;cursor:pointer}
.coop-vip-rules>p{font-size:13px;line-height:1.7}
.coop-vip-tier-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}
.coop-vip-tier-card{min-width:0;overflow:hidden;padding:9px;background:#faf7fd;border:1px solid #e6d8ed;border-radius:16px;text-align:center;box-sizing:border-box}
.coop-vip-tier-card.current{border:2px solid #9866b1;padding:8px;background:#f1e5fa;box-shadow:0 3px 10px #70448b16}
.coop-vip-tier-card img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:10px;margin:7px auto 9px}
.coop-vip-tier-state{display:block;font-size:11px;line-height:1.6;color:#92759e}
.coop-vip-tier-card.current .coop-vip-tier-state{color:#70448b;font-weight:800}
.coop-vip-tier-range{display:block;font-size:12px;font-weight:800;color:#9463aa}
.coop-vip-tier-card h4{font-size:16px;line-height:1.4;margin:4px 0 10px;color:#58336e}
.coop-vip-tier-card p{font-size:11px;line-height:1.7;margin:5px 0;overflow-wrap:anywhere}
.coop-vip-tier-entry{color:#755388;font-weight:700}
.coop-vip-tier-step{color:#8d749b}
.coop-vip-tier-reward{display:block;border-radius:8px;padding:5px 3px;margin-top:8px;background:#fff0ca;color:#956421;font-size:12px;line-height:1.6}
.coop-vip-tier-hint{padding:10px 12px;border-radius:12px;background:#f8f2fc;color:#866199}
.coop-vip-rules>h4{margin:20px 0 8px;font-size:15px}
@media(max-width:640px){.coop-vip-tier-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.coop-vip-rules{left:0;right:0;padding:0 12px 16px}.coop-vip-tier-card h4{font-size:14px}.coop-vip-tier-card{padding:7px}.coop-vip-tier-card.current{padding:6px}}
/* Keep the expanded guide inside the viewport even when opened midway down the page. */
[data-coop-page=home] .coop-vip-card:has(#coopVipRules[open]){z-index:160}
.coop-vip-rules{position:fixed;left:50%;right:auto;top:50%;transform:translate(-50%,-50%);width:min(760px,calc(100vw - 28px));box-sizing:border-box;max-height:84vh;max-height:84dvh;box-shadow:0 18px 60px #30164244,0 0 0 100vmax #30164280}