.homepage{width:min(100%,720px);max-width:100vw;margin:0 auto;padding:16px 12px max(42px,env(safe-area-inset-bottom))}.home-tabs{display:grid;height:50px;grid-template-columns:repeat(2,minmax(0,1fr));padding:4px;border:1px solid var(--line);border-radius:17px;background:var(--surface-2);overflow:hidden}.home-tabs button{position:relative;border:0;border-radius:12px;background:transparent;color:var(--text);cursor:pointer;font-size:14px;font-weight:800}.home-tabs button:after{content:"";position:absolute;left:50%;bottom:-4px;width:80%;height:3px;border-radius:999px;background:var(--accent);transform:translate(-50%) scaleX(0);transition:transform .15s ease}.home-tabs button[aria-selected=true]{background:transparent}.home-tabs button[aria-selected=true]:after{transform:translate(-50%) scaleX(1)}.home-tabs button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-3px}.home-tab-panel{margin-top:14px}.section-title{margin:0 0 13px;font-size:17px;letter-spacing:-.01em}.challenge-list,.game-list{display:grid;gap:10px}.challenge-card,.game-card{min-height:86px;border:1px solid var(--line);border-radius:19px;background:var(--surface)}.challenge-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;overflow:hidden}.challenge-open{display:grid;min-width:0;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:11px;padding:11px 6px 11px 11px;border:0;background:transparent;text-align:left;cursor:pointer}.challenge-open:hover,.challenge-open:focus-visible{outline:none;background:color-mix(in srgb,var(--accent),transparent 94%)}.challenge-card:has(.challenge-open:focus-visible){border-color:var(--accent)}.game-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:13px;padding:11px}.game-icon{display:block;width:58px;height:58px}.game-icon svg,.brand-mark svg{width:100%;height:100%}.game-copy{min-width:0}.game-copy strong,.game-copy h2{display:block;overflow:hidden;margin:0 0 4px;font-size:16px;text-overflow:ellipsis;white-space:nowrap}.game-title-row{display:flex;min-width:0;align-items:center;gap:7px;margin:0 0 4px}.game-title-row h2{min-width:0;margin:0;line-height:20px}.game-achievement{display:grid;width:20px;height:20px;flex:0 0 20px;place-items:center;color:var(--accent)}.game-achievement .achievement-medal{width:20px;height:20px;flex-basis:20px;border-width:1px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--medal-light),transparent 35%),0 1px 3px #0005}.game-achievement .achievement-medal:before,.game-achievement .achievement-medal:after{top:12px;box-sizing:border-box;width:6px;height:7px}.game-achievement .achievement-medal:before{left:2px}.game-achievement .achievement-medal:after{right:2px}.game-achievement .achievement-medal i{inset:5px}.game-copy strong time{color:var(--muted);font-size:10px;font-weight:500}.game-copy small,.game-copy p{display:-webkit-box;overflow:hidden;margin:0;color:var(--muted);font-size:12px;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.duration-buttons{display:flex;flex-wrap:nowrap;justify-content:flex-end;gap:8px}.duration-buttons button{display:grid;width:52px;height:52px;padding:2px;place-items:center;border:1px solid color-mix(in srgb,var(--accent),transparent 67%);border-radius:13px;background:color-mix(in srgb,var(--accent),transparent 93%);color:var(--accent);cursor:pointer}.duration-buttons .game-icon{width:46px;height:46px}.duration-buttons button:hover{background:var(--accent);color:var(--accent-ink)}.challenge-score{display:grid;min-width:52px;height:38px;place-items:center;color:var(--accent);font-size:15px;font-variant-numeric:tabular-nums;font-weight:800}.delete-button{display:grid;width:44px;min-width:44px;margin:0 9px 0 2px;padding:0;place-items:center;align-self:center;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--danger),transparent 73%);border-radius:13px;background:color-mix(in srgb,var(--danger),transparent 94%);color:var(--danger);cursor:pointer}.delete-icon{display:block;width:21px;height:21px}.delete-icon svg{display:block;width:100%;height:100%}.marked-icon{position:relative;display:block;width:fit-content}.marked-icon small{position:absolute;right:-5px;bottom:-4px;display:grid;width:30px;height:18px;padding:0;place-items:center;border:0;background:transparent;color:var(--accent);font-size:16px;font-variant-numeric:tabular-nums;font-weight:700;line-height:1;letter-spacing:-.03em;text-align:center;text-shadow:-3px 0 0 var(--surface),3px 0 0 var(--surface),0 -3px 0 var(--surface),0 3px 0 var(--surface),-2px -2px 0 var(--surface),2px -2px 0 var(--surface),-2px 2px 0 var(--surface),2px 2px 0 var(--surface)}.marked-icon .duration-mark-unlimited{font-size:21px}.empty-state{display:grid;justify-items:center;gap:12px}.empty-state p{margin:0}.toast{position:fixed;z-index:200;left:50%;bottom:max(24px,env(safe-area-inset-bottom));transform:translate(-50%);padding:10px 16px;border:1px solid var(--line);border-radius:999px;background:var(--surface-2);box-shadow:0 10px 30px #0007}@media (max-width: 370px){.homepage{padding-inline:10px}.challenge-open{grid-template-columns:50px minmax(0,1fr) auto;gap:8px;padding-left:9px}.game-card{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:9px}.game-icon{width:50px;height:50px}.challenge-score{min-width:42px}.delete-button{width:40px;min-width:40px;margin-right:7px}.duration-buttons button{width:44px;height:44px}.duration-buttons .game-icon{width:39px;height:39px}.challenge-panel-backdrop{padding:10px}}