.rf-game-frame{position:relative;isolation:isolate;contain:layout paint;box-sizing:border-box;container-type:inline-size;width:100%;max-width:var(--rf-game-max-width, 960px);aspect-ratio:var(--rf-game-aspect-ratio, 3 / 2);min-width:0;overflow:hidden;color:#111;background:#eee;border:1px solid #111;font:12px/1.4 ui-monospace,monospace}.rf-game-frame *,.rf-frame-scrim *{box-sizing:border-box}.rf-frame-chrome{position:absolute;inset:0;display:flex;flex-direction:column;min-height:0}.rf-frame-toolbar{position:absolute;z-index:2;left:14px;right:70px;bottom:14px;min-width:0;display:flex;align-items:center;gap:8px;pointer-events:none}.rf-frame-toolbar>*{pointer-events:auto;border:1px solid #111;background:#eee;padding:6px 8px}.rf-frame-mode{min-width:0;font:11px ui-monospace,monospace}.rf-frame-toolbar button,.rf-frame-selected-friend{max-width:38%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rf-frame-viewport{position:relative;flex:1;min-width:0;min-height:0;overflow:hidden}.rf-frame-viewport>iframe{width:100%;height:100%;display:block;border:0}.rf-game-frame button,.rf-frame-scrim button{padding:8px 12px;min-height:36px;border:1px solid #111;background:#eee;color:#111;font:inherit;cursor:pointer}.rf-game-frame button:disabled,.rf-frame-scrim button:disabled{opacity:.45;cursor:default}.rf-game-frame button:focus-visible,.rf-frame-scrim button:focus-visible{outline:3px solid #111;outline-offset:-3px}.rf-game-frame button:hover:not(:disabled),.rf-frame-scrim button:hover:not(:disabled){background:#ddd}.rf-frame-scrim{position:absolute;inset:0;z-index:30;padding:20px;display:grid;place-items:center;overflow:hidden;background:#1116;color:#111;font:12px/1.45 ui-monospace,monospace}.rf-frame-menu{display:flex;flex-direction:column;width:100%;max-width:520px;max-height:100%;min-height:0;overflow:hidden;border:1px solid #111;background:#eee;outline:none}.rf-frame-menu-heading{display:flex;flex-shrink:0;gap:12px;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid #111}.rf-frame-menu-heading h2{margin:0;font-size:16px}.rf-frame-menu-heading button{font-size:22px;line-height:1}.rf-frame-menu-body{padding:16px;overflow:auto;overscroll-behavior:contain;min-height:0}.rf-frame-menu-body p{margin:0 0 14px}.rf-frame-menu-body h3{margin:0 0 10px}.rf-frame-menu-footer{flex-shrink:0;display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid #111}.rf-frame-friends{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-block:16px}.rf-frame-friends button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:6px;min-height:76px}.rf-frame-friends button[aria-pressed=true]{background:#ddd}.rf-frame-friends small,.rf-frame-note{font-size:12px}.rf-frame-address{overflow-wrap:anywhere;font:12px ui-monospace,monospace}.rf-frame-wallet-balance{font:700 28px ui-monospace,monospace}.rf-game-frame .rf-frame-primary,.rf-frame-scrim .rf-frame-primary{background:#111;color:#eee}@container (max-width: 520px){.rf-frame-scrim{padding:6px}.rf-frame-menu-heading{padding:6px 10px}.rf-frame-menu-body{padding:10px}}@media(max-width:520px){.rf-frame-scrim{padding:6px}.rf-frame-menu-heading{padding:6px 10px}.rf-frame-menu-body{padding:10px}.rf-frame-toolbar{left:6px;bottom:6px;right:42px;gap:4px;font-size:9px}.rf-frame-mode{font-size:9px}.rf-frame-toolbar button{padding-inline:7px}}.rf-runtime-status{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0;padding:20px;text-align:center;background:#eee}.rf-runtime-status p{max-width:36em}.rf-runtime-connection{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.rf-runtime-connection p{flex-basis:100%;overflow-wrap:anywhere}:root{--rf-game-aspect-ratio: 3 / 2;--rf-game-max-width: min(960px, calc(100vw - 72px) , calc((100vh - 96px)*1.5) );--fn-ink: #3a2a1e;--fn-paper: #fff6e6;--fn-wood: #8a5a3a;--fn-wood-light: #b7875a;--fn-wood-dark: #5a3b26;--fn-gold: #f2c94c}html:root{min-height:100%;background-color:#e8c9a0;background-image:radial-gradient(circle at 12px 12px,rgba(255,246,230,.55) 0 2px,transparent 2.5px),repeating-linear-gradient(90deg,#e8c9a0 0 26px,#e2c093 26px 30px);background-size:48px 48px,auto}html:root body{min-height:100vh;margin:0;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px;box-sizing:border-box}html:root body #root{position:relative;width:100%;max-width:calc(var(--rf-game-max-width) + 28px);margin:0 auto;padding:10px;background:repeating-linear-gradient(90deg,var(--fn-wood) 0 9px,#7f5234 9px 10px,var(--fn-wood) 10px 21px,#946244 21px 22px);border:4px solid var(--fn-ink);box-shadow:inset 0 3px 0 var(--fn-wood-light),inset 3px 0 #9a6a48,inset 0 -3px 0 var(--fn-wood-dark),inset -3px 0 0 var(--fn-wood-dark),0 10px #3a2a1e4d}html:root body .rf-game-frame{border-color:var(--fn-ink);background:#8fbf6a}html:root body .rf-frame-toolbar>*{background:#fff6e6f0;color:var(--fn-ink);border:2px solid var(--fn-ink);box-shadow:none}html:root body .rf-frame-toolbar>*,html:root body .rf-game-frame .rf-frame-toolbar button{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:120px;width:auto;max-width:none;height:32px;min-height:32px;padding:0 10px;font:700 12px/1 ui-monospace,Cascadia Mono,Consolas,monospace;white-space:nowrap}html:root body .rf-game-frame .rf-frame-toolbar button:hover:not(:disabled){background:#fff}html:root body .rf-frame-toolbar>.rf-frame-mode{background:#fff6e6bf;border-color:transparent;color:#7a5a3e;font-weight:600;cursor:default}html:root body .rf-frame-toolbar>.rf-frame-mode:before{content:"";flex:none;width:6px;height:6px;margin-right:6px;background:#7fb069;box-shadow:0 0 0 1px var(--fn-ink)}html:root body .rf-frame-menu{background:var(--fn-paper);color:var(--fn-ink);border:3px solid var(--fn-ink)}html:root body .rf-frame-menu-heading,html:root body .rf-frame-menu-footer{border-color:#ead9bd}html:root body .rf-frame-scrim button{background:var(--fn-paper);color:var(--fn-ink);border:2px solid var(--fn-ink)}html:root body .rf-frame-scrim button:hover:not(:disabled){background:#fff}html:root body .rf-frame-scrim .rf-frame-primary{background:var(--fn-gold);color:var(--fn-ink)}html:root body .rf-frame-friends button[aria-pressed=true]{background:var(--fn-gold)}html:root body .rf-runtime-status{background:var(--fn-paper);color:var(--fn-ink)}@media(max-width:640px),(max-height:560px){:root{--rf-game-max-width: min(960px, calc(100vw - 20px) , calc((100vh - 24px)*1.5) )}html:root body{padding:6px}html:root body #root{padding:4px;border-width:3px;max-width:calc(var(--rf-game-max-width) + 14px)}html:root body .rf-frame-toolbar>*,html:root body .rf-game-frame .rf-frame-toolbar button{min-width:0;height:26px;min-height:26px;padding:0 6px;font-size:10px}}