.rf-button,.rf-choice{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:11px 18px;border:1px solid var(--rf-line);border-radius:11px;background:var(--rf-panel-raised);color:var(--rf-text);font:600 15px/1.3 var(--rf-font);text-decoration:none;cursor:pointer;touch-action:manipulation;transition:background var(--rf-motion),transform 120ms}
.rf-button:hover,.rf-choice:hover{background:#20485a}.rf-button:active,.rf-choice:active{transform:scale(.98)}.rf-button--primary{background:var(--rf-accent);border-color:var(--rf-accent);color:#082e34}.rf-button--primary:hover{background:#a1f0e0}.rf-button--danger{color:var(--rf-danger)}.rf-button:disabled{opacity:.5;cursor:default;transform:none}.rf-button--icon{width:46px;padding:10px}.rf-page :focus-visible,.rf-dialog :focus-visible{outline:3px solid var(--rf-focus);outline-offset:4px}.rf-field{display:grid;gap:8px;margin:16px 0;color:var(--rf-muted);font-size:14px}.rf-field input,.rf-field select{width:100%;min-height:46px;padding:12px;border:1px solid var(--rf-line);border-radius:10px;background:#071a28;color:var(--rf-text);font:16px var(--rf-font)}.rf-dialog{box-sizing:border-box;width:min(520px,calc(100% - 24px));max-height:calc(100dvh - 32px);overflow:auto;padding:24px;color:var(--rf-text);background:var(--rf-panel);border:1px solid var(--rf-line);border-radius:20px;box-shadow:0 30px 100px #000a;font:16px/1.5 var(--rf-font)}.rf-dialog::backdrop{background:#020c16c9;backdrop-filter:blur(5px)}.rf-dialog h2{margin:0 0 12px;font-size:25px;line-height:1.2}.rf-dialog p{color:var(--rf-muted)}.rf-dialog .rf-close{float:right;margin:-8px -8px 8px 10px}.rf-error{color:var(--rf-danger);font-size:14px}.rf-status{color:var(--rf-accent);font-size:14px}.rf-choice[aria-pressed="true"]{border-color:var(--rf-accent);background:#194953;box-shadow:inset 0 0 0 1px var(--rf-accent)}.rf-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.rf-choice{justify-content:flex-start;text-align:left}.rf-swatch{width:22px;height:22px;flex:none;border:1px solid #ffffff50;border-radius:5px;background:var(--swatch)}.rf-game-row{position:relative;isolation:isolate;display:flex;align-items:center;min-height:170px;overflow:hidden;padding:26px;border:1px solid var(--rf-line);border-radius:18px;text-decoration:none;color:var(--rf-text);background:#0c2030;transition:border-color var(--rf-motion),transform var(--rf-motion);touch-action:manipulation}.rf-game-row>img{position:absolute;inset:0 0 0 auto;width:70%;height:100%;object-fit:cover;z-index:-2}.rf-game-row::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#06131df5 8%,#071725c9 35%,#06131d08 80%)}.rf-game-row h2{font-size:clamp(25px,4vw,38px);line-height:1.1;margin:0 0 8px}.rf-game-row p{margin:0;color:#c3d1db;font-size:15px}.rf-game-row .rf-arrow{margin-left:auto;align-self:flex-end;display:grid;place-items:center;border:1px solid #bdd8e6aa;background:#071722b8;border-radius:50%;width:42px;height:42px;font-size:28px}.rf-game-row:hover,.rf-game-row:focus-visible{border-color:var(--rf-accent);transform:translateY(-2px)}.rf-game-row:active{transform:scale(.99)}
@media(max-width:520px){.rf-dialog{padding:20px;border-radius:18px}.rf-game-row{min-height:148px;padding:20px}.rf-game-row>img{width:78%}.rf-game-row h2{max-width:180px}.rf-game-row p{font-size:14px}}