/* JLPT180 Event Center 0.3.2: ALL UI SELECTORS SCOPED UNDER #jlpt180-event-page */ /* Astra isolation: ONLY this page's main content wrappers, never site nav/footer. */ body.jlpt180-event-screen { background:#061726 !important; } body.jlpt180-event-screen #content .ast-container, body.jlpt180-event-screen #primary, body.jlpt180-event-screen .site-content > .ast-container, body.jlpt180-event-screen .site-main, body.jlpt180-event-screen article.page, body.jlpt180-event-screen .entry-content, body.jlpt180-event-screen .wp-block-post-content { width:100% !important; max-width:none !important; min-width:0 !important; padding:0 !important; margin:0 !important; border:0 !important; background:transparent !important; box-shadow:none !important; } body.jlpt180-event-screen .entry-header, body.jlpt180-event-screen .entry-title, body.jlpt180-event-screen .wp-block-post-title { display:none !important; } #jlpt180-event-page,#jlpt180-event-page * {box-sizing:border-box;} #jlpt180-event-page :where(h1,h2,h3,h4,p,ul,li,figure,section,article,form) {margin:0;padding:0;} #jlpt180-event-page :where(button,input,textarea,select) {font:inherit;letter-spacing:inherit;} #jlpt180-event-page :where(button) {cursor:pointer;appearance:none;-webkit-appearance:none;} #jlpt180-event-page :where(a) {text-decoration:none;} #jlpt180-event-page :where(img) {max-width:100%;height:auto;display:block;} #jlpt180-event-page :where(form) {border:0;background:none;} body.jlpt180-event-screen{ background:#07182a !important; } body.jlpt180-event-screen .entry-header,body.jlpt180-event-screen .entry-title,body.jlpt180-event-screen .wp-block-post-title,body.jlpt180-event-screen h1.page-title{ display:none !important; } body.jlpt180-event-screen .entry-content,body.jlpt180-event-screen .wp-block-post-content,body.jlpt180-event-screen .site-main,body.jlpt180-event-screen .site-content,body.jlpt180-event-screen .content-area,body.jlpt180-event-screen article.page{ max-width:none !important; width:100%; margin:0 !important; padding:0 !important; border:0; background:transparent !important; box-shadow:none !important; } body.jlpt180-event-screen .entry-content > p:empty{ display:none; } #jlpt180-event-page,#jlpt180-event-page *{ box-sizing:border-box; } #jlpt180-event-page{ --jle-ink:#dce9f3; --jle-muted:#a4b9c9; --jle-gold:#f1d38d; --jle-aqua:#6be0cf; --jle-border:rgba(199,231,224,.18); color:var(--jle-ink); position:relative; isolation:isolate; width:100vw; max-width:none; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); margin-top:0; margin-bottom:0; min-height:100vh; padding:0 0 1px; font-family:system-ui,-apple-system,"Segoe UI",sans-serif; font-size:15px; line-height:1.6; overflow:hidden; background:radial-gradient(ellipse 64% 50% at 96% 4%,rgba(43,149,140,.20),transparent 78%),radial-gradient(ellipse 35% 50% at 0% 50%,rgba(34,92,138,.17),transparent 85%),linear-gradient(145deg,#0b2036 0%,#061422 65%,#0b1c2d 100%); } #jlpt180-event-page::before{ content:""; pointer-events:none; position:absolute; z-index:-1; inset:0; opacity:.17; background-image:linear-gradient(rgba(232,216,168,.19) 1px,transparent 1px),linear-gradient(90deg,rgba(232,216,168,.19) 1px,transparent 1px); background-size:64px 64px; mask-image:linear-gradient(to bottom,rgba(0,0,0,.85),transparent 70%); } #jlpt180-event-page a{ color:inherit; text-decoration:none; } #jlpt180-event-page a:hover,#jlpt180-event-page a:focus{ text-decoration:none; } #jlpt180-event-page :focus-visible{outline:3px solid #f1d38d; outline-offset:3px;} #jlpt180-event-page .jle-header{ border-bottom:1px solid rgba(175,217,207,.15); min-height:80px; padding:13px max(4%,calc((100vw - 1310px)/2)); display:flex; align-items:center; justify-content:space-between; gap:20px; backdrop-filter:blur(10px); background:rgba(6,22,36,.67); } #jlpt180-event-page .jle-brand{ display:flex; gap:13px; align-items:center; font-weight:900; font-size:24px; letter-spacing:-1.2px; color:#f2f8f5 !important; line-height:1.1; } #jlpt180-event-page .jle-brand-mark{ display:grid; place-items:center; height:44px; width:44px; border:1px solid rgba(242,211,141,.55); border-radius:13px; color:#f1d38d; background:linear-gradient(145deg,rgba(236,191,95,.23),rgba(10,38,55,.8)); font-size:25px; flex-shrink:0; } #jlpt180-event-page .jle-brand-num{ color:#f0d28a; } #jlpt180-event-page .jle-brand small{ display:block; font-size:9px; letter-spacing:2.5px; color:#a6d8d2; margin-top:6px; } #jlpt180-event-page .jle-back{ color:#cfe2de !important; font-size:13px; font-weight:700; padding:11px 16px; border:1px solid rgba(193,218,214,.28); background:rgba(255,255,255,.035); border-radius:99px; } #jlpt180-event-page .jle-back:hover{ border-color:rgba(237,205,145,.75); color:#f4d997 !important; } #jlpt180-event-page .jle-content{ max-width:1320px; padding:36px 32px 32px; margin:auto; } #jlpt180-event-page .jle-eyebrow{ display:flex; align-items:center; gap:12px; font-size:11px; font-weight:850; letter-spacing:3px; color:#b9dbd5; margin-bottom:17px; } #jlpt180-event-page .jle-eyebrow-line{ width:38px; height:1px; background:#bca779; } #jlpt180-event-page .jle-live-dot{ height:8px; width:8px; border-radius:50%; background:#80dfbc; box-shadow:0 0 0 5px rgba(95,202,172,.11),0 0 18px rgba(95,202,172,.8); } #jlpt180-event-page .jle-hero{ display:grid; grid-template-columns:minmax(0,1.07fr) minmax(0,.93fr); position:relative; border:1px solid rgba(215,197,146,.38); border-radius:27px; background:linear-gradient(119deg,rgba(17,44,66,.94),rgba(5,24,39,.91)); box-shadow:0 20px 58px rgba(0,0,0,.27),inset 0 1px 0 rgba(249,242,212,.14); overflow:hidden; min-height:460px; } #jlpt180-event-page .jle-hero::before{content:""; position:absolute; height:270px; width:270px; border:1px solid rgba(226,189,111,.12); border-radius:50%; transform:translate(-40%,-50%); left:0; top:0; pointer-events:none; } #jlpt180-event-page .jle-hero-info{ padding:48px clamp(24px,4.4vw,66px) 47px; min-width:0; position:relative; z-index:1; } #jlpt180-event-page .jle-kicker{ display:flex; align-items:center; flex-wrap:wrap; gap:13px; font-size:11px; letter-spacing:1.3px; font-weight:800; } #jlpt180-event-page .jle-status{ display:inline-flex; align-items:center; gap:8px; padding:8px 12px; border:1px solid rgba(93,220,183,.39); border-radius:5px; background:rgba(28,111,94,.25); color:#91f4c9; text-transform:uppercase; letter-spacing:.8px; } #jlpt180-event-page .jle-status::before{content:""; width:6px;height:6px; border-radius:50%; background:currentColor; } #jlpt180-event-page .jle-status-ended{ border-color:rgba(214,175,121,.35); background:rgba(109,81,48,.25); color:#f5d5a7; } #jlpt180-event-page .jle-status-upcoming{border-color:rgba(145,190,223,.4);background:rgba(39,88,139,.25);color:#b5dcf4;} #jlpt180-event-page .jle-event-id{ color:#89a5b7; } #jlpt180-event-page .jle-overline{color:#eccd82; font-size:12px; letter-spacing:4px; font-weight:900; margin-top:31px; } #jlpt180-event-page .jle-hero h1{ font-weight:950; letter-spacing:-1.25px; line-height:1.16; font-size:clamp(32px,3.65vw,56px); margin:12px 0 17px; color:#fff8e6; overflow-wrap:anywhere; text-shadow:0 4px 27px rgba(0,0,0,.19); } #jlpt180-event-page .jle-lead{ color:#bed4df; font-size:15px; line-height:1.8; max-width:570px; margin:0 0 25px !important; overflow-wrap:anywhere; white-space:pre-line; } #jlpt180-event-page .jle-dates{display:flex; gap:27px; flex-wrap:wrap; padding:19px 0 24px; border-top:1px solid rgba(182,214,211,.16); } #jlpt180-event-page .jle-dates > div{ display:flex; gap:10px; align-items:center; min-width:0; } #jlpt180-event-page .jle-date-icon{ font-size:22px; color:var(--jle-gold); } #jlpt180-event-page .jle-dates small{ display:block; font-size:9px; color:#8db1bd; letter-spacing:1.7px; font-weight:850; } #jlpt180-event-page .jle-dates strong{ display:block; font-size:13px; color:#f6f7ec; font-weight:750; white-space:nowrap; } #jlpt180-event-page .jle-hero-action{ display:flex; gap:11px; align-items:center; flex-wrap:wrap; min-height:49px; } #jlpt180-event-page .jle-action-form{ margin:0 !important; display:inline-flex; } #jlpt180-event-page .jle-primary-btn,#jlpt180-event-page .jle-outline-btn{ display:inline-flex !important; gap:25px; align-items:center; justify-content:center; padding:13px 22px; font-size:14px; line-height:1.3; font-weight:850; border-radius:12px; border:1px solid transparent; min-height:48px; cursor:pointer; white-space:normal; text-align:center; transition:background .15s,transform .15s; } #jlpt180-event-page .jle-primary-btn{background:linear-gradient(115deg,#f6dda1,#d8a94e); color:#132936 !important; box-shadow:0 9px 26px rgba(228,177,88,.19);} #jlpt180-event-page .jle-primary-btn:hover{background:linear-gradient(115deg,#ffebbf,#e6bd6e);transform:translateY(-2px);} #jlpt180-event-page .jle-primary-btn span{font-size:20px;line-height:1;} #jlpt180-event-page .jle-outline-btn{ color:#c8f5e2 !important; border-color:rgba(87,211,176,.45); background:rgba(42,118,112,.14); } #jlpt180-event-page .jle-outline-btn:hover{background:rgba(42,118,112,.31);} #jlpt180-event-page .jle-feedback{font-size:13px; font-weight:800; color:#d5e0e2; } #jlpt180-event-page .jle-feedback-warn{color:#ffd39d;} #jlpt180-event-page .jle-claimed{display:inline-flex;align-items:center;gap:12px;font-weight:900;color:#8cf0bf;font-size:13px;letter-spacing:.9px;} #jlpt180-event-page .jle-hero-visual{position:relative; min-height:400px; overflow:hidden; background:radial-gradient(circle at 52% 47%,rgba(205,186,118,.33),transparent 31%), radial-gradient(circle at 74% 23%,rgba(62,164,157,.18),transparent 42%), linear-gradient(150deg,#1c3f50,#071d34 82%);display:flex;align-items:center;justify-content:center;} #jlpt180-event-page .jle-hero-visual::before{ content:""; position:absolute; width:65%; aspect-ratio:1; border:1px solid rgba(240,207,137,.35); border-radius:50%; box-shadow:0 0 0 27px rgba(240,207,137,.04),0 0 0 62px rgba(240,207,137,.025),inset 0 0 67px rgba(226,188,117,.12); } #jlpt180-event-page .jle-hero-visual::after{ content:"✧";position:absolute; top:14%; left:17%; color:rgba(248,220,160,.7); font-size:40px; } #jlpt180-event-page .jle-banner-img{height:100%;width:100%;object-fit:cover;position:absolute;inset:0;opacity:.9;} #jlpt180-event-page .jle-banner-symbol{position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; justify-content:center; height:275px; width:275px; border-radius:50%; border:1px solid rgba(227,207,151,.32); background:radial-gradient(circle,rgba(212,184,106,.18),transparent 65%); text-shadow:0 0 27px rgba(244,207,115,.55); color:#f6d99c; font-size:48px;} #jlpt180-event-page .jle-banner-symbol em{font-style:normal;font-size:37px;font-weight:1000;letter-spacing:3px;color:#f9f2da;text-shadow:0 3px 23px rgba(0,0,0,.7);} #jlpt180-event-page .jle-banner-symbol span:last-child{font-size:25px;} #jlpt180-event-page .jle-visual-footer{ position:absolute; bottom:0;left:0;right:0;display:flex;justify-content:space-between;gap:12px;align-items:center;padding:15px 24px;background:linear-gradient(0deg,rgba(0,12,24,.91),rgba(0,12,24,.25));color:#f2d79a;font-size:10px;font-weight:900;letter-spacing:1.7px; } #jlpt180-event-page .jle-stats{ display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:17px; } #jlpt180-event-page .jle-stats > div{padding:18px 23px;border:1px solid var(--jle-border);border-radius:14px;background:rgba(12,39,58,.72);min-width:0;} #jlpt180-event-page .jle-stats span{display:block;font-size:10px;font-weight:900;letter-spacing:1.9px;color:#86b6b5;margin-bottom:4px;} #jlpt180-event-page .jle-stats strong{display:block;color:#eff5ec;font-size:17px;font-weight:850;overflow-wrap:anywhere;} #jlpt180-event-page .jle-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:17px;margin-top:22px;align-items:start; } #jlpt180-event-page .jle-panel{ border:1px solid var(--jle-border);background:linear-gradient(154deg,rgba(15,42,61,.94),rgba(9,31,48,.92));padding:26px;border-radius:20px;min-width:0;box-shadow:inset 0 1px rgba(255,255,255,.035); } #jlpt180-event-page .jle-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:19px;margin-bottom:20px;border-bottom:1px solid rgba(179,215,215,.16); } #jlpt180-event-page .jle-section-head span:first-child{font-size:10px;color:#edcf8a;letter-spacing:2px;font-weight:950;} #jlpt180-event-page .jle-section-head h2{margin:5px 0 0 !important; font-size:25px !important;letter-spacing:-.5px; color:#f4f5e9;line-height:1.25;font-weight:850;} #jlpt180-event-page .jle-section-icon{display:grid;place-items:center;flex-shrink:0;width:43px;height:43px;border-radius:12px;background:rgba(210,183,117,.10);border:1px solid rgba(210,183,117,.25);font-size:22px;color:#ebcd81;} #jlpt180-event-page .jle-mission-list{display:flex;flex-direction:column;gap:11px;} #jlpt180-event-page .jle-mission{display:flex;gap:14px;align-items:center;border:1px solid rgba(154,207,199,.14);background:rgba(4,22,36,.5);padding:16px;border-radius:14px;} #jlpt180-event-page .jle-mission-badge{height:39px;width:39px;flex-shrink:0;display:grid;place-items:center;background:rgba(34,113,105,.2);border:1px solid rgba(86,199,168,.35);border-radius:11px;color:#87e2c0;font-size:14px;font-weight:900;} #jlpt180-event-page .jle-mission-main{min-width:0;flex:1;} #jlpt180-event-page .jle-mission-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;} #jlpt180-event-page .jle-mission-top strong{font-size:13px;color:#e7f3ec;font-weight:850;overflow-wrap:anywhere;} #jlpt180-event-page .jle-mission-top span{font-size:12px;font-weight:900;color:#eacf8d;white-space:nowrap;} #jlpt180-event-page .jle-progress{height:6px;width:100%;border-radius:30px;background:#1b4155;overflow:hidden;} #jlpt180-event-page .jle-progress i{display:block;height:100%;background:linear-gradient(90deg,#53c8a4,#dece86);border-radius:inherit;} #jlpt180-event-page .jle-mission-main small{font-size:11px;color:#9bbbc5;display:block;margin-top:8px;} #jlpt180-event-page .jle-mission-check{font-weight:1000;color:#79c8b7;font-size:24px;} #jlpt180-event-page .jle-no-mission{display:flex;gap:17px;align-items:flex-start;background:rgba(20,91,84,.15);border:1px solid rgba(86,209,172,.22);padding:19px;border-radius:15px;} #jlpt180-event-page .jle-no-mission-icon{font-size:34px;color:#e9cb85;} #jlpt180-event-page .jle-no-mission strong{display:block;color:#ecf6ef;font-weight:900;font-size:17px;} #jlpt180-event-page .jle-no-mission p{color:#afcad1;margin:5px 0 0;font-size:13px;} #jlpt180-event-page .jle-reward-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;} #jlpt180-event-page .jle-reward-card{display:flex;gap:12px;align-items:center;min-width:0;padding:12px;border:1px solid rgba(240,206,139,.23);border-radius:15px;background:linear-gradient(130deg,rgba(133,97,43,.17),rgba(255,255,255,.02));min-height:110px;} #jlpt180-event-page .jle-reward-art{flex:0 0 73px;display:grid;place-items:center;height:82px;min-width:0;border-radius:11px;background:radial-gradient(circle,rgba(247,199,114,.22),rgba(193,153,72,.08));border:1px solid rgba(243,208,134,.15);} #jlpt180-event-page .jle-reward-art img{max-width:100%;max-height:78px;object-fit:contain;} #jlpt180-event-page .jle-reward-art span{font-size:33px;color:#f8d987;} #jlpt180-event-page .jle-reward-copy{min-width:0;overflow-wrap:anywhere;} #jlpt180-event-page .jle-reward-copy span{display:block;font-size:11px;color:#c5b98d;letter-spacing:.4px;font-weight:750;margin-bottom:3px;} #jlpt180-event-page .jle-reward-copy strong{display:block;font-weight:900;color:#fff0b7;font-size:clamp(14px,1.4vw,19px);line-height:1.3;} #jlpt180-event-page .jle-hint{font-size:12px;color:#b2c5ce;padding-top:13px;margin:12px 0 0 !important;line-height:1.6;} #jlpt180-event-page .jle-empty-reward{font-size:13px;color:#abc2c7;padding:17px;border:1px dashed rgba(229,196,128,.24);border-radius:12px;} #jlpt180-event-page .jle-footer{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;align-items:center;color:#8cb3b7;font-weight:800;font-size:10px;letter-spacing:1.4px;margin-top:35px;padding:20px 5px;border-top:1px solid rgba(171,213,201,.15);} #jlpt180-event-page .jle-content [role="status"]{ border:1px solid rgba(232,204,138,.4) !important;background:rgba(70,49,24,.9) !important;color:#fff0bd !important;padding:14px 17px !important;border-radius:11px !important;} #jlpt180-event-page .jle-empty-page{min-height:90vh;display:grid;place-items:center;} #jlpt180-event-page .jle-empty-inner{padding:55px 24px;max-width:600px;margin:auto;text-align:center;} #jlpt180-event-page .jle-empty-mark{font-size:70px;color:#e4c178;} #jlpt180-event-page .jle-empty-inner>span{font-size:11px;font-weight:900;letter-spacing:3px;color:#a4ddd4;} #jlpt180-event-page .jle-empty-inner h1,#jlpt180-event-page .jle-empty-inner h2{color:#fff3cf;font-weight:900;font-size:clamp(28px,4vw,49px);margin:9px 0 15px;} #jlpt180-event-page .jle-empty-inner p{color:#b8d0d7;margin-bottom:29px;} @media (max-width:900px) {#jlpt180-event-page .jle-content{padding:25px 18px;} #jlpt180-event-page .jle-hero{grid-template-columns:1fr;} #jlpt180-event-page .jle-hero-info{padding:30px 30px 30px;} #jlpt180-event-page .jle-hero-visual{min-height:230px;max-height:290px;} #jlpt180-event-page .jle-banner-symbol{height:215px;width:215px;font-size:37px;} #jlpt180-event-page .jle-banner-symbol em{font-size:28px;} #jlpt180-event-page .jle-stats{gap:9px;} #jlpt180-event-page .jle-stats > div{padding:14px;} #jlpt180-event-page .jle-stats strong{font-size:14px;}} @media (max-width:600px) {#jlpt180-event-page .jle-header{padding:12px 16px;min-height:69px;} #jlpt180-event-page .jle-brand{font-size:20px;} #jlpt180-event-page .jle-brand-mark{height:38px;width:38px;} #jlpt180-event-page .jle-brand small{letter-spacing:1.3px;font-size:8px;} #jlpt180-event-page .jle-back{padding:9px 11px;font-size:12px;} #jlpt180-event-page .jle-back span{display:none;} #jlpt180-event-page .jle-content{padding:20px 12px 26px;} #jlpt180-event-page .jle-eyebrow{font-size:9px;letter-spacing:1.4px;margin:3px 5px 14px;} #jlpt180-event-page .jle-hero{border-radius:20px;} #jlpt180-event-page .jle-hero-info{padding:25px 18px 24px;} #jlpt180-event-page .jle-hero h1{font-size:clamp(29px,8vw,39px);margin:9px 0 13px;} #jlpt180-event-page .jle-overline{font-size:10px;letter-spacing:2.7px;margin-top:22px;} #jlpt180-event-page .jle-kicker{gap:8px;} #jlpt180-event-page .jle-event-id{font-size:9px;} #jlpt180-event-page .jle-lead{font-size:13px;line-height:1.65;} #jlpt180-event-page .jle-dates{gap:12px;padding:15px 0 18px;} #jlpt180-event-page .jle-dates>div{flex:1;min-width:140px;} #jlpt180-event-page .jle-dates strong{font-size:12px;white-space:normal;} #jlpt180-event-page .jle-primary-btn,#jlpt180-event-page .jle-outline-btn{padding:13px 16px;min-height:48px;} #jlpt180-event-page .jle-hero-visual{min-height:205px;} #jlpt180-event-page .jle-visual-footer{font-size:9px;padding:11px 14px;} #jlpt180-event-page .jle-banner-symbol{height:175px;width:175px;} #jlpt180-event-page .jle-banner-symbol em{font-size:23px;} #jlpt180-event-page .jle-stats{grid-template-columns:repeat(2,minmax(0,1fr));} #jlpt180-event-page .jle-stats>div:last-child{grid-column:span 2;} #jlpt180-event-page .jle-stats strong{font-size:13px;} #jlpt180-event-page .jle-detail-grid{grid-template-columns:1fr;gap:14px;margin-top:14px;} #jlpt180-event-page .jle-panel{padding:18px;border-radius:18px;} #jlpt180-event-page .jle-section-head h2{font-size:21px !important;} #jlpt180-event-page .jle-reward-grid{grid-template-columns:repeat(2,minmax(0,1fr));} #jlpt180-event-page .jle-reward-card{flex-direction:column;text-align:center;gap:7px;padding:12px 6px;min-height:150px;} #jlpt180-event-page .jle-reward-art{width:100%;max-width:106px;flex:auto;height:77px;} #jlpt180-event-page .jle-reward-copy strong{font-size:15px;} #jlpt180-event-page .jle-footer{font-size:9px;}} @media (max-width:365px) {#jlpt180-event-page .jle-event-id{display:none;} #jlpt180-event-page .jle-brand{font-size:18px;} #jlpt180-event-page .jle-hero-info{padding:24px 14px;} #jlpt180-event-page .jle-dates > div{min-width:132px;} #jlpt180-event-page .jle-mission{gap:9px;padding:12px;} #jlpt180-event-page .jle-mission-badge{width:31px;height:31px;}} @media (prefers-reduced-motion:reduce){#jlpt180-event-page *{transition:none !important;animation:none !important;}} /* Rich fantasy styling; all visual assets shipped locally. */ #jlpt180-event-page { background:linear-gradient(110deg,rgba(4,14,27,.93),rgba(4,17,33,.84)), url('event-page-atmosphere.webp') center top/cover fixed no-repeat, #071727; --jle-gold:#f9d892; --jle-aqua:#79e6d4; --jle-ink:#f6f7ee; --jle-muted:#b8cbd5; overflow-x:clip; overflow-y:visible; contain:style; } #jlpt180-event-page::before {background-image: radial-gradient(rgba(253,225,153,.35) .9px,transparent 1px),repeating-linear-gradient(90deg,rgba(246,205,120,.04) 0,rgba(246,205,120,.04) 1px,transparent 1px,transparent 95px); background-size:38px 38px,95px 95px;opacity:.36;mask-image:linear-gradient(#000,transparent 95%);} #jlpt180-event-page .jle-picto {display:block;height:100%;width:100%;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(234,193,94,.22));} #jlpt180-event-page .jle-brand-mark .jle-picto {width:39px;height:39px;} #jlpt180-event-page .jle-brand-mark {background:rgba(13,53,69,.72);} #jlpt180-event-page .jle-hero {grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr); min-height:440px; border:1.4px solid rgba(250,207,122,.69); box-shadow:0 19px 55px rgba(0,0,0,.42), inset 0 0 0 1px rgba(255,232,169,.10);} #jlpt180-event-page .jle-hero-info {background:linear-gradient(90deg,rgba(6,25,44,.98) 0%,rgba(7,31,52,.95) 70%,rgba(7,31,52,.35));} #jlpt180-event-page .jle-hero-visual {background:linear-gradient(140deg,#184351,#10283d); min-height:430px;} #jlpt180-event-page .jle-scene-background {position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,24,40,.24),rgba(5,24,40,0) 70%),url('event-hero-art.webp') 50% center/cover no-repeat;opacity:1;} #jlpt180-event-page .jle-hero-visual::before {z-index:1; border-color:rgba(250,220,139,.33);box-shadow:0 0 0 26px rgba(250,198,102,.06),0 0 0 58px rgba(250,198,102,.035);} #jlpt180-event-page .jle-hero-visual::after{z-index:1;text-shadow:0 0 9px rgba(238,203,120,.6);} #jlpt180-event-page .jle-banner-img {z-index:1;border:0;opacity:1;object-position:center;} #jlpt180-event-page .jle-banner-symbol {z-index:2;background:radial-gradient(circle,rgba(13,55,66,.32),rgba(0,0,0,0) 68%);border:0;width:80%;height:85%;box-shadow:none;display:flex;align-items:center;justify-content:flex-end;pointer-events:none;} #jlpt180-event-page .jle-art-seal {display:block!important;width:92px;height:92px;padding:17px;border:2px solid rgba(255,226,159,.9);border-radius:50%;background:rgba(10,35,47,.83);box-shadow:0 0 0 7px rgba(250,219,148,.11),0 0 35px rgba(245,186,67,.22);} #jlpt180-event-page .jle-art-ribbon {display:block!important;margin-top:19px;font-size:12px!important;font-weight:900;letter-spacing:3px;color:#fff0bd;background:rgba(4,28,46,.78);padding:7px 13px;border-radius:30px;} #jlpt180-event-page .jle-visual-footer {z-index:3;background:linear-gradient(0deg,rgba(2,14,28,.95),rgba(2,14,28,.12));} #jlpt180-event-page .jle-date-icon {display:inline-flex;align-items:center;justify-content:center;width:27px;height:27px;flex:0 0 27px;} #jlpt180-event-page .jle-status {background:rgba(30,111,94,.53);border:1px solid rgba(136,245,193,.52);box-shadow:0 0 21px rgba(53,179,134,.13);} #jlpt180-event-page .jle-primary-btn {background:linear-gradient(112deg,#fee59b 0%,#e9b75a 55%,#d8953b 100%);color:#232b30!important;border:1px solid #ffe8ae!important;box-shadow:0 4px 0 rgba(113,67,21,.7),0 9px 24px rgba(232,171,59,.20);font-weight:900;} #jlpt180-event-page .jle-primary-btn:hover {filter:brightness(1.08);transform:translateY(-1px);} #jlpt180-event-page .jle-primary-btn:active{transform:translateY(2px);box-shadow:none;} #jlpt180-event-page .jle-stats>div {background:linear-gradient(136deg,rgba(18,57,71,.90),rgba(8,29,49,.91));border:1px solid rgba(238,202,119,.28);box-shadow:inset 0 1px 0 rgba(252,232,177,.12);} #jlpt180-event-page .jle-panel {position:relative;overflow:hidden;background:linear-gradient(165deg,rgba(13,47,67,.94),rgba(5,25,45,.94));border:1.5px solid rgba(234,189,98,.42);box-shadow:0 14px 24px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,239,183,.10);} #jlpt180-event-page .jle-panel::before {content:'';pointer-events:none;position:absolute;right:-60px;top:-65px;height:210px;width:210px;border-radius:50%;border:1px solid rgba(232,181,91,.18);box-shadow:0 0 0 30px rgba(232,181,91,.035),0 0 0 70px rgba(232,181,91,.025);} #jlpt180-event-page .jle-section-icon {width:54px;height:54px;padding:10px;border:1px solid rgba(239,206,139,.53);background:linear-gradient(145deg,rgba(193,137,56,.24),rgba(14,56,67,.62));} #jlpt180-event-page .jle-section-icon .jle-picto {height:33px;width:33px;} #jlpt180-event-page .jle-no-mission {background:linear-gradient(135deg,rgba(11,67,64,.41),rgba(6,35,54,.85));border:1px solid rgba(103,218,179,.40);} #jlpt180-event-page .jle-no-mission-icon {width:64px;height:64px;flex:0 0 64px;padding:11px;border-radius:16px;background:rgba(251,207,114,.11);border:1px solid rgba(251,207,114,.28);} #jlpt180-event-page .jle-mission-badge{position:relative;height:48px;width:48px;flex:0 0 48px;padding:9px;background:rgba(14,63,70,.68);} #jlpt180-event-page .jle-mission-badge>small{position:absolute;right:-4px;bottom:-4px;border-radius:8px;background:#e3b562;color:#13253b;font-size:8px;font-weight:950;padding:1px 4px;line-height:1.5;margin:0;} #jlpt180-event-page .jle-mission {background:linear-gradient(116deg,rgba(13,58,74,.78),rgba(5,24,40,.62));border-color:rgba(91,193,174,.30);} #jlpt180-event-page .jle-progress{height:9px;border:1px solid rgba(147,220,204,.18);} #jlpt180-event-page .jle-reward-card {border:1px solid rgba(244,198,111,.46);background:linear-gradient(130deg,rgba(112,72,24,.26),rgba(26,53,65,.85));min-height:121px;} #jlpt180-event-page .jle-reward-art {height:90px;flex-basis:82px;background:radial-gradient(circle at 50% 35%,rgba(242,186,62,.28),rgba(27,46,64,.48));border:1px solid rgba(244,203,119,.44);} #jlpt180-event-page .jle-reward-art .jle-picto {height:67px;width:67px;filter:drop-shadow(0 4px 7px rgba(93,182,187,.35));} #jlpt180-event-page .jle-guide {position:relative;display:grid;grid-template-columns:250px 1fr;align-items:center;gap:15px;margin-top:18px;padding:18px 22px;border:1px solid rgba(237,199,132,.37);background:linear-gradient(110deg,rgba(23,62,72,.85),rgba(7,29,48,.83));border-radius:18px;box-shadow:0 8px 24px rgba(0,0,0,.19);} #jlpt180-event-page .jle-guide-title>span{display:block;font-size:10px;color:#eecf8c;letter-spacing:1.5px;font-weight:900;margin-bottom:5px;} #jlpt180-event-page .jle-guide-title>strong{display:block;font-size:18px;color:#faf0ce;line-height:1.35;font-weight:950;} #jlpt180-event-page .jle-guide-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;} #jlpt180-event-page .jle-guide-steps>div {display:grid;grid-template-columns:39px 1fr;align-items:center;column-gap:8px;background:rgba(4,27,41,.52);border:1px solid rgba(147,207,195,.20);padding:9px;border-radius:12px;} #jlpt180-event-page .jle-guide-mark{grid-row:span 2;width:39px;height:39px;padding:4px;background:rgba(240,196,117,.09);border-radius:9px;} #jlpt180-event-page .jle-guide-steps strong{font-size:11px;color:#f7dda5;line-height:1.15;} #jlpt180-event-page .jle-guide-steps p{font-size:10px;color:#b4cad0;line-height:1.4;} @media(max-width:1050px){#jlpt180-event-page .jle-guide{grid-template-columns:1fr;} } @media(max-width:900px){#jlpt180-event-page .jle-hero-visual {min-height:275px;max-height:360px;}#jlpt180-event-page .jle-scene-background{background-position:center 46%;}} @media(max-width:600px){#jlpt180-event-page{background-attachment:scroll;}#jlpt180-event-page .jle-hero-info{padding:25px 18px 23px;}#jlpt180-event-page .jle-hero-visual{height:220px;min-height:220px;max-height:220px;}#jlpt180-event-page .jle-art-seal{width:65px;height:65px;padding:10px;}#jlpt180-event-page .jle-art-ribbon{font-size:8px!important;letter-spacing:1px;}#jlpt180-event-page .jle-guide{padding:14px;gap:11px;}#jlpt180-event-page .jle-guide-title strong{font-size:16px;}#jlpt180-event-page .jle-guide-steps {grid-template-columns:1fr;}#jlpt180-event-page .jle-guide-steps>div{grid-template-columns:36px 1fr;}#jlpt180-event-page .jle-guide-mark{width:36px;height:36px;}#jlpt180-event-page .jle-no-mission-icon{width:50px;height:50px;flex-basis:50px;padding:7px;}#jlpt180-event-page .jle-reward-art{height:71px;flex-basis:70px;}#jlpt180-event-page .jle-reward-art .jle-picto{height:60px;width:60px;}#jlpt180-event-page .jle-reward-card{min-height:156px;} } @media(prefers-reduced-motion:reduce){#jlpt180-event-page *{transition:none!important;animation:none!important;}} /* Last-line Astra shield: Astra often assigns display fonts directly to entry-content headings. */ #jlpt180-event-page :is(h1,h2,h3,h4,h5,h6,p,span,div,a,button,small,strong,em,li) {font-family:system-ui,-apple-system,'Segoe UI',sans-serif;} #jlpt180-event-page :is(h1,h2,h3,h4,h5,h6) {font-style:normal;text-transform:none;} @media(max-width:900px){ #jlpt180-event-page .jle-hero {grid-template-columns:minmax(0,1fr)!important;} #jlpt180-event-page .jle-hero-info {grid-row:1;} #jlpt180-event-page .jle-hero-visual {grid-row:2;height:300px;min-height:260px;max-height:360px;} } @media(max-width:600px){ #jlpt180-event-page .jle-hero-visual {height:225px;min-height:225px;max-height:225px;} #jlpt180-event-page .jle-primary-btn,#jlpt180-event-page .jle-action-form{width:100%;max-width:100%;} } /* 0.3.3 readability and density: scoped within Event only. */ #jlpt180-event-page{--jle-ink:#f5fbff;--jle-muted:#c4dfeb;--jle-border:rgba(238,204,125,.48);font-size:15px!important;line-height:1.48!important;} #jlpt180-event-page .jle-content{max-width:1120px!important;padding:19px 20px 24px!important;} #jlpt180-event-page .jle-header{min-height:58px!important;padding:8px max(3%,calc((100vw - 1120px)/2))!important;} #jlpt180-event-page .jle-eyebrow{margin-bottom:9px!important;} #jlpt180-event-page .jle-hero{min-height:292px!important;border-radius:17px!important;} #jlpt180-event-page .jle-hero-info{padding:22px 25px 19px!important;} #jlpt180-event-page .jle-hero-visual{min-height:292px!important;max-height:355px!important;} #jlpt180-event-page .jle-overline{margin-top:14px!important;} #jlpt180-event-page .jle-hero h1{font-size:clamp(25px,2.7vw,38px)!important;line-height:1.18!important;margin:8px 0 10px!important;color:#fff8e5!important;font-weight:950!important;text-shadow:0 2px 12px rgba(0,0,0,.65)!important;} #jlpt180-event-page .jle-lead{font-size:14px!important;color:#f3f8fb!important;line-height:1.55!important;margin-bottom:10px!important;text-shadow:0 1px 4px rgba(0,0,0,.5)!important;} #jlpt180-event-page .jle-overline,#jlpt180-event-page .jle-kicker,#jlpt180-event-page .jle-dates small,#jlpt180-event-page .jle-eyebrow{color:#f0d797!important;} #jlpt180-event-page .jle-event-id{color:#d5e7f2!important;} #jlpt180-event-page .jle-dates{padding:12px 0!important;gap:16px!important;} #jlpt180-event-page .jle-dates strong{color:#fff!important;font-size:12px!important;} #jlpt180-event-page .jle-stats{margin-top:10px!important;gap:10px!important;} #jlpt180-event-page .jle-stats>div{padding:11px 15px!important;} #jlpt180-event-page .jle-stats span{color:#b6e9ea!important;font-size:11px!important;letter-spacing:.8px!important;} #jlpt180-event-page .jle-stats strong{color:#fff9e9!important;font-size:14px!important;} #jlpt180-event-page .jle-detail-grid{gap:12px!important;margin-top:12px!important;} #jlpt180-event-page .jle-panel{padding:17px!important;border-radius:15px!important;} #jlpt180-event-page .jle-section-head{margin-bottom:11px!important;padding-bottom:10px!important;} #jlpt180-event-page .jle-section-head h2{font-size:20px!important;color:#fff8e9!important;font-weight:900!important;} #jlpt180-event-page .jle-section-head>div>span{color:#ffe5a5!important;font-size:11px!important;} #jlpt180-event-page .jle-no-mission strong,#jlpt180-event-page .jle-mission-top strong,#jlpt180-event-page .jle-guide-title strong{color:#ffffff!important;} #jlpt180-event-page .jle-no-mission p,#jlpt180-event-page .jle-mission-main small,#jlpt180-event-page .jle-guide-steps p{color:#d4edf0!important;font-size:12px!important;} #jlpt180-event-page .jle-mission{padding:11px!important;} #jlpt180-event-page .jle-reward-grid{gap:9px!important;} #jlpt180-event-page .jle-reward-card{min-height:92px!important;padding:9px!important;} #jlpt180-event-page .jle-reward-art{height:67px!important;flex-basis:65px!important;} #jlpt180-event-page .jle-reward-art img{max-height:65px!important;max-width:65px!important;} #jlpt180-event-page .jle-reward-copy span{color:#ffe3a6!important;font-size:12px!important;} #jlpt180-event-page .jle-reward-copy strong{color:#ffffff!important;font-size:14px!important;line-height:1.36!important;} #jlpt180-event-page .jle-hint,#jlpt180-event-page .jle-feedback{color:#f0eef5!important;font-size:13px!important;} #jlpt180-event-page .jle-guide{margin-top:12px!important;padding:12px 15px!important;} #jlpt180-event-page .jle-guide-steps strong{color:#ffe2a8!important;} #jlpt180-event-page .jle-footer{margin-top:13px!important;} #jlpt180-event-page .jle-claimed{color:#98ffbd!important;font-weight:900!important;font-size:13px!important;} #jlpt180-event-page .jle-hero-action .jle-primary-btn{color:#132a39!important;min-height:45px!important;max-width:100%;position:relative;z-index:10;pointer-events:auto!important;opacity:1!important;} #jlpt180-event-page .jle-action-form{position:relative!important;z-index:10!important;pointer-events:auto!important;} #jlpt180-event-page .jle-primary-btn[disabled]{cursor:wait!important;opacity:.7!important;} #jlpt180-event-page .jle-live-message:not(:empty),#jlpt180-event-page .jle-alert{background:#163d47;border:1px solid #75e8c5;color:#effff6!important;border-radius:10px;margin:5px 0 12px;padding:12px 14px;font-weight:750!important;} #jlpt180-event-page .jle-live-message.is-error{border-color:#ffb4a0;background:#532b39;color:#fff2ef!important;} #jlpt180-event-page .jle-live-message:empty{display:none!important;} @media(max-width:900px){#jlpt180-event-page .jle-hero{grid-template-columns:1fr!important;}#jlpt180-event-page .jle-hero-visual{height:220px!important;min-height:220px!important;max-height:220px!important;}#jlpt180-event-page .jle-hero-info{padding:19px 17px!important;}} @media(max-width:600px){#jlpt180-event-page .jle-content{padding:12px 10px 16px!important;}#jlpt180-event-page .jle-header{min-height:54px!important;}#jlpt180-event-page .jle-hero h1{font-size:29px!important;}#jlpt180-event-page .jle-hero-visual{height:185px!important;min-height:185px!important;max-height:185px!important;}#jlpt180-event-page .jle-reward-card{min-height:136px!important;flex-direction:column!important;}#jlpt180-event-page .jle-reward-art{flex-basis:auto!important;width:66px!important;}#jlpt180-event-page .jle-panel{padding:13px!important;}#jlpt180-event-page .jle-section-head h2{font-size:19px!important;}} /* 0.3.5 · Bright, readable event surfaces; scoped to Event Center only. */ body.jlpt180-event-screen {background:#f6f8f4!important;} #jlpt180-event-page {--jle-ink:#203b47;--jle-muted:#4b6570;--jle-gold:#a87925;--jle-aqua:#0a836e;--jle-border:#d3dfd6;background:radial-gradient(circle at 94% 0%,#e2f5eb 0,transparent 36%),linear-gradient(150deg,#fcfcf4,#edf6f2)!important;color:#203b47!important;} #jlpt180-event-page::before {opacity:.09;} #jlpt180-event-page .jle-header {background:rgba(255,255,255,.94)!important;border-color:#d2e2da!important;} #jlpt180-event-page .jle-brand {color:#193b43!important;} #jlpt180-event-page .jle-brand-mark {background:#fdf2ce!important;color:#a06d16!important;border-color:#e8ca81!important;} #jlpt180-event-page .jle-brand-num {color:#a87925!important;} #jlpt180-event-page .jle-brand small {color:#497c73!important;} #jlpt180-event-page .jle-back {background:white!important;color:#205d59!important;border-color:#bdd6cb!important;} #jlpt180-event-page .jle-eyebrow,#jlpt180-event-page .jle-overline,#jlpt180-event-page .jle-kicker {color:#34776c!important;} #jlpt180-event-page .jle-hero {background:linear-gradient(135deg,#fffefa,#f1f9f4)!important;border-color:#d9bf7c!important;box-shadow:0 8px 30px rgba(31,85,73,.1)!important;} #jlpt180-event-page .jle-hero-info {background:linear-gradient(100deg,#fffefa 5%,#f5faf4 92%)!important;} #jlpt180-event-page .jle-hero h1 {color:#233c44!important;text-shadow:none!important;} #jlpt180-event-page .jle-lead {color:#435d63!important;text-shadow:none!important;} #jlpt180-event-page .jle-event-id {color:#456b71!important;} #jlpt180-event-page .jle-dates {border-color:#d6e5dd!important;} #jlpt180-event-page .jle-dates small {color:#507268!important;} #jlpt180-event-page .jle-dates strong {color:#263e48!important;} #jlpt180-event-page .jle-status {background:#def5e9!important;color:#11694e!important;border-color:#7ac6a5!important;} #jlpt180-event-page .jle-status-ended {background:#eef0f1!important;color:#536571!important;border-color:#c7d0d5!important;} #jlpt180-event-page .jle-hero-visual {background:linear-gradient(140deg,#c7ebe5,#edf2df)!important;} #jlpt180-event-page .jle-primary-btn {background:linear-gradient(112deg,#f8da8d,#e9b65c)!important;border-color:#d5a545!important;color:#21353a!important;box-shadow:0 4px 0 #bd944c,0 8px 20px rgba(148,112,53,.14)!important;} #jlpt180-event-page .jle-outline-btn {background:#e5f5ef!important;border-color:#78b9a1!important;color:#17634c!important;} #jlpt180-event-page .jle-stats>div {background:#fff!important;border-color:#d3e2da!important;box-shadow:0 3px 11px rgba(25,70,61,.04)!important;} #jlpt180-event-page .jle-stats span {color:#52766c!important;} #jlpt180-event-page .jle-stats strong {color:#213e44!important;} #jlpt180-event-page .jle-panel {background:#fffefa!important;border-color:#ddcc99!important;box-shadow:0 5px 20px rgba(45,85,72,.07)!important;} #jlpt180-event-page .jle-panel::before {opacity:.35;} #jlpt180-event-page .jle-section-head {border-color:#e1e8e1!important;} #jlpt180-event-page .jle-section-head h2 {color:#263d44!important;} #jlpt180-event-page .jle-section-head>div>span {color:#967022!important;} #jlpt180-event-page .jle-section-icon {background:#f8f0d8!important;color:#986f25!important;border-color:#e5ce96!important;} #jlpt180-event-page .jle-mission,#jlpt180-event-page .jle-no-mission {background:#f5faf6!important;border-color:#d8e9de!important;} #jlpt180-event-page .jle-mission-badge {background:#e0f5eb!important;color:#247660!important;border-color:#93cbb1!important;} #jlpt180-event-page .jle-mission-top strong,#jlpt180-event-page .jle-no-mission strong,#jlpt180-event-page .jle-guide-title strong {color:#253e43!important;} #jlpt180-event-page .jle-mission-main small,#jlpt180-event-page .jle-no-mission p,#jlpt180-event-page .jle-guide-steps p {color:#4f6a70!important;} #jlpt180-event-page .jle-mission-top span {color:#8d681e!important;} #jlpt180-event-page .jle-progress {background:#dbeae2!important;} #jlpt180-event-page .jle-reward-card {background:linear-gradient(145deg,#fff9e9,#f6faf5)!important;border-color:#dfcf99!important;} #jlpt180-event-page .jle-reward-art {background:#fbefd0!important;border-color:#ead9b0!important;} #jlpt180-event-page .jle-reward-copy span {color:#756026!important;} #jlpt180-event-page .jle-reward-copy strong {color:#263f45!important;} #jlpt180-event-page .jle-hint,#jlpt180-event-page .jle-feedback,#jlpt180-event-page .jle-empty-reward {color:#47636a!important;} #jlpt180-event-page .jle-guide {background:#f7faf4!important;border-color:#d9ce9e!important;box-shadow:none!important;} #jlpt180-event-page .jle-guide-title>span,#jlpt180-event-page .jle-guide-steps strong {color:#806323!important;} #jlpt180-event-page .jle-guide-steps>div {background:#fff!important;border-color:#d5e6d9!important;} #jlpt180-event-page .jle-guide-mark {background:#eef7e7!important;} #jlpt180-event-page .jle-footer {color:#5d7771!important;border-color:#d2e4d6!important;} #jlpt180-event-page .jle-claimed {color:#166b48!important;} #jlpt180-event-page .jle-empty-inner h1,#jlpt180-event-page .jle-empty-inner h2 {color:#253f43!important;} #jlpt180-event-page .jle-empty-inner>span {color:#2c8171!important;} #jlpt180-event-page .jle-empty-inner p {color:#54726f!important;} #jlpt180-event-page .jle-content [role="status"],#jlpt180-event-page .jle-live-message:not(:empty),#jlpt180-event-page .jle-alert {background:#e7f7ef!important;color:#235847!important;border-color:#86c6a6!important;} #jlpt180-event-page .jle-live-message.is-error {background:#fff0eb!important;color:#8c3f31!important;border-color:#ecb5a7!important;} #jlpt180-event-page .jle-seven-intro {display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;padding:5px 0 12px;} #jlpt180-event-page .jle-seven-intro strong {color:#245e52;font-size:17px;font-weight:900;} #jlpt180-event-page .jle-seven-intro p {flex:1 1 100%;color:#46696a;font-size:13px;line-height:1.55;} #jlpt180-event-page .jle-seven-intro span {margin-left:auto;padding:4px 9px;border-radius:30px;background:#e0f3e7;color:#146b4c;font-size:12px;font-weight:850;} #jlpt180-event-page .jle-seven-days {display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;} #jlpt180-event-page .jle-seven-day {display:flex;min-width:0;align-items:center;flex-direction:column;gap:3px;justify-content:center;padding:9px 2px;border-radius:11px;border:1px solid #dbe7dd;background:#f7faf6;} #jlpt180-event-page .jle-seven-day span {font-size:10px;color:#536b6d;font-weight:800;white-space:nowrap;} #jlpt180-event-page .jle-seven-day strong {font-size:24px;color:#97aca4;line-height:1.2;} #jlpt180-event-page .jle-seven-day small {font-size:9px;color:#60746e;text-align:center;overflow-wrap:anywhere;} #jlpt180-event-page .jle-seven-day.is-done {background:#e2f6e9;border-color:#82c69c;} #jlpt180-event-page .jle-seven-day.is-done strong {color:#258354;} #jlpt180-event-page .jle-seven-day.is-current {background:#fff4da;border-color:#d7b365;} #jlpt180-event-page .jle-seven-day.is-current strong {color:#a97927;} #jlpt180-event-page .jle-seven-hint {margin-top:11px!important;font-size:12px;line-height:1.55;color:#4e6b6b;} @media(max-width:430px){#jlpt180-event-page .jle-seven-days{gap:3px;}#jlpt180-event-page .jle-seven-day{padding:8px 1px;}#jlpt180-event-page .jle-seven-day span{font-size:9px;}#jlpt180-event-page .jle-seven-day small{font-size:8px;}#jlpt180-event-page .jle-seven-day strong{font-size:21px;}#jlpt180-event-page .jle-primary-btn,#jlpt180-event-page .jle-outline-btn{min-height:44px!important;}} @media(max-width:430px){#jlpt180-event-page .jle-seven-days{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;}#jlpt180-event-page .jle-seven-day{min-height:68px;padding:9px 4px;}#jlpt180-event-page .jle-seven-day span{font-size:11px;}#jlpt180-event-page .jle-seven-day small{font-size:10px;}#jlpt180-event-page .jle-seven-day strong{font-size:23px;}} @media(min-width:431px) and (max-width:900px){#jlpt180-event-page .jle-seven-days{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;}#jlpt180-event-page .jle-seven-day{min-height:69px;}#jlpt180-event-page .jle-seven-day span{font-size:11px;}#jlpt180-event-page .jle-seven-day small{font-size:10px;}} /* v0.4.0: compact, mobile-first multi-event listing; detail page stays unchanged. */ #jlpt180-event-page.jle-event-index .jle-content{max-width:1040px;margin:0 auto;box-sizing:border-box;} #jlpt180-event-page .jle-event-list-heading{margin:10px 0 16px;} #jlpt180-event-page .jle-event-list-heading>span{font-size:11px;font-weight:850;color:#2b806a;letter-spacing:.08em;} #jlpt180-event-page .jle-event-list-heading h1{font-size:clamp(22px,5vw,32px);color:#224449;margin:7px 0;line-height:1.25;overflow-wrap:anywhere;} #jlpt180-event-page .jle-event-list-heading p{color:#506b6b;font-size:13px;margin:0;} #jlpt180-event-page .jle-event-filters{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:16px 0;} #jlpt180-event-page .jle-event-filter{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:7px 11px;box-sizing:border-box;border:1px solid #c9dfd5;border-radius:10px;background:#fff;color:#2e5b52;text-decoration:none!important;font-size:12px;font-weight:750;line-height:1.3;white-space:nowrap;} #jlpt180-event-page .jle-event-filter b{font-weight:850;font-size:11px;color:#287d62;} #jlpt180-event-page .jle-event-filter.is-selected{background:#e3f4e9;border-color:#77bc97;color:#135b44;} #jlpt180-event-page .jle-event-cards{display:grid;gap:10px;min-width:0;} #jlpt180-event-page .jle-event-no-results{padding:22px;text-align:center;border:1px solid #d8e7de;border-radius:14px;background:#fff;color:#58716e;} #jlpt180-event-page .jle-event-tile{display:flex;align-items:center;gap:12px;min-width:0;box-sizing:border-box;padding:12px;border:1px solid #d4c595;border-radius:13px;background:#fffefa;box-shadow:0 3px 14px rgba(34,72,55,.04);} #jlpt180-event-page .jle-event-art{width:78px;height:78px;flex:0 0 78px;display:grid;place-items:center;border-radius:11px;overflow:hidden;background:#f3f0dd;border:1px solid #e5d8b1;} #jlpt180-event-page .jle-event-art img{width:100%;height:100%;object-fit:contain;} #jlpt180-event-page .jle-event-art-icon{font-size:32px;color:#ad8533;} #jlpt180-event-page .jle-event-tile-copy{min-width:0;flex:1;} #jlpt180-event-page .jle-event-tag{display:inline-block;font-size:10px;color:#2b8066;font-weight:800;} #jlpt180-event-page .jle-event-tile h2{font-size:16px!important;line-height:1.35!important;margin:4px 0!important;color:#243e41!important;overflow-wrap:anywhere;} #jlpt180-event-page .jle-event-tile p{font-size:12px;color:#587075;margin:0 0 4px;overflow-wrap:anywhere;} #jlpt180-event-page .jle-event-tile small{font-size:11px;color:#647777;} #jlpt180-event-page .jle-event-open{align-self:center;display:inline-flex;align-items:center;justify-content:center;gap:3px;box-sizing:border-box;min-height:40px;padding:8px 11px;border-radius:9px;background:#e4f4ed;border:1px solid #8bbda9;color:#1b644f!important;font-size:12px;font-weight:850;text-decoration:none!important;white-space:nowrap;} @media(max-width:430px){#jlpt180-event-page .jle-event-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;}#jlpt180-event-page .jle-event-filter{justify-content:center;min-width:0;padding:7px 8px;font-size:11px;min-height:38px;}#jlpt180-event-page .jle-event-tile{padding:9px;gap:9px;}#jlpt180-event-page .jle-event-art{width:55px;height:65px;flex-basis:55px;}#jlpt180-event-page .jle-event-tile h2{font-size:14px!important;}#jlpt180-event-page .jle-event-tile p{font-size:11px;}#jlpt180-event-page .jle-event-open{min-height:38px;padding:8px;font-size:11px;}} @media(min-width:800px){#jlpt180-event-page .jle-event-cards{grid-template-columns:repeat(2,minmax(0,1fr));}} /* v0.5.0: seven independent daily rewards; compact, mobile-first. */ #jlpt180-event-page .jle-daily-prizes {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;min-width:0} #jlpt180-event-page .jle-daily-prize {min-width:0;display:flex;flex-direction:column;gap:7px;background:#fffdf7;border:1px solid #d8bf79;border-radius:12px;padding:11px;box-sizing:border-box;color:#183c34;overflow-wrap:anywhere} #jlpt180-event-page .jle-daily-prize:nth-child(7) {grid-column:span 2;border-color:#d29b30;background:#fff8e6} #jlpt180-event-page .jle-daily-prize strong {font-size:13px;color:#1c4a3b;line-height:1.4} #jlpt180-event-page .jle-daily-prize-item {display:block;font-size:12px;line-height:1.45;color:#375c50;overflow-wrap:anywhere} #jlpt180-event-page .jle-daily-claim,#jlpt180-event-page .jle-daily-claim-status {display:block;width:100%;min-height:38px;box-sizing:border-box;padding:8px;border-radius:8px;text-align:center;font-size:12px;font-weight:700;line-height:1.4} #jlpt180-event-page .jle-daily-claim {border:1px solid #15886d;background:#147c65;color:#fff;cursor:pointer} #jlpt180-event-page .jle-daily-claim:disabled {opacity:.5;cursor:wait} #jlpt180-event-page .jle-daily-claim-status {background:#f1f5ef;border:1px solid #d9e6dd;color:#456457} /* v0.5.2: the prizes panel is half of the desktop detail layout. Do not force four tiny columns based on the entire viewport width. */ #jlpt180-event-page .jle-prizes-panel .jle-daily-prizes{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:100%;box-sizing:border-box} #jlpt180-event-page .jle-prizes-panel .jle-daily-prize{width:100%;max-width:100%;min-width:0;align-items:stretch;overflow-wrap:normal;word-break:normal;white-space:normal} #jlpt180-event-page .jle-prizes-panel .jle-daily-prize > strong, #jlpt180-event-page .jle-prizes-panel .jle-daily-prize-item, #jlpt180-event-page .jle-prizes-panel .jle-daily-claim-status{width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow-wrap:break-word;word-break:normal;white-space:normal;writing-mode:horizontal-tb;text-align:left} #jlpt180-event-page .jle-prizes-panel .jle-daily-prize:nth-child(7){grid-column:1 / -1} @media(max-width:359px){#jlpt180-event-page .jle-prizes-panel .jle-daily-prizes{grid-template-columns:1fr}} /* v0.5.4: compact, image-led daily reward cards; scoped to Event detail. Prevent stretched grid rows and word-by-word reward layouts. */ #jlpt180-event-page .jle-prizes-panel .jle-daily-prizes { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:min-content; align-items:start;align-content:start;gap:12px;min-width:0;container-type:normal; } #jlpt180-event-page .jle-prizes-panel .jle-daily-prize { align-self:start;min-height:0!important;height:auto!important;display:flex;flex-direction:column; gap:10px;padding:15px!important;border:1.5px solid #d9b66a!important;border-radius:17px!important; background:linear-gradient(155deg,#ffffff 0%,#fffcf5 65%,#f0f9f3 100%)!important; box-shadow:0 5px 16px rgba(31,71,60,.09),inset 0 1px #fff!important; color:#213c3e;word-break:normal;overflow-wrap:break-word;text-align:left; } #jlpt180-event-page .jle-prizes-panel .jle-daily-prize.is-claimed {border-color:#8fcba8!important;background:linear-gradient(155deg,#f6fff8,#f0faf2)!important} #jlpt180-event-page .jle-prizes-panel .jle-daily-prize.is-ready {border-color:#dda632!important;box-shadow:0 5px 15px rgba(195,139,45,.17)!important} #jlpt180-event-page .jle-prizes-panel .jle-daily-prize:nth-child(7) {grid-column:1/-1;background:linear-gradient(140deg,#fff8e5,#ecf9ed)!important} #jlpt180-event-page .jle-daily-prize-heading {display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;} #jlpt180-event-page .jle-daily-prize-day {font-size:19px;font-weight:900;color:#1d594a;line-height:1.2;white-space:nowrap} #jlpt180-event-page .jle-daily-prize-emblem {display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border:1px solid #edd8a7;background:#fff3d9;border-radius:10px;} #jlpt180-event-page .jle-daily-prize-emblem img {width:21px;height:21px;object-fit:contain} #jlpt180-event-page .jle-daily-prize-highlight {font-size:11px;letter-spacing:.1em;font-weight:850;color:#986e20} #jlpt180-event-page .jle-daily-prize-rewards {display:flex;flex-direction:column;gap:9px;min-width:0;} #jlpt180-event-page .jle-daily-reward-line {display:flex;align-items:center;gap:9px;min-width:0;padding:5px 7px;border:1px solid #e9ecdf;background:#f7faf5;border-radius:11px;} #jlpt180-event-page .jle-daily-reward-item {border-color:#e9d9b2;background:#fff8e8;padding:6px;} #jlpt180-event-page .jle-daily-reward-description {min-width:0;line-height:1.35;font-size:15px;color:#294948;overflow-wrap:break-word;} #jlpt180-event-page .jle-daily-reward-description b {font-size:15px;font-weight:800;color:#183e3c;} #jlpt180-event-page .jle-daily-reward-description small {display:block;font-size:11px;color:#906e30;margin-bottom:2px;font-weight:700} #jlpt180-event-page .jle-daily-item-image {position:relative;display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;border:1px solid #e6d9b7;border-radius:11px;background:#fff;overflow:hidden;} #jlpt180-event-page .jle-daily-item-image img {display:block;width:100%;height:100%;object-fit:contain;position:relative;z-index:2} #jlpt180-event-page .jle-daily-item-fallback {display:grid;place-items:center;width:100%;height:100%;position:absolute;inset:0;} #jlpt180-event-page .jle-daily-item-fallback img {height:30px;width:30px;object-fit:contain} #jlpt180-event-page .jle-daily-currency-icon {display:grid;place-items:center;width:27px;height:27px;flex:0 0 27px;} #jlpt180-event-page .jle-daily-currency-icon img {width:25px;height:25px;object-fit:contain;} #jlpt180-event-page .jle-daily-prize .jle-milestone-form {margin:0!important;} #jlpt180-event-page .jle-daily-claim,#jlpt180-event-page .jle-daily-claim-status { display:inline-flex!important;width:auto!important;max-width:100%;justify-content:center;align-items:center;align-self:flex-start; padding:8px 14px!important;min-height:36px!important;margin:0!important;font-size:13px!important;font-weight:800;line-height:1.2; border-radius:10px!important;letter-spacing:0;box-sizing:border-box; } #jlpt180-event-page .jle-daily-claim-status {background:#eff3ed;border-color:#d5dfd5;color:#4f6a59;} #jlpt180-event-page .is-claimed>.jle-daily-claim-status {background:#dff3e6;color:#1d704e;border-color:#9ed5b4} #jlpt180-event-page .jle-daily-claim {background:#16896c;color:#fff;border-color:#10795e;cursor:pointer;} #jlpt180-event-page .jle-seven-intro p {font-size:15px!important;line-height:1.6;} #jlpt180-event-page .jle-seven-hint {font-size:14px!important;} #jlpt180-event-page .jle-prizes-panel {container-type:inline-size;} @container (max-width: 460px) { #jlpt180-event-page .jle-prizes-panel .jle-daily-prizes {grid-template-columns:1fr;} #jlpt180-event-page .jle-prizes-panel .jle-daily-prize:nth-child(7) {grid-column:auto;} } @media (max-width:670px) { #jlpt180-event-page .jle-prizes-panel .jle-daily-prizes {grid-template-columns:1fr!important;} #jlpt180-event-page .jle-prizes-panel .jle-daily-prize:nth-child(7) {grid-column:auto;} } /* v0.5.5: stronger light theme, clearer list cards, and brighter lobby-linked event experience. */ #jlpt180-event-page{ background: radial-gradient(circle at top right, rgba(91,203,184,.22), transparent 30%), radial-gradient(circle at bottom left, rgba(236,197,106,.16), transparent 28%), linear-gradient(180deg,#f8fffc 0%,#effaf4 100%)!important; color:#1d3b42!important; } #jlpt180-event-page::before{opacity:.06!important;} #jlpt180-event-page .jle-header{ background:rgba(255,255,255,.96)!important; border-bottom:1px solid rgba(111,187,166,.24)!important; box-shadow:0 8px 24px rgba(26,93,78,.08)!important; } #jlpt180-event-page .jle-content{max-width:1160px!important;} #jlpt180-event-page .jle-hero{ border-radius:28px!important; border:1px solid #d9bf7c!important; background:linear-gradient(135deg,#fffef8,#f4fff9 46%,#eaf8f3 100%)!important; box-shadow:0 18px 44px rgba(28,99,85,.12)!important; } #jlpt180-event-page .jle-hero-info{background:transparent!important;} #jlpt180-event-page .jle-hero h1{color:#143845!important; text-shadow:none!important;} #jlpt180-event-page .jle-lead{color:#395d64!important;} #jlpt180-event-page .jle-primary-btn{background:linear-gradient(135deg,#f6da91,#e8b45a)!important; box-shadow:0 4px 0 #ca9844,0 14px 24px rgba(181,135,56,.18)!important;} #jlpt180-event-page .jle-outline-btn{background:#ecfbf5!important;border-color:#82c8ae!important;color:#165e4d!important;} #jlpt180-event-page .jle-panel{ border-radius:24px!important; border:1px solid #dcc382!important; background:linear-gradient(180deg,#fffef9 0%,#f8fffb 100%)!important; box-shadow:0 14px 32px rgba(27,91,79,.10)!important; } #jlpt180-event-page .jle-section-head{border-bottom:1px solid #dcebe4!important;} #jlpt180-event-page .jle-section-icon{ border-radius:18px!important; background:linear-gradient(145deg,#fff4d0,#edf9f4)!important; box-shadow:0 8px 18px rgba(204,165,78,.14)!important; } #jlpt180-event-page .jle-mission,#jlpt180-event-page .jle-no-mission{ border-radius:18px!important; border:1px solid #d7e8e0!important; background:linear-gradient(180deg,#ffffff,#f5fdf8)!important; } #jlpt180-event-page .jle-seven-day{ border-radius:16px!important; box-shadow:0 6px 16px rgba(22,94,77,.07)!important; } #jlpt180-event-page .jle-daily-prizes{gap:14px!important;} #jlpt180-event-page .jle-daily-prize-card{ border-radius:22px!important; border:1px solid #d7be80!important; background:linear-gradient(180deg,#fffef9 0%,#f4fcf7 100%)!important; box-shadow:0 12px 26px rgba(29,94,77,.09)!important; } #jlpt180-event-page .jle-daily-prize-card.is-eligible{border-color:#89cbae!important; box-shadow:0 14px 28px rgba(33,120,99,.13)!important;} #jlpt180-event-page .jle-daily-prize-card .jle-prize-day-badge{border-radius:14px!important; background:linear-gradient(145deg,#fff6d8,#eef9f4)!important;} #jlpt180-event-page .jle-daily-prize-card .jle-prize-row, #jlpt180-event-page .jle-daily-prize-card .jle-prize-item{ border-radius:16px!important; border:1px solid #dde9e2!important; background:#ffffffcc!important; } #jlpt180-event-page .jle-daily-prize-card .jle-prize-amount, #jlpt180-event-page .jle-daily-prize-card .jle-prize-name{color:#123d45!important; font-weight:800!important;} #jlpt180-event-page .jle-daily-prize-card .jle-prize-meta{color:#8a6723!important; font-weight:800!important;} #jlpt180-event-page .jle-daily-prize-card .jle-prize-thumb{border-radius:14px!important; background:#fffdf6!important; border:1px solid #e6d3a3!important;} #jlpt180-event-page .jle-daily-prize-card .jle-prize-action{ border-radius:14px!important; font-weight:900!important; box-shadow:none!important; } #jlpt180-event-page.jle-event-index .jle-content{max-width:1220px!important;} #jlpt180-event-page .jle-event-list-heading{margin:12px 0 20px!important;} #jlpt180-event-page .jle-event-list-heading>span{color:#8f6720!important; font-size:12px!important; letter-spacing:.14em!important;} #jlpt180-event-page .jle-event-list-heading h1{color:#113843!important; font-size:clamp(32px,4.4vw,56px)!important; font-weight:950!important; margin:10px 0 12px!important;} #jlpt180-event-page .jle-event-list-heading p{color:#456a6f!important; font-size:15px!important;} #jlpt180-event-page .jle-event-filters{gap:10px!important; margin:18px 0 24px!important;} #jlpt180-event-page .jle-event-filter{ min-height:44px!important; padding:10px 14px!important; border-radius:14px!important; border:1px solid #cfe4dc!important; background:linear-gradient(180deg,#ffffff,#f4fbf7)!important; color:#215a54!important; box-shadow:0 6px 14px rgba(27,84,72,.06)!important; } #jlpt180-event-page .jle-event-filter.is-selected{ background:linear-gradient(180deg,#e9fbf2,#dff5ea)!important; border-color:#7fbe9f!important; color:#135740!important; box-shadow:0 10px 18px rgba(31,123,95,.12)!important; } #jlpt180-event-page .jle-event-cards{gap:18px!important;} #jlpt180-event-page .jle-event-tile{ padding:18px!important; gap:16px!important; border-radius:26px!important; border:1px solid #d9bf7a!important; background:linear-gradient(180deg,#fffef9 0%,#f5fcf8 100%)!important; box-shadow:0 16px 30px rgba(29,93,79,.10)!important; } #jlpt180-event-page .jle-event-art{ width:92px!important; height:92px!important; flex-basis:92px!important; border-radius:20px!important; background:linear-gradient(145deg,#fff5d5,#eef9f3)!important; border:1px solid #e3cb93!important; box-shadow:0 8px 18px rgba(208,172,84,.12)!important; } #jlpt180-event-page .jle-event-tag{font-size:11px!important; color:#876321!important; letter-spacing:.04em!important;} #jlpt180-event-page .jle-event-tile h2{font-size:30px!important; color:#113a45!important; line-height:1.22!important; font-weight:950!important; margin:6px 0 8px!important;} #jlpt180-event-page .jle-event-tile p{font-size:15px!important; color:#4a696f!important; margin-bottom:7px!important;} #jlpt180-event-page .jle-event-tile small{font-size:13px!important; color:#597677!important;} #jlpt180-event-page .jle-event-open{ min-height:46px!important; padding:11px 15px!important; border-radius:14px!important; background:linear-gradient(180deg,#eefaf4,#dff3ea)!important; border:1px solid #93c8b2!important; color:#115545!important; box-shadow:0 8px 18px rgba(34,119,97,.10)!important; } @media(max-width:760px){ #jlpt180-event-page .jle-event-tile{padding:14px!important; gap:12px!important; border-radius:20px!important;} #jlpt180-event-page .jle-event-art{width:78px!important;height:78px!important;flex-basis:78px!important;border-radius:16px!important;} #jlpt180-event-page .jle-event-tile h2{font-size:22px!important;} #jlpt180-event-page .jle-event-tile p{font-size:13px!important;} } @media(max-width:430px){ #jlpt180-event-page .jle-event-list-heading h1{font-size:34px!important;} #jlpt180-event-page .jle-event-filter{font-size:12px!important;} }