.r88-ranking{--blue:#0628a4;display:grid;grid-template-columns:.94fr 1.06fr;gap:clamp(32px,5vw,68px);align-items:center;width:100%;max-width:1180px;margin:30px auto;padding:26px 18px;background:#fff!important;color:#111;font-family:Arial,Helvetica,sans-serif}.r88-copy>p,.r88-copy>h2{margin:0;color:var(--blue);font-weight:900;letter-spacing:-.035em;line-height:1.03;text-transform:none}.r88-copy>p,.r88-copy>h2{font-size:clamp(2rem,3.5vw,3.6rem)}.r88-copy>h3{margin:28px 0 4px;color:var(--blue);font-size:clamp(1.7rem,2.8vw,3rem);font-style:italic;font-weight:900;letter-spacing:-.035em;line-height:1}.r88-copy>span{display:block;margin-bottom:30px;color:var(--blue);font-size:1rem;font-style:italic;font-weight:800}.r88-open{width:min(500px,100%);padding:9px 16px;border:2px solid #5b61ff;background:var(--blue);color:#fff;font-size:clamp(1.35rem,2.45vw,2.2rem);font-weight:900;line-height:1.05;text-transform:none;cursor:pointer}.r88-top8{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:18px;max-width:500px}.r88-top8 article{position:relative;aspect-ratio:1;overflow:hidden;background:#102ca4}.r88-top8 img{width:100%;height:100%;display:block;object-fit:cover}.r88-top8 b{position:absolute;left:0;right:0;bottom:0;padding:3px;background:#092493;color:#fff;text-align:center;font-size:12px}.r88-hero{position:relative;width:100%;aspect-ratio:1.075;isolation:isolate}.r88-hero-cover,.r88-hero-overlay{position:absolute;display:block}.r88-hero-cover{z-index:1;left:12.05%;top:3.1%;width:85.95%;height:84.7%;object-fit:var(--r88-cover-fit);object-position:center;background:var(--r88-bg);border-radius:var(--r88-radius)}.r88-hero-overlay{z-index:2;left:50%;top:50%;width:var(--r88-ow);height:var(--r88-oh);object-fit:var(--r88-overlay-fit);opacity:var(--r88-opacity);transform:translate(calc(-50% + var(--r88-ox)),calc(-50% + var(--r88-oy)));pointer-events:none}.r88-modal{width:min(1080px,calc(100vw - 30px));max-height:92vh;padding:0;border:0;border-radius:28px;background:#fff;box-shadow:0 25px 70px #03115166}.r88-modal::backdrop{background:#06134899;backdrop-filter:blur(4px)}.r88-modal-inner{position:relative;padding:32px}.r88-modal h2{margin:0;color:var(--blue);font-size:clamp(1.6rem,3vw,2.5rem);text-transform:none}.r88-modal p{margin:6px 0 20px;color:#656a78}.r88-close{position:absolute;top:14px;right:18px;border:0;background:transparent;font-size:32px;cursor:pointer}.r88-page{display:none;grid-template-columns:repeat(4,1fr);gap:16px}.r88-page.is-active{display:grid}.r88-option{position:relative;overflow:hidden;border:2px solid transparent;border-radius:15px;background:#fff;box-shadow:0 2px 12px #0b1d6712;cursor:pointer}.r88-option.is-selected{border-color:#254ff5;box-shadow:0 0 0 3px #254ff526}.r88-option input{position:absolute;z-index:2;top:10px;right:10px;width:22px;height:22px}.r88-option img{display:block;width:100%;aspect-ratio:1.1;object-fit:cover}.r88-option span{display:block;min-height:72px;padding:10px}.r88-option strong,.r88-option small{display:block}.r88-option strong{color:#1d2252;line-height:1.15}.r88-option small{margin-top:4px;color:#707583}.r88-modal-actions{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.r88-page-btn{width:40px;height:40px;border:0;border-radius:50%;background:#f0f1f6;color:var(--blue);font-weight:800;cursor:pointer}.r88-page-btn.is-active{background:var(--blue);color:#fff}.r88-submit{padding:12px 34px;border:0;background:#254ff5;color:#fff;font-weight:900;cursor:pointer}.r88-submit:disabled{opacity:.35;cursor:not-allowed}.r88-message{margin-top:12px;text-align:right;font-weight:700}.r88-message.is-success{color:#07833d}.r88-message.is-error{color:#b42318}.r88-closed{padding:24px;border-radius:12px;background:#fff;text-align:center}.r88-modal[open]{animation:r88-in .18s ease-out}@keyframes r88-in{from{opacity:0;transform:translateY(8px) scale(.98)}}@media(max-width:860px){.r88-ranking{grid-template-columns:1fr;padding-inline:14px}.r88-copy{order:2;text-align:center}.r88-hero{order:1;max-width:650px;margin:auto}.r88-top8{margin-inline:auto}.r88-page{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.r88-ranking{padding:16px 10px}.r88-modal-inner{padding:24px 14px}.r88-page{gap:10px}.r88-option span{min-height:66px;padding:8px}.r88-option strong{font-size:12px}.r88-option small{font-size:11px}}