.cpn-app{max-width:560px;min-height:100dvh;padding:0 16px calc(96px + env(safe-area-inset-bottom));color:#fff;font-family:var(--font-game);background:linear-gradient(180deg,#041a5c55 0%,#021345b3 40%,#021345e6 72%,#010927 100%),var(--scene,none) center top/cover no-repeat fixed,linear-gradient(180deg,#0a49a8,#031347 60%,#020a25);flex-direction:column;gap:14px;margin:0 auto;display:flex}body:has(.cpn-app){background:#020a25}.cpn-art{object-fit:contain;vertical-align:-5px;filter:drop-shadow(0 1px 2px #0008);width:20px;height:20px;display:inline-block}.cpn-top{z-index:5;background:linear-gradient(#0a3f9bf0,#0a3f9bcc 70%,#0000);grid-template-columns:44px 1fr 44px;align-items:center;padding:10px 0;display:grid;position:sticky;top:0}.cpn-top>a{color:#fff;background:linear-gradient(160deg,#0b53b1,#041c5d);border:2px solid #2aa2ff;border-radius:12px;place-items:center;width:44px;height:44px;font-size:22px;text-decoration:none;display:grid;box-shadow:0 3px #01164c}.cpn-top>a .cpn-art{width:28px;height:28px}.cpn-top>div{text-align:center;flex-direction:column;align-items:center;display:flex}.cpn-top small.arena-kicker{font-size:11px}.cpn-top .arena-title{font-size:22px}.cpn-status{align-items:center;gap:12px;display:flex;padding:12px 14px!important}.cpn-status-art{object-fit:contain;filter:drop-shadow(0 4px 8px #0008);flex:none;width:52px;height:52px}.cpn-status div{flex-direction:column;gap:2px;display:flex}.cpn-status b{color:#fff;font-size:16px}.cpn-status small{color:#ffe9b8;font-size:12px}.cpn-auto{cursor:pointer;background:linear-gradient(160deg,#0b53b1e6,#041c5df2);border:2px solid #2aa2ff;border-radius:18px;align-items:center;gap:12px;min-height:56px;padding:10px 14px;display:flex;box-shadow:0 4px #01164c}.cpn-auto input{accent-color:#ffd84a;flex:none;width:26px;height:26px}.cpn-auto span{flex-direction:column;gap:2px;display:flex}.cpn-auto b{font-size:14px}.cpn-auto small{color:#bfe3ff;font-size:12px}.cpn-section{flex-direction:column;gap:8px;display:flex}.cpn-section h2{color:#ffd84a;align-items:center;gap:6px;margin:4px 0 0;font-size:17px;display:flex}.cpn-section h2 em{color:#bfe3ff;margin-left:auto;font-size:13px;font-style:normal}.cpn-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.cpn-list.quiet{opacity:.75}.cpn-coupon{background:linear-gradient(160deg,#0b53b1e6,#062a7af2);border:2px solid #2aa2ff;border-radius:18px;gap:12px;padding:12px;display:flex;box-shadow:0 4px #01164c}.cpn-coupon.held{border-color:#ffd84a;box-shadow:0 4px #6b4700,0 0 14px #ffd54b33}.cpn-ticket{color:#08205c;background:linear-gradient(145deg,#fff9ce,#eabc54);border-radius:14px;flex-direction:column;flex:none;justify-content:center;align-items:center;width:68px;min-height:72px;display:flex;position:relative;box-shadow:inset 0 -3px #c98e1d}.cpn-ticket-art{object-fit:contain;width:24px;height:24px}.cpn-ticket b{font:700 26px/1 var(--font-number)}.cpn-ticket small{font-size:11px;font-weight:700}.cpn-coupon-body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.cpn-coupon-title{flex-wrap:wrap;align-items:center;gap:6px;margin:0;font-size:15px;font-weight:700;display:flex}.cpn-coupon-meta{color:#cfe6ff;margin:0;font-size:12px}.cpn-tag{color:#fff;background:#fff2;border-radius:9px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.cpn-tag.reward{color:#9dffcf;background:#58efa433}.cpn-tag.bought{color:#ffe48a;background:#ffd84a33}.cpn-tag.group{color:#a8f4ff;background:#5ceaff33}.cpn-actions{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.cpn-btn{color:#fff;min-height:44px;font:700 13px var(--font-game);cursor:pointer;background:linear-gradient(160deg,#0b53b1,#041c5d);border:2px solid #2aa2ff;border-radius:14px;justify-content:center;align-items:center;gap:4px;padding:0 12px;text-decoration:none;display:inline-flex;box-shadow:0 3px #01164c}.cpn-btn.gold{color:#062365;background:linear-gradient(#fff84e,#ffae05);border-color:#fff15c;box-shadow:0 3px #c86300}.cpn-btn.wide{width:100%}.cpn-btn:disabled{opacity:.5;cursor:default}.cpn-link{color:#5ceaff;min-height:44px;font:700 13px var(--font-game);cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0 4px;text-decoration:underline}.cpn-gift{background:linear-gradient(160deg,#6a1d8fe6,#2a0f5cf2);border:2px solid #ff8ad8;border-radius:18px;flex-direction:column;gap:6px;padding:12px 14px;display:flex;box-shadow:0 4px #2a0640}.cpn-gift.out{background:linear-gradient(160deg,#0b53b1e6,#062a7af2);border-color:#2aa2ff;box-shadow:0 4px #01164c}.cpn-gift p{margin:0;font-size:14px}.cpn-gift small{color:#e8d6ff;font-size:12px}.cpn-gift.out small{color:#cfe6ff}.cpn-gift blockquote{color:#fff3cf;background:#ffffff14;border-radius:10px;margin:0;padding:6px 10px;font-size:13px}.cpn-room{color:#fff;background:linear-gradient(160deg,#0b53b1e6,#062a7af2);border:2px solid #2aa2ff;border-radius:18px;grid-template-columns:1fr auto;align-items:center;gap:2px 8px;min-height:56px;padding:10px 14px;text-decoration:none;display:grid;box-shadow:0 4px #01164c}.cpn-room span{font-size:14px}.cpn-room b{font-family:var(--font-number);letter-spacing:.08em;color:#ffd84a}.cpn-room small{color:#cfe6ff;grid-column:1;font-size:12px}.cpn-room i{grid-area:1/2/3;font-size:22px;font-style:normal}.cpn-empty{text-align:center;background:#0003;border-radius:18px;flex-direction:column;align-items:center;gap:8px;padding:16px;display:flex}.cpn-empty p{color:#cfe6ff;margin:0;font-size:13px}.cpn-empty-art{object-fit:contain;width:96px;height:96px}.cpn-muted{color:#bfe3ff;margin:0;font-size:12px;line-height:1.5}.cpn-done{color:#9dffcf;background:#58efa422;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:10px;font-size:13px;display:flex}.cpn-error{color:#ffc2cd;background:#ff5d7a22;border-radius:12px;margin:0;padding:10px;font-size:13px}.cpn-card{color:#fff;background:linear-gradient(170deg,#7a5200e6,#2a3f9a 60%,#0b2a62f0);border:2px solid #ffd84a;border-radius:18px;align-items:center;gap:12px;min-height:64px;padding:10px 14px;text-decoration:none;display:flex;position:relative;box-shadow:0 4px #6b4700}.cpn-card-art{object-fit:contain;flex:none;width:44px;height:44px}.cpn-card span{flex-direction:column;flex:1;gap:2px;display:flex}.cpn-card b{font-size:15px}.cpn-card small{color:#ffe9b8;font-size:12px}.cpn-card>i{font-size:22px;font-style:normal}.cpn-dot{color:#fff;min-width:22px;height:22px;font:700 12px var(--font-number);background:#ff3d6e;border-radius:11px;place-items:center;padding:0 6px;font-style:normal;display:grid}.cpn-sheet-art{object-fit:contain;width:48px;height:48px}.cpn-field{color:#cfe6ff;flex-direction:column;gap:4px;font-size:13px;display:flex}.cpn-field span{justify-content:space-between;display:flex}.cpn-field em{font-style:normal}.cpn-field input,.cpn-field textarea{color:#fff;min-height:44px;font:16px var(--font-game);resize:none;background:#021345;border:2px solid #2aa2ff;border-radius:12px;padding:10px 12px}.cpn-choice{grid-template-columns:1fr 1fr;gap:8px;display:grid}.cpn-choice button{color:#fff;text-align:left;min-height:64px;font-family:var(--font-game);background:#041c5d;border:2px solid #2aa2ff;border-radius:14px;flex-direction:column;gap:2px;padding:10px;display:flex}.cpn-choice button.on{background:linear-gradient(170deg,#8a6000,#3a2a06 70%);border-color:#fff15c;box-shadow:0 0 14px #ffd54b55}.cpn-choice b{font-size:14px}.cpn-choice small{color:#ffe9b8;font-size:11px}.cpn-total{flex-wrap:wrap;align-items:center;gap:4px;margin:0;font-size:13px;display:flex}.cpn-total b{color:#ffd84a}.cpn-primary{color:#07255d;width:100%;min-height:54px;font:700 16px var(--font-game);background:linear-gradient(#ffed3f,#ff9d00);border:3px solid #fff04b;border-radius:18px;justify-content:center;align-items:center;padding:12px;display:flex;box-shadow:0 4px #b95a00}.cpn-primary:disabled{filter:grayscale(.6);opacity:.6}.cpn-price{flex-direction:column;gap:8px;display:flex;padding:14px!important}.cpn-price p{margin:0;font-size:14px}.cpn-price b{color:#ffd84a}.cpn-price>small{color:#cfe6ff;font-size:12px}.cpn-tiers{grid-template-columns:repeat(3,1fr);gap:6px;margin:0;padding:0;list-style:none;display:grid}.cpn-tiers li{background:#0003;border:2px solid #ffffff2a;border-radius:12px;flex-direction:column;align-items:center;padding:8px 4px;display:flex}.cpn-tiers li.on{background:#ffd84a22;border-color:#ffd84a}.cpn-tiers b{font-size:13px}.cpn-tiers small{color:#ffe48a;font-size:12px}.cpn-room-actions{flex-direction:column;gap:8px;display:flex}.cpn-members{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.cpn-members li{background:#0b2a62cc;border-radius:12px;align-items:center;gap:6px;min-height:44px;padding:8px 12px;font-size:14px;display:flex}.cpn-people{gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.cpn-people button{color:#fff;min-height:48px;font-family:var(--font-game);cursor:pointer;text-align:left;background:#041c5d;border:2px solid #2aa2ff;border-radius:14px;flex-direction:column;flex:none;align-items:flex-start;gap:0;padding:6px 12px;display:flex}.cpn-people button b{font-size:14px}.cpn-people button small{color:#bfe3ff;font-size:11px}.cpn-people button.on{background:linear-gradient(170deg,#8a6000,#3a2a06 70%);border-color:#fff15c;box-shadow:0 0 12px #ffd54b55}.cpn-confirm{color:#e3efff;background:#02113fcc;border:2px solid #ffd84a;border-radius:16px;flex-direction:column;gap:6px;padding:12px;font-size:13px;display:flex}.cpn-confirm b{color:#ffd84a;font-size:15px}.cpn-confirm-actions{grid-template-columns:1fr 2fr;gap:8px;display:grid}.cpn-confirm-actions .cpn-primary{min-height:48px;font-size:15px}.cpn-warn{color:#ffe9a3;background:#ffd84a1f;border:1px solid #ffd84a66;border-radius:12px;margin:0;padding:10px 12px;font-size:13px;line-height:1.5}.cpn-warn a{color:#ffd84a;font-weight:700}.gd-panel.cpn-gd{max-width:520px}.cpn-gd-body{flex-direction:column;gap:12px;padding-bottom:8px;display:flex}