:root{color:#22201d;background:#f3f1ed;font-family:Microsoft YaHei,PingFang SC,Inter,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 12% 0%,rgb(255 255 255 / 84%),transparent 38%),#f3f1ed;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{color:inherit}.calendar-app{min-height:100vh;display:flex;flex-direction:column}.mobile-topbar,.mobile-activities{display:none}.toolbar{min-height:82px;display:flex;align-items:center;gap:20px;padding:15px 26px;border-bottom:1px solid #dedbd5;background:#faf9f7f0;box-shadow:0 8px 32px #39322b0d;position:relative;z-index:30}.view-switch{display:flex;flex:0 0 auto;gap:4px;padding:4px;border:1px solid #dedad4;border-radius:12px;background:#ebe8e3}.view-switch button{border:0;border-radius:8px;padding:9px 17px;color:#7a746c;background:transparent;cursor:pointer;font-size:14px;font-weight:700;white-space:nowrap;transition:.16s ease}.view-switch button:hover{color:#302c27}.view-switch button.is-active{color:#28241f;background:#fff;box-shadow:0 2px 10px #342e281f}.game-filter{min-width:0;display:flex;align-items:center;gap:8px;flex:1;overflow-x:auto;scrollbar-width:none}.game-filter::-webkit-scrollbar{display:none}.game-filter button{min-height:38px;display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid #dfdbd5;border-radius:10px;color:#706a62;background:#f7f5f2;cursor:pointer;font-size:13px;font-weight:700;white-space:nowrap;transition:.16s ease}.game-filter button:hover{border-color:#c8c2ba;background:#fff}.game-filter button>i{width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:var(--game-color);box-shadow:0 0 0 4px color-mix(in srgb,var(--game-color) 14%,transparent)}.game-filter-icon{width:20px;height:20px;flex:0 0 auto;border-radius:5px;object-fit:cover}.game-filter button>span{width:18px;height:18px;display:grid;place-items:center;border:1px solid #d6d1ca;border-radius:5px;color:#fff;background:#fff}.game-filter button>span svg{width:13px;height:13px}.game-filter button.is-selected{border-color:color-mix(in srgb,var(--game-color) 32%,#dad6cf);color:#312d28;background:color-mix(in srgb,var(--game-color) 7%,white)}.game-filter button.is-selected>span{border-color:var(--game-color);background:var(--game-color)}.toolbar-actions{display:flex;align-items:center;gap:14px;margin-left:auto}.today-button{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:8px 13px;border:1px solid #d8d3cc;border-radius:10px;background:#fff;cursor:pointer;font-size:13px;font-weight:700;white-space:nowrap}.today-button:hover{background:#f5f2ee}.today-button svg{width:18px;height:18px}.filter-toggle{display:inline-flex;align-items:center;gap:7px;color:#625d56;cursor:pointer;font-size:13px;font-weight:700;white-space:nowrap}.filter-toggle>svg{width:17px;height:17px;color:#857d74}.filter-toggle input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.filter-toggle i{width:34px;height:20px;padding:2px;border-radius:999px;background:#d6d1ca;transition:.16s ease}.filter-toggle i:after{content:"";width:16px;height:16px;display:block;border-radius:50%;background:#fff;box-shadow:0 1px 4px #231f1b33;transition:.16s ease}.filter-toggle input:checked+i{background:#27231f}.filter-toggle input:checked+i:after{transform:translate(14px)}.upcoming-button,.completed-button{min-height:38px;display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #d8d3cc;border-radius:10px;background:#fff;cursor:pointer;font-size:13px;font-weight:700;white-space:nowrap}.upcoming-button:hover,.completed-button:hover{background:#f5f2ee}.upcoming-button svg,.completed-button svg{width:18px;height:18px}.upcoming-button b,.completed-button b{min-width:19px;height:19px;display:inline-grid;place-items:center;padding:0 5px;border-radius:999px;color:#fff;background:#37322d;font-size:10px}.calendar-frame{min-height:0;flex:1;position:relative;overflow:hidden;background:#eeeae5}.timeline-viewport{width:100%;height:calc(100vh - 82px);overflow:auto;overscroll-behavior:contain;cursor:grab;scrollbar-color:#c6c0b8 transparent;scrollbar-width:thin;-webkit-user-select:none;user-select:none}.timeline-viewport.is-dragging{cursor:grabbing}.timeline-canvas{min-height:100%;position:relative;background:#f7f5f2}.date-header{height:84px;display:flex;position:sticky;top:0;z-index:20;border-bottom:1px solid #d8d3cd;background:#f7f5f2f5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.date-corner{width:126px;flex:0 0 126px;display:flex;align-items:center;gap:7px;padding:0 8px 0 50px;position:sticky;left:0;z-index:24;border-right:1px solid #d8d3cd;background:#f7f5f2}.date-corner strong{font-size:22px;letter-spacing:-.04em;white-space:nowrap}.date-corner span{display:none}.date-list{height:100%;display:flex;position:relative}.date-list:before{content:"";height:1px;position:absolute;right:43px;bottom:12px;left:43px;background:#d6d0c8}.date-cell{height:100%;flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;position:relative;padding-bottom:10px}.date-cell:after{content:"";width:7px;height:7px;position:absolute;bottom:9px;left:calc(50% - 3px);z-index:2;border:2px solid #f7f5f2;border-radius:50%;background:#aaa299;box-shadow:0 0 0 1px #c7c0b7}.date-cell strong{color:#37322d;font-size:20px;line-height:1}.date-cell small{color:#aaa299;font-size:10px;font-weight:700}.date-cell.is-weekend strong{color:#726a61}.date-cell.is-today strong,.date-cell.is-today small{color:#d6242f}.date-cell.is-today:after{width:10px;height:10px;bottom:8px;left:calc(50% - 5px);border-color:#fff6f6;background:#d6242f;box-shadow:0 0 0 2px #d6242f2e}.date-cell .today-label{margin-bottom:3px;padding:2px 7px;border-radius:999px;color:#fff;background:#d6242f;font-size:9px;font-weight:900}.date-cell .date-month{position:absolute;top:6px;left:calc(50% + 17px);color:#9d958b;font-size:9px;font-weight:800}.today-line{width:2px;position:absolute;top:84px;bottom:0;z-index:12;pointer-events:none;background:#d6242f;opacity:.82}.today-line:before{content:"";width:8px;height:8px;position:absolute;top:-4px;left:-3px;border-radius:50%;background:#d6242f}.groups{min-height:calc(100vh - 166px)}.calendar-group{display:flex;position:relative;border-bottom:1px solid #ddd8d1}.calendar-group:nth-child(2n) .group-track{background-color:#f4f1ed}.group-label{width:126px;flex:0 0 126px;display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding:20px 16px 16px 22px;position:sticky;left:0;z-index:15;border-right:1px solid #d8d3cd;background:#f7f5f2f7;box-shadow:10px 0 22px #4b423908}.group-label strong{max-width:92px;font-size:14px;line-height:1.35}.group-mark{width:30px;height:30px;display:grid;place-items:center}.group-mark svg{width:28px;height:28px}.group-mark.has-asset{width:88px;justify-content:start}.group-mark img{max-width:88px;max-height:30px;display:block}.group-mark i{width:19px;height:19px;display:block;border-radius:6px;transform:rotate(45deg)}.group-track{height:100%;flex:0 0 auto;position:relative;overflow:hidden;background:#f9f7f4}.day-points{height:100%;display:flex;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.day-points span{height:100%;flex:0 0 auto;position:relative}.day-points span:after{content:"";width:1px;position:absolute;top:0;bottom:0;left:50%;background:linear-gradient(to bottom,#ddd8d1 0 35%,transparent 35% 55%,#e5e0da 55% 100%);background-size:1px 7px;opacity:.72}.activity-card{height:58px;display:flex;align-items:center;gap:10px;padding:8px 9px 8px 14px;position:absolute;z-index:5;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 20%,#ddd7d0);border-radius:13px;background:linear-gradient(92deg,var(--accent-soft),transparent 58%),#fff;box-shadow:0 1px 1px #38312b14,0 7px 20px #38312b14;color:inherit;cursor:pointer;text-align:left;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease}.activity-card:hover{z-index:9;transform:translateY(-2px);box-shadow:0 1px 2px #38312b1a,0 12px 28px #38312b24}.activity-card.is-past{opacity:.7}.activity-accent{width:4px;align-self:stretch;flex:0 0 auto;border-radius:999px;background:var(--accent)}.activity-copy{min-width:0;display:flex;flex:1;flex-direction:column;justify-content:center;gap:2px}.activity-copy strong{overflow:hidden;color:#292520;font-size:13px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.activity-copy>span:last-child{color:#918980;font-size:10px;font-weight:700;white-space:nowrap}.game-tag{overflow:hidden;font-size:9px;font-weight:900;line-height:1;text-overflow:ellipsis;white-space:nowrap}.activity-rewards{display:flex;align-items:center;gap:5px;padding-left:8px;border-left:1px solid #ece8e2}.reward-icon{width:31px;height:31px;display:grid;flex:0 0 auto;place-items:center;position:relative;border:1px solid #ded9d2;border-radius:8px;color:var(--accent);background:#f8f6f3}.reward-icon svg{width:18px;height:18px}.reward-icon img{width:100%;height:100%;display:block;border-radius:7px;object-fit:contain}.reward-icon small{min-width:14px;padding:1px 3px;position:absolute;right:-4px;bottom:-4px;border-radius:5px;color:#fff;background:#37322d;font-size:7px;font-weight:900;line-height:12px;text-align:center}.edge-button{width:34px;height:50px;display:grid;place-items:center;position:absolute;top:17px;z-index:29;border:1px solid #d6d0c9;color:#655e56;background:#ffffffe0;box-shadow:0 5px 18px #312b261f;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.edge-button:hover{color:#211e1a;background:#fff}.edge-button-left{left:8px;border-radius:10px 4px 4px 10px}.edge-button-right{right:8px;border-radius:4px 10px 10px 4px}.edge-button svg{width:18px;height:18px}.empty-state{width:calc(100vw - 126px);margin-left:126px;padding:72px 24px;color:#958d84;font-size:14px;text-align:center}button:focus-visible,label:has(input:focus-visible){outline:3px solid rgb(44 106 166 / 28%);outline-offset:2px}.side-panel-layer{display:flex;justify-content:flex-end;position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#231f1b47;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:panel-fade-in .18s ease both}.detail-panel-layer{z-index:90}.side-panel{width:min(460px,calc(100vw - 40px));height:100%;display:flex;flex-direction:column;overflow:hidden;border-left:1px solid #d8d3cc;background:#f8f6f3;box-shadow:-24px 0 64px #2d272133;animation:panel-slide-in .22s cubic-bezier(.2,.75,.25,1) both}.panel-header{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 20px;border-bottom:1px solid #e1ddd7;background:#ffffffd1}.panel-eyebrow{min-width:0;display:flex;align-items:center;gap:8px;color:#554f48;font-size:12px;font-weight:800}.panel-eyebrow>img{width:24px;height:24px;border-radius:6px;object-fit:cover}.panel-eyebrow i{padding:4px 7px;border-radius:999px;font-size:10px;font-style:normal}.panel-eyebrow i.is-active{color:#16714d;background:#e4f5ed}.panel-eyebrow i.is-scheduled{color:#856317;background:#f8efd6}.panel-eyebrow i.is-ended{color:#746e67;background:#ece8e3}.panel-close{width:36px;height:36px;display:grid;flex:0 0 auto;place-items:center;border:1px solid #ddd8d1;border-radius:10px;color:#6f6860;background:#fff;cursor:pointer}.panel-close:hover{color:#26221e;background:#f2efeb}.panel-close svg{width:18px;height:18px}.panel-close.is-back{color:#3f3933}.detail-banner{height:168px;flex:0 0 auto;position:relative;overflow:hidden;background:color-mix(in srgb,var(--accent) 12%,#ece8e2)}.detail-banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgb(31 27 24 / 35%),transparent 50%)}.detail-banner img{width:100%;height:100%;display:block;object-fit:cover}.panel-content{min-height:0;flex:1;overflow-y:auto;padding:26px 24px 34px;scrollbar-color:#c7c0b8 transparent;scrollbar-width:thin}.detail-heading>span{display:block;margin-bottom:7px;color:var(--accent);font-size:11px;font-weight:900}.detail-heading h2{margin:0;color:#211e1a;font-size:27px;letter-spacing:-.04em;line-height:1.25}.detail-heading p{margin:6px 0 0;color:#928a81;font-size:12px;font-weight:700}.detail-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:22px 0 26px}.detail-facts div{padding:12px 13px;border:1px solid #e2ddd7;border-radius:11px;background:#fff}.detail-facts dt{margin-bottom:4px;color:#9a9289;font-size:10px;font-weight:800}.detail-facts dd{margin:0;color:#39342e;font-size:13px;font-weight:800}.detail-section+.detail-section{margin-top:28px;padding-top:25px;border-top:1px solid #e1ddd7}.detail-section h3{margin:0 0 10px;color:#302b26;font-size:14px}.detail-section>p{margin:0;color:#625b53;font-size:13px;line-height:1.8}.detail-section>a{display:inline-flex;align-items:center;gap:6px;margin-top:14px;color:var(--accent);font-size:12px;font-weight:800;text-decoration:none}.detail-section>a:hover{text-decoration:underline}.detail-section>a svg{width:15px;height:15px}.detail-section-title{display:flex;align-items:center;justify-content:space-between}.detail-section-title span{color:#9a9289;font-size:11px;font-weight:800}.detail-reward-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.detail-reward{min-height:58px;display:flex;align-items:center;gap:11px;padding:8px 11px 8px 8px;border:1px solid #e2ddd7;border-radius:12px;background:#fff}.detail-reward-icon{width:42px;height:42px;display:grid;flex:0 0 auto;place-items:center;overflow:hidden;border-radius:9px;color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,#f4f1ed)}.detail-reward-icon img{width:100%;height:100%;object-fit:contain}.detail-reward-icon svg{width:23px;height:23px}.detail-reward>span:nth-child(2){min-width:0;flex:1}.detail-reward strong{display:block;overflow:hidden;color:#3a352f;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.detail-reward small{display:block;margin-top:3px;color:#9b938a;font-size:9px}.detail-reward>b{color:#504941;font-size:12px}.detail-empty{color:#958d84!important}.panel-footer{padding:14px 20px 18px;border-top:1px solid #dfdad3;background:#ffffffeb}.detail-complete-button{width:100%;min-height:46px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid color-mix(in srgb,var(--accent) 38%,#d8d3cc);border-radius:12px;color:#fff;background:var(--accent);cursor:pointer;font-size:13px;font-weight:800}.detail-complete-button:hover{filter:brightness(.94)}.detail-complete-button.is-completed{color:#5e5750;background:#f2efeb}.detail-complete-button svg{width:20px;height:20px}.completed-header{min-height:90px}.completed-header>div>span{display:block;margin-bottom:4px;color:#928a81;font-size:10px;font-weight:900}.completed-header h2{margin:0;font-size:22px;letter-spacing:-.03em}.completed-content{min-height:0;flex:1;overflow-y:auto;padding:18px}.completed-list{display:grid;gap:9px;margin:0;padding:0;list-style:none}.completed-list li{display:flex;align-items:center;gap:8px;padding:7px;border:1px solid #e0dbd4;border-left:3px solid var(--accent);border-radius:12px;background:#fff}.completed-item-copy{min-width:0;display:flex;flex:1;align-items:center;gap:10px;padding:4px;border:0;background:transparent;cursor:pointer;text-align:left}.completed-game-mark{width:34px;height:34px;display:grid;flex:0 0 auto;place-items:center;overflow:hidden;border-radius:9px;background:color-mix(in srgb,var(--accent) 10%,#f3f0ec)}.completed-game-mark img{width:100%;height:100%;object-fit:cover}.completed-item-copy>span:last-child{min-width:0}.completed-item-copy small,.completed-item-copy em{display:block;color:#938b82;font-size:9px;font-style:normal;font-weight:700}.completed-item-copy strong{display:block;overflow:hidden;margin:3px 0;color:#39342e;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.completed-remove{flex:0 0 auto;padding:7px 9px;border:1px solid #ddd8d1;border-radius:8px;color:#7f776e;background:#f8f6f3;cursor:pointer;font-size:10px;font-weight:800}.completed-remove:hover{color:#25211d;background:#eeeae5}.completed-empty{min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#999188;text-align:center}.completed-empty svg{width:46px;height:46px;margin-bottom:14px;color:#b6aea5}.completed-empty strong{color:#5d564f;font-size:15px}.completed-empty p{max-width:250px;margin:7px 0 0;font-size:12px;line-height:1.65}.upcoming-header{min-height:90px}.upcoming-layer{align-items:center;justify-content:center;padding:32px}.upcoming-panel{width:min(760px,calc(100vw - 64px));height:min(780px,calc(100vh - 64px));border:1px solid #d8d3cc;border-radius:18px;box-shadow:0 28px 90px #2d27213d;animation:modal-pop-in .22s cubic-bezier(.2,.75,.25,1) both}.upcoming-header>div>span{display:block;margin-bottom:4px;color:#928a81;font-size:10px;font-weight:900}.upcoming-header h2{margin:0;font-size:22px;letter-spacing:-.03em}.upcoming-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:8px;border-bottom:1px solid #dfdad3;background:#ebe7e2}.upcoming-tabs button{min-height:44px;display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:10px;color:#776f67;background:transparent;cursor:pointer;font-size:12px;font-weight:800}.upcoming-tabs button:hover{color:#342f2a}.upcoming-tabs button.is-active{color:#2f2a25;background:#fff;box-shadow:0 2px 9px #362f291a}.upcoming-tabs i{width:8px;height:8px;display:block;border-radius:50%}.upcoming-tabs i.is-expiring{background:#d45a4b}.upcoming-tabs i.is-starting{background:#308b71}.upcoming-tabs b{min-width:21px;height:21px;display:grid;place-items:center;padding:0 5px;border-radius:999px;color:#756d65;background:#e8e4df;font-size:9px}.upcoming-tabs button.is-active b{color:#fff;background:#4b4540}.upcoming-content{min-height:0;flex:1;overflow-y:auto;padding:20px 18px 34px;scrollbar-color:#c7c0b8 transparent;scrollbar-width:thin}.upcoming-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}.upcoming-list li{overflow:hidden;border:1px solid #e0dbd4;border-left:3px solid var(--accent);border-radius:12px;background:#fff}.upcoming-item{width:100%;min-width:0;display:flex;align-items:center;gap:10px;padding:10px;border:0;background:transparent;cursor:pointer;text-align:left}.upcoming-item:hover{background:#faf8f5}.upcoming-item-copy{min-width:0;flex:1}.upcoming-item-copy small,.upcoming-item-copy em{display:block;color:#938b82;font-size:9px;font-style:normal;font-weight:700}.upcoming-item-copy strong{display:block;overflow:hidden;margin:3px 0;color:#39342e;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.upcoming-item>b{flex:0 0 auto;padding:5px 7px;border-radius:7px;color:#6e655c;background:#f0ece7;font-size:9px;white-space:nowrap}.upcoming-section.is-expiring .upcoming-item>b{color:#9d4439;background:#faeae7}.upcoming-section.is-starting .upcoming-item>b{color:#27735d;background:#e6f3ee}.upcoming-section-empty{margin:0;padding:22px 12px;border:1px dashed #dcd6cf;border-radius:11px;color:#9b938a;font-size:11px;text-align:center}@keyframes panel-fade-in{0%{opacity:0}}@keyframes panel-slide-in{0%{transform:translate(32px);opacity:0}}@keyframes modal-pop-in{0%{transform:translateY(10px) scale(.985);opacity:0}}@media(max-width:767px){body{min-height:100dvh;overflow-x:hidden;overflow-y:auto;background:#f3f1ed}.calendar-app{min-height:100dvh;display:block;background:linear-gradient(180deg,#faf9f7 0,#f3f1ed 190px)}.mobile-topbar{min-height:66px;display:flex;align-items:center;justify-content:space-between;padding:calc(10px + env(safe-area-inset-top)) 16px 10px;position:sticky;top:0;z-index:35;border-bottom:1px solid rgb(222 219 213 / 75%);background:#faf9f7eb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.mobile-topbar>div{display:flex;flex-direction:column;gap:1px}.mobile-topbar small{color:#9a9289;font-size:9px;font-weight:800;letter-spacing:.08em}.mobile-topbar strong{color:#292520;font-size:18px;letter-spacing:-.04em}.mobile-topbar>button{width:42px;height:42px;display:grid;place-items:center;position:relative;border:1px solid #ded9d2;border-radius:12px;color:#5f5851;background:#fff}.mobile-topbar>button svg{width:21px;height:21px}.mobile-topbar>button b{min-width:17px;height:17px;display:grid;place-items:center;padding:0 4px;position:absolute;top:-4px;right:-4px;border:2px solid #faf9f7;border-radius:999px;color:#fff;background:#37322d;font-size:8px}.toolbar{min-height:58px;display:block;padding:9px 16px 10px;position:sticky;top:calc(66px + env(safe-area-inset-top));z-index:34;border-bottom-color:#e3dfd9;box-shadow:0 7px 20px #39322b0d;background:#faf9f7f0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.view-switch,.toolbar-actions{display:none}.game-filter{width:100%;gap:7px;overflow-x:auto;padding-right:8px}.game-filter button{min-height:38px;padding:7px 9px;font-size:12px}.game-filter-icon{width:19px;height:19px}.calendar-frame{display:none}.mobile-activities{display:block;padding:23px 16px calc(34px + env(safe-area-inset-bottom))}.mobile-activities-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px}.mobile-activities-heading span{display:block;margin-bottom:4px;color:#968e85;font-size:10px;font-weight:800}.mobile-activities-heading h1{margin:0;color:#25211d;font-size:26px;letter-spacing:-.05em;line-height:1.15}.mobile-activities-heading p{margin:0 0 2px;color:#8a8279;font-size:10px;font-weight:700;white-space:nowrap}.mobile-activity-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin-bottom:13px;padding:4px;border:1px solid #dfdad4;border-radius:13px;background:#e9e5e0}.mobile-activity-tabs button{min-height:42px;display:flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:9px;color:#777067;background:transparent;font-size:12px;font-weight:800}.mobile-activity-tabs button.is-active{color:#302b26;background:#fff;box-shadow:0 2px 9px #362f291a}.mobile-activity-tabs b{min-width:20px;height:20px;display:grid;place-items:center;padding:0 5px;border-radius:999px;color:#746c64;background:#ffffff94;font-size:9px}.mobile-activity-tabs button.is-active b{color:#fff;background:#443e38}.mobile-activity-list{display:grid;gap:9px;margin:0;padding:0;list-style:none}.mobile-activity-list li{overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 18%,#ded9d2);border-left:3px solid var(--accent);border-radius:14px;background:#fff;box-shadow:0 6px 18px #38312b0d}.mobile-activity-item{width:100%;min-height:78px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 10px;border:0;background:linear-gradient(100deg,color-mix(in srgb,var(--accent) 5%,#fff),#fff 50%);text-align:left}.mobile-activity-item:active{background:#f6f3ef}.mobile-game-mark{width:42px;height:42px;display:grid;place-items:center;overflow:hidden;border-radius:11px;background:color-mix(in srgb,var(--accent) 10%,#f3f0ec)}.mobile-game-mark img{width:100%;height:100%;display:block;object-fit:cover}.mobile-activity-copy{min-width:0}.mobile-activity-copy small,.mobile-activity-copy em{display:block;overflow:hidden;color:#968e85;font-size:9px;font-style:normal;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.mobile-activity-copy strong{display:block;overflow:hidden;margin:4px 0;color:#37322d;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.mobile-activity-timing{max-width:78px;padding:5px 7px;border-radius:7px;font-size:9px;font-weight:800;line-height:1.25;text-align:center}.mobile-activity-timing.is-active{color:#9d4439;background:#faeae7}.mobile-activity-timing.is-starting{color:#27735d;background:#e6f3ee}.mobile-activity-empty{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;color:#999188;text-align:center}.mobile-activity-empty svg{width:42px;height:42px;margin-bottom:12px;color:#b6aea5}.mobile-activity-empty strong{color:#5d564f;font-size:14px}.mobile-activity-empty p{margin:7px 0 0;font-size:11px;line-height:1.6}.mobile-list-note{margin:17px 0 0;color:#9b938a;font-size:10px;line-height:1.6;text-align:center}.side-panel-layer{align-items:stretch;padding:0;background:#f8f6f3;-webkit-backdrop-filter:none;backdrop-filter:none}.side-panel,.upcoming-panel{width:100%;max-width:none;height:100dvh;border:0;border-radius:0;box-shadow:none}.panel-header{min-height:66px;padding:calc(10px + env(safe-area-inset-top)) 16px 10px}.detail-banner{height:144px}.panel-content{padding:22px 17px 30px}.detail-heading h2{font-size:24px}.detail-facts{gap:7px;margin:19px 0 23px}.detail-facts div{padding:11px 10px}.detail-facts dd{font-size:12px}.panel-footer{padding:12px 16px calc(14px + env(safe-area-inset-bottom))}.completed-header{min-height:78px}.completed-content{padding:13px}.completed-list li{padding:6px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}