.checkin-entry{display:flex;align-items:center;gap:28px;position:relative;isolation:isolate;padding:28px 32px;margin-top:22px;min-height:142px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#1b2021;overflow:hidden}
.checkin-entry::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(90deg,#15191ced 0%,#15191cdb 48%,#15191c75 72%,#15191c2e 100%),url('/assets/a21/seria.webp');background-repeat:no-repeat;background-size:cover;background-position:center,right 16%}
.checkin-entry h3{font:700 25px/1.4 var(--serif);margin:4px 0 5px}.checkin-entry p{font-size:12px;color:#cac3b7}.checkin-entry .btn{margin-left:auto;flex-shrink:0}.checkin-entry>.icon{width:36px;height:36px;color:var(--gold)}
.checkin-page{background:#101115}.checkin-page::before{background:#101115}
.checkin-page .interior-main{background:#101115}.checkin-page .interior-main::before{content:none}
.checkin-page .shell{max-width:1440px}
.checkin-scene{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:#101115;mask-image:linear-gradient(180deg,#000 0%,#000 72%,transparent 100%)}
.checkin-scene img{position:absolute;inset:0;width:100%;max-width:none;height:100%;object-fit:cover;object-position:65% top;opacity:.82}
.checkin-scene::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0c0e120f 0%,#0c0e1233 18%,#0c0e12b8 43%,#0c0e12ed 100%),linear-gradient(90deg,#0c0e12ef 0%,#0c0e12c9 32%,#0c0e122e 73%,#0c0e126b 100%)}
.checkin-heading{padding-top:27px}.checkin-heading .breadcrumbs{margin-bottom:12px}
.checkin-welcome{position:relative;min-height:242px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(8,10,14,.83) 0%,rgba(8,10,14,.66) 30%,rgba(8,10,14,.18) 62%,rgba(8,10,14,.07) 100%);border-bottom:1px solid rgba(202,169,102,.11)}
.checkin-welcome .shell{padding-block:28px}.checkin-welcome h1{font-size:38px;margin:8px 0 12px}.checkin-welcome p{color:#ded8ce}.checkin-welcome .eyebrow{color:var(--gold);letter-spacing:0}
.checkin-reset{display:flex;align-items:center;gap:8px;margin-top:22px;color:#d5c49f;font-size:12px}.checkin-reset .icon{width:17px;height:17px}
.checkin-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:48px;padding-block:36px;position:relative}.checkin-body::before{content:"";position:absolute;z-index:0;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background:rgba(9,11,15,.77);border-bottom:1px solid rgba(202,169,102,.08)}.checkin-body>section{position:relative;z-index:1;min-width:0}
.checkin-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.checkin-section-heading h2{font-size:24px}.checkin-section-heading>span{font-size:12px;color:var(--gold-light)}
.checkin-rewards{list-style:none;padding:0;margin:0 0 24px}.checkin-rewards li{display:flex;align-items:center;gap:16px;padding:17px 0;border-top:1px solid var(--line)}.checkin-rewards li:last-child{border-bottom:1px solid var(--line)}.checkin-rewards li>div{min-width:0}.checkin-rewards h3{font-size:15px;font-weight:600;overflow-wrap:anywhere}.checkin-rewards small{font-size:11px;color:var(--muted)}.checkin-rewards strong{margin-left:auto;font:700 30px/1.2 var(--serif);color:var(--gold-light);white-space:nowrap}.checkin-rewards strong span{font:400 12px var(--sans)}
.checkin-item-icon{width:48px;height:48px;display:grid;place-items:center;flex-shrink:0;border:1px solid #cfa9645c;background:#cfa9640c;color:var(--gold-light)}.checkin-item-icon .icon{width:26px;height:26px}
#checkin-guest p{font-size:13px;margin-bottom:20px}#checkin-guest .btn,#checkin-submit{width:100%;min-height:48px}#checkin-guest .inline-link{display:block;text-align:center;margin-top:14px;font-size:12px}
#checkin-form label{display:block;margin-bottom:9px;font-size:13px;color:#d4c5aa}#checkin-character{display:block;width:100%;max-width:100%;height:48px;background:#111216;color:var(--text);border:1px solid #75623f;padding:0 12px;border-radius:0;font-size:13px}#checkin-character:disabled{color:#b1aca3}
#checkin-delivery-note{font-size:12px;margin:12px 0 20px}#checkin-result{overflow-wrap:anywhere;min-height:24px}.checkin-next{font-size:12px;color:#a9b7b2;margin-top:14px}#checkin-retry{background:transparent;padding:0;margin-top:8px}
.checkin-records{border-left:1px solid rgba(202,169,102,.19);padding-left:32px}
.checkin-record-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.checkin-record-heading .eyebrow{font-size:9px;color:#b8a17a;margin-bottom:5px}.checkin-record-heading h2{font-size:24px}.checkin-monthly{text-align:right;flex-shrink:0}.checkin-monthly>span{color:#aaa9a1;font-size:11px}.checkin-monthly p{display:flex;align-items:baseline;justify-content:flex-end;gap:6px;margin-top:2px}.checkin-monthly strong{font:600 28px/1 var(--sans);color:var(--gold-light);font-variant-numeric:tabular-nums}.checkin-monthly p>span{color:#aaa9a1;font-size:11px}
.checkin-calendar-board{position:relative;padding:22px;background:linear-gradient(145deg,rgba(29,31,33,.84),rgba(14,17,20,.91));border:1px solid rgba(202,169,102,.19);border-top-color:rgba(202,169,102,.58);border-radius:6px;box-shadow:0 18px 42px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.025)}
.checkin-calendar-board::before{content:"";position:absolute;inset:8px;border:1px solid rgba(202,169,102,.06);border-radius:4px;pointer-events:none}
.checkin-calendar-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.checkin-calendar-heading h3{font:600 18px/1.4 var(--sans);color:#e9e2d3}.checkin-calendar-heading>span{font-size:10px;color:#ae9b76;white-space:nowrap}#checkin-period-note{font-size:11px;color:#aaa9a4;margin:7px 0 20px}
.checkin-weekdays,.checkin-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.checkin-weekdays{border-bottom:1px solid rgba(202,169,102,.12);margin-bottom:11px;padding:0 2px 10px}.checkin-weekdays span{text-align:center;font-size:10px;color:#9fa19d}.checkin-weekdays span:nth-last-child(-n+2){color:#c0aa82}.checkin-calendar{grid-auto-rows:62px;align-items:center}
.checkin-day{position:relative;justify-self:center;width:min(50px,100%);aspect-ratio:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:1px solid rgba(181,174,157,.12);border-radius:50%;background:rgba(31,35,37,.58);color:#d4d3ca;font-variant-numeric:tabular-nums;box-shadow:inset 0 0 0 3px rgba(9,11,14,.24);transition:border-color .2s ease,background-color .2s ease,color .2s ease}.checkin-day-number{font-size:15px;line-height:18px;font-weight:500}.checkin-day-mark{height:10px;line-height:10px;font-size:8px;white-space:nowrap;color:#9c9f99}
.checkin-day.is-future{background:rgba(14,17,19,.38);border-color:rgba(119,124,120,.09);color:#707570;box-shadow:none}.checkin-day.is-outside{background:transparent;border-color:transparent;color:#565b57;box-shadow:none;opacity:.48}.checkin-day.is-outside .checkin-day-number{font-size:12px}.checkin-day.is-current{background:radial-gradient(circle at 45% 35%,rgba(120,94,49,.72),rgba(48,39,26,.92));border-color:#c6a564;color:#ffe2a5;box-shadow:0 0 0 3px rgba(198,165,100,.1),inset 0 0 0 3px rgba(13,12,10,.3)}.checkin-day.is-current::after{content:"";position:absolute;inset:-4px;border:1px solid rgba(198,165,100,.31);border-radius:50%}.checkin-day.is-current .checkin-day-number{font-weight:700}.checkin-day.is-current .checkin-day-mark{color:#f0cd8d}.checkin-day.is-claimed{background:radial-gradient(circle at 45% 35%,rgba(52,105,80,.9),rgba(27,57,45,.96));border-color:#69977d;color:#d7f0e2;box-shadow:0 0 0 3px rgba(76,137,105,.1),inset 0 0 0 3px rgba(10,24,18,.26)}.checkin-day.is-claimed .checkin-day-mark{color:#a9d4b9}.checkin-day.is-current.is-claimed{border-color:#c5a96a}.checkin-day.is-pending{background:rgba(91,74,42,.55);border-color:#9b8354;color:#ecd39d}.checkin-day.is-pending .checkin-day-mark{color:#d3bd8b}
.checkin-calendar-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid rgba(202,169,102,.12);margin-top:17px;padding-top:14px}.checkin-calendar-footer>span{color:#8f938c;font-size:10px;white-space:nowrap}.checkin-legend{display:flex;flex-wrap:wrap;gap:14px;font-size:10px;color:#b8b8ad}.checkin-legend span{display:flex;align-items:center;gap:6px;white-space:nowrap}.checkin-legend i{display:block;width:9px;height:9px;border-radius:50%;border:1px solid}.checkin-legend .is-claimed{background:#476f57;border-color:#71967d}.checkin-legend .is-current{background:#5b4a2e;border-color:#bc9d61}.checkin-legend .is-future{background:#252b2a;border-color:#606860}
.checkin-recent{margin-top:22px}.checkin-recent>h3{font-size:12px;font-weight:500;color:#cbc5b7;margin-bottom:10px}#checkin-history-empty{font-size:12px;color:#a1a49e;padding-block:10px}.checkin-history{list-style:none;padding:0;margin:0}.checkin-history li{display:flex;gap:12px;align-items:baseline;justify-content:space-between;padding:12px 0;border-top:1px solid #b79b6320;font-size:12px}.checkin-history span{overflow-wrap:anywhere}.checkin-history time{flex-shrink:0;color:#bbb2a2;font-variant-numeric:tabular-nums}.checkin-history em{font-style:normal;color:#98bea5;white-space:nowrap}
.checkin-rules{padding-block:28px 36px;border-top:1px solid var(--line)}.checkin-rules h2{font-size:22px}.checkin-rules ul{padding-left:20px;color:var(--muted);font-size:12px;line-height:2}.checkin-rules .text-link{font-size:12px}.checkin-page .eyebrow{letter-spacing:0}
@media(max-width:900px){.checkin-body{gap:28px}.checkin-records{padding-left:26px}.checkin-entry{gap:18px;padding:24px}.checkin-entry>.icon{display:none}.checkin-entry::before{background-position:center,78% 14%}.checkin-scene img{object-position:90% top}}
@media(min-width:641px) and (max-width:1050px){.checkin-body{gap:24px;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}.checkin-records{padding-left:22px}.checkin-calendar-board{padding:14px}.checkin-calendar{grid-auto-rows:54px}.checkin-weekdays,.checkin-calendar{gap:4px}.checkin-calendar-heading h3{font-size:15px}.checkin-calendar-heading>span{font-size:9px}.checkin-calendar-footer{flex-wrap:wrap}.checkin-legend{gap:10px}.checkin-day-number{font-size:14px}}
@media(max-width:640px){.checkin-body{grid-template-columns:1fr;gap:30px;padding-block:28px}.checkin-records{border-left:0;border-top:1px solid var(--line);padding:26px 0 0}.checkin-welcome{min-height:220px;background:linear-gradient(90deg,rgba(8,10,14,.88),rgba(8,10,14,.54) 72%,rgba(8,10,14,.24))}.checkin-welcome h1{font-size:32px}.checkin-welcome p{font-size:12px}.checkin-scene{mask-image:linear-gradient(180deg,#000 0%,#000 72%,transparent 100%)}.checkin-scene img{height:900px;object-position:90% top;opacity:.66}.checkin-scene::after{background:linear-gradient(180deg,#1011150d,#10111570 240px,#101115e8 570px,#101115 870px),linear-gradient(90deg,#101115b8,#10111580 52%,#10111526)}.checkin-reset{font-size:10px;gap:5px}.checkin-reset .icon{width:14px}.checkin-section-heading h2{font-size:22px}.checkin-rewards strong{font-size:28px}.checkin-rewards li{gap:12px}.checkin-rewards h3{font-size:13px}.checkin-entry{align-items:flex-start;flex-direction:column;gap:17px;min-height:250px;padding-top:28px}.checkin-entry::before{background-image:linear-gradient(180deg,#15191ce8 0%,#15191cbd 58%,#15191c7d 100%),url('/assets/a21/seria.webp');background-position:center,70% 12%}.checkin-entry .btn{margin-left:0;width:100%}.checkin-entry h3{font-size:24px}.checkin-entry p{font-size:11px}.checkin-entry .eyebrow{letter-spacing:0}.checkin-history{font-size:11px}.checkin-history li{gap:8px}}
@media(max-width:640px){.checkin-record-heading h2{font-size:22px}.checkin-monthly strong{font-size:25px}.checkin-calendar-board{padding:16px 12px}.checkin-calendar-heading h3{font-size:16px}.checkin-weekdays,.checkin-calendar{gap:3px}.checkin-calendar{grid-auto-rows:48px}.checkin-day-number{font-size:13px}.checkin-day{width:min(40px,100%);gap:1px}.checkin-day-mark{font-size:7px}.checkin-calendar-footer{gap:7px}.checkin-legend{gap:10px}.checkin-calendar-footer>span{display:none}}
