.rf-page{min-height:100dvh;background:#efecec;color:#101612;padding-bottom:calc(96px + env(safe-area-inset-bottom, 0px))}.rf-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #0a9a69;background:#fff}.rf-tabs button{height:44px;border:0;background:#f2f2f2;color:#101612;font-size:16px;font-weight:800}.rf-tabs button[data-on=true]{background:linear-gradient(180deg,#0ea272,#05694a);color:#fff}.rf-art{display:block;width:min(320px,86%);height:auto;margin:8px auto 4px}.rf-card{margin:12px 14px 0;padding:14px 16px 16px;border:1px solid #0a9a69;border-radius:14px;background:#fff}.rf-lead{margin:0 0 8px;font-size:15px}.rf-big{margin:0 0 14px;font-size:17px;line-height:1.35}.rf-code{display:grid;grid-template-columns:1fr auto;align-items:stretch;height:46px;border:1px solid #0a9a69;border-radius:8px;overflow:hidden}.rf-code span{display:grid;align-items:center;padding:0 14px;font-size:18px;letter-spacing:.1em}.rf-code button{display:flex;align-items:center;gap:8px;padding:0 16px;border:0;background:linear-gradient(180deg,#0ea272,#05694a);color:#fff;font-size:16px;font-weight:500;letter-spacing:.04em}.rf-code button:disabled{opacity:.6}.rf-share-label{margin:12px 0 8px;text-align:center;font-size:16px}.rf-share{display:flex;justify-content:center}.rf-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:center}.rf-stats div{display:grid;gap:2px}.rf-stats b{color:#087a53;font-size:19px}.rf-stats small{color:#5a625d;font-size:13px}.rf-viewall{grid-column:1/-1;margin-top:6px;color:#087a53;font-weight:800;font-size:14px;text-decoration:none}.rf-how{margin:0 0 8px;text-align:center;color:#087a53;font-size:19px}.rf-steps{list-style:none;margin:0;padding:0;display:grid;gap:10px}.rf-steps li{display:flex;gap:12px;align-items:flex-start;font-size:15px;line-height:1.35}.rf-steps b{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#087a53;color:#fff;font-size:14px}.rf-filters{display:flex;gap:8px;padding:14px 10px 4px}.rf-pill{flex:1;min-height:40px;padding:0 8px;border:1px solid #0a9a69;border-radius:99px;background:#fff;color:#101612;font-size:13.5px;font-weight:600;box-shadow:0 2px 4px rgba(0,0,0,.22)}.rf-pill[data-on=true]{background:#087a53;color:#fff}.rf-pill--select{display:grid;flex:1.35;padding:0}.rf-pill--select select{width:100%;height:100%;min-height:40px;padding:0 10px;border:0;border-radius:99px;background:transparent;font:inherit;text-align:center;text-align-last:center;appearance:none;-webkit-appearance:none}.rf-list{list-style:none;margin:10px 0 0;padding:0 10px;display:grid;gap:10px}.rf-friend{display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center;padding:10px 14px 14px;border:1px solid #0a9a69;border-radius:12px;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.14)}.rf-friend b{font-size:17px}.rf-meta{display:block;margin-top:4px;font-size:14.5px}.rf-meta i{margin:0 4px;font-style:normal;color:#5a625d}.rf-earned{display:grid;justify-items:end}.rf-earned b{color:#087a53;font-size:17px}.rf-earned small{color:#5a625d;font-size:13.5px}.rf-playing,.rf-poke{grid-column:1/-1;justify-self:center;min-width:120px;height:26px;padding:0 16px;border:0;border-radius:99px;background:#b57428;color:#fff;font-size:13.5px;font-weight:800;box-shadow:0 2px 3px rgba(0,0,0,.3)}.rf-poke:disabled{opacity:.55}.rf-playing{display:grid;place-items:center;background:#087a53}.rf-empty{margin:36px 28px;text-align:center;color:#5a625d;font-size:15px}.rf-retry{border:0;background:none;color:#087a53;font-weight:800;text-decoration:underline}.rf-earn-title{margin:16px 22px 8px;color:#087a53;font-size:19px;font-weight:600}.rf-earn{display:grid;grid-template-columns:1fr auto;gap:4px 10px;padding:10px 16px;border:1px solid #0a9a69;border-radius:12px;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.2);font-size:15px}.rf-earn strong{color:#087a53;text-align:right;font-weight:700}.rf-earn span{color:#087a53}.rf-earn time{text-align:right}