/* Realm of Gold: navy base, bright gold, jewel accents. No white backgrounds. Shared shell generated by gen/strategy/build.py. */
.rg-h1{margin:.2rem 0 .5rem;font-family:"Playfair Display",Georgia,serif;color:#FFD54F}
.rg-stage{position:relative;width:100%;height:clamp(560px,min(170vw,88vh),940px);height:clamp(560px,min(170vw,88dvh),940px);border-radius:18px;overflow:hidden;background:#071634;
  border:3px solid #E8B422;box-shadow:0 0 0 1px #6B4E00,0 14px 40px rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,233,168,.35);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;isolation:isolate;color:#F7E7C1}
@media (min-width:900px){.rg-stage{height:max(580px,min(calc(100vh - 120px),860px));height:max(580px,min(calc(100dvh - 120px),860px))}}
@media (orientation:landscape) and (max-height:540px){.rg-stage{height:calc(100vh - 16px);height:calc(100dvh - 16px);min-height:300px}}
.rg-view{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;outline:none}
.rg-view:focus-visible{box-shadow:inset 0 0 0 3px #FFE9A8}
.rg-view canvas{display:block;width:100%;height:100%}
.rg-fx{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}
.rg-hud{position:absolute;left:0;right:0;top:0;z-index:2;display:flex;align-items:center;gap:6px;padding:6px 8px;padding-top:max(6px,env(safe-area-inset-top));pointer-events:none;flex-wrap:nowrap;
  background:linear-gradient(180deg,rgba(3,10,28,.85),rgba(3,10,28,.35) 80%,rgba(3,10,28,0))}
.rg-stage[data-mode="title"] .rg-hud>.rg-pill,.rg-stage[data-mode="how"] .rg-hud>.rg-pill,.rg-stage[data-mode="levels"] .rg-hud>.rg-pill,.rg-stage[data-mode="title"] .rg-tray,.rg-stage[data-mode="how"] .rg-tray,.rg-stage[data-mode="levels"] .rg-tray{visibility:hidden}
.rg-pill{pointer-events:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:54px;min-height:48px;padding:2px 9px;border-radius:14px;line-height:1.05;
  background:linear-gradient(180deg,rgba(20,40,86,.92),rgba(8,20,50,.92));border:1.5px solid rgba(232,180,34,.85);box-shadow:inset 0 1px 0 rgba(255,233,168,.35)}
.rg-pill small{font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;color:#E9D8A6;white-space:nowrap}
.rg-pill b{font-size:1.25rem;color:#FFE08A;font-variant-numeric:tabular-nums;white-space:nowrap}
.rg-corner{margin-left:auto;display:flex;gap:6px;pointer-events:auto}
.rg-ico{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;cursor:pointer;background:rgba(11,37,69,.8);border:1.5px solid rgba(232,180,34,.85);color:#FFD54F;padding:0}
.rg-ico:hover,.rg-ico:focus-visible{background:#13294b;outline:2px solid #FFE9A8;outline-offset:1px}
.rg-bars{width:20px;height:16px;display:block;background:linear-gradient(#FFD54F,#FFD54F) 0 0/100% 3px,linear-gradient(#FFD54F,#FFD54F) 0 50%/100% 3px,linear-gradient(#FFD54F,#FFD54F) 0 100%/100% 3px;background-repeat:no-repeat}
.rg-sndi{width:22px;height:22px;display:block;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 9h4l5-4v14l-5-4H4z' fill='%23FFD54F'/%3E%3Cpath d='M16 8.5a5 5 0 0 1 0 7M18.5 6a8.5 8.5 0 0 1 0 12' fill='none' stroke='%23FFD54F' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat}
.rg-ico.off .rg-sndi{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 9h4l5-4v14l-5-4H4z' fill='%23FFD54F'/%3E%3Cpath d='M16 9l5 6M21 9l-5 6' fill='none' stroke='%23FF8FA3' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E")}
.rg-fsi{width:18px;height:18px;display:block;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 9V4h5M15 4h5v5M20 15v5h-5M9 20H4v-5' fill='none' stroke='%23FFD54F' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.rg-fsb.on .rg-fsi{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 4v5H4M20 9h-5V4M15 20v-5h5M4 15h5v5' fill='none' stroke='%23FFD54F' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.rg-sheet{position:absolute;z-index:5;color:#F7E7C1}
.rg-sheet[hidden]{display:none!important}
.rg-card{left:50%;top:50%;transform:translate(-50%,-50%);width:min(92%,480px);max-height:calc(100% - 70px);margin-top:28px;overflow:auto;padding:1rem 1.1rem 1.2rem;border-radius:22px;text-align:center;
  background:radial-gradient(ellipse at 50% 0,rgba(44,72,150,.97),rgba(11,31,72,.97) 55%,rgba(6,18,46,.98));border:2px solid #E8B422;box-shadow:0 0 0 5px rgba(8,20,50,.6),0 0 0 6px rgba(232,180,34,.45),0 20px 50px rgba(0,0,0,.6);animation:rg-in .4s cubic-bezier(.2,1.3,.5,1)}
@keyframes rg-in{from{opacity:0;transform:translate(-50%,-45%) scale(.9)}}
.g-overlay.rg-card{display:block;inset:auto;left:50%;top:50%}
.rg-kick{margin:0;font-size:.85rem;letter-spacing:.14em;text-transform:uppercase;color:#9AE6D8}
.rg-logo{margin:.1rem 0 .3rem;font:900 clamp(2rem,9vw,3rem)/1 "Playfair Display",Georgia,serif;background:linear-gradient(180deg,#FFF8DC,#FFD54F 55%,#C99700);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 rgba(3,10,28,.8))}
.rg-logo span{background:linear-gradient(90deg,var(--xa1),var(--xa2));-webkit-background-clip:text;background-clip:text}
.rg-tag{margin:.2rem 0 .7rem;color:#E9D8A6;font-size:1.05rem}
.rg-modes{display:grid;gap:.5rem;margin:.4rem 0 .7rem}
.rg-mode{display:flex;justify-content:space-between;align-items:center;gap:.6rem;min-height:58px;padding:.5rem 1rem;border-radius:16px;cursor:pointer;font:inherit;color:#FFF3C4;text-align:left;
  background:linear-gradient(180deg,rgba(20,50,110,.95),rgba(8,22,56,.95));border:2px solid rgba(232,180,34,.8);box-shadow:inset 0 1px 0 rgba(255,233,168,.35),0 4px 12px rgba(0,0,0,.35)}
.rg-mode b{font-size:1.12rem}.rg-mode small{color:#9AE6D8;font-size:.9rem;text-align:right}
.rg-mode:hover,.rg-mode:focus-visible{border-color:#FFE9A8;background:linear-gradient(180deg,#1C4A9C,#0B2460);outline:2px solid #FFE9A8;outline-offset:2px}
.rg-mode[disabled]{opacity:.45;cursor:not-allowed}
.rg-title{margin:.15rem 0 .6rem;font:800 1.8rem/1.1 "Playfair Display",Georgia,serif;background:linear-gradient(180deg,#FFF8DC,#FFD54F 55%,#C99700);-webkit-background-clip:text;background-clip:text;color:transparent}
.rg-steps{list-style:none;margin:0;padding:0;display:grid;gap:.45rem;text-align:left}
.rg-steps li{display:flex;gap:.7rem;align-items:center;padding:.45rem .7rem;border-radius:12px;background:rgba(3,10,28,.45);border:1px solid rgba(232,180,34,.35);font-size:1.02rem}
.rg-si{font-size:1.5rem;flex:0 0 auto}
.rg-ebtns{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:.8rem}
.rg-stage .btn{min-height:48px;min-width:48px}
.rg-note{color:#CFE8FF;margin:.3rem 0}
.rg-escore{font-size:1.6rem;font-weight:800;color:#FFE08A;margin:.1rem 0}
.rg-mgrid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.rg-mgrid #g-resume{grid-column:1/-1}
.rg-toggle{display:flex;align-items:center;justify-content:center;gap:.6rem;min-height:48px;margin:.2rem auto;padding:.3rem .9rem;border-radius:14px;cursor:pointer;font:inherit;font-weight:700;color:#FFE9A8;background:rgba(3,10,28,.55);border:1.5px solid rgba(232,180,34,.6)}
.rg-toggle i{width:40px;height:24px;border-radius:12px;background:#24365E;position:relative;flex:0 0 auto;border:1px solid rgba(232,180,34,.6)}
.rg-toggle i::after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#8FA3C8;transition:left .2s}
.rg-toggle[aria-pressed="true"] i{background:#1B7F5A}.rg-toggle[aria-pressed="true"] i::after{left:18px;background:#FFD54F}
.rg-lgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:.4rem}
.rg-lv{min-height:50px;border-radius:12px;font:800 1.05rem/1 system-ui,sans-serif;color:#0B1F48;cursor:pointer;border:2px solid #FFE9A8;background:radial-gradient(circle at 35% 30%,#FFF3B0,#E8B422 60%,#8A6100);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}
.rg-lv small{font-size:.62rem;letter-spacing:.05em;color:#3A2A00}
.rg-lv.locked{color:#8FA3C8;background:rgba(3,10,28,.6);border-color:rgba(143,163,200,.4);cursor:not-allowed}
.rg-lv.locked small{color:#8FA3C8}
.rg-lv:not(.locked):hover,.rg-lv:focus-visible{outline:3px solid #FFF8DC;outline-offset:2px}
.rg-realm{margin:.6rem 0 .3rem;text-align:left;font-weight:800;color:#FFE08A;letter-spacing:.04em}
.rg-bar{margin-top:.7rem}
.rg-toast{position:absolute;left:50%;top:64px;transform:translateX(-50%);z-index:4;max-width:min(92%,520px);padding:.5rem 1rem;border-radius:14px;background:rgba(6,18,46,.92);border:1.5px solid #E8B422;color:#FFF3C4;font-weight:700;text-align:center;pointer-events:none;transition:opacity .3s}
.rg-toast[hidden]{display:block!important;opacity:0}
@media (max-width:420px){.rg-pill{min-width:44px;padding:2px 5px}.rg-pill b{font-size:1.05rem}.rg-pill small{font-size:.58rem}.rg-ico{width:44px;height:44px}.rg-corner{gap:4px}.rg-hud{gap:4px;padding:5px}.rg-lgrid{grid-template-columns:repeat(5,1fr)}}
@media (orientation:landscape) and (max-height:540px){.rg-card{width:min(94%,640px);padding:.6rem 1rem .8rem}.rg-modes{grid-template-columns:1fr 1fr}.rg-tag{display:none}.rg-logo{font-size:2rem}.rg-steps{grid-template-columns:1fr 1fr}.rg-lgrid{grid-template-columns:repeat(9,1fr)}}
.rg-stage.rg-full{border-radius:0;border:0;height:100%;width:100%}
html.rg-fs-on .rg-stage{position:fixed;inset:0;z-index:9999;height:100vh;height:100dvh;width:100vw;border-radius:0;border:0;margin:0}
html.rg-fs-on,html.rg-fs-on body{overflow:hidden;height:100%}
html.rg-fs-on header.site,html.rg-fs-on footer.site,html.rg-fs-on .btt,html.rg-fs-on .skip,html.rg-fs-on [class*="vip-chat"]{display:none!important}
@media (prefers-reduced-motion:reduce){.rg-card{animation:none}}
.rg-stage>#g-snd{display:none!important}

/* ---- Realm of Gold specifics ---- */
.rg-stage{--xa1:#FFD54F;--xa2:#3FD98A;background:#071634}
.rg-landp b::before{content:"";display:inline-block;width:.6em;height:.6em;margin-right:.25em;vertical-align:.04em;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(135deg,#FFF3B0,#FFC72C 55%,#8A6100)}
.rg-poolp b{color:#9AF7C8}
.rg-stage[data-mode="title"] .rg-hud>.rg-pill,.rg-stage[data-mode="how"] .rg-hud>.rg-pill,.rg-stage[data-mode="atlas"] .rg-hud>.rg-pill,.rg-stage[data-mode="end"] .rg-hud>.rg-pill{visibility:hidden}
.rg-stage:not([data-mode="play"]) .rg-dock,.rg-stage:not([data-mode="play"]) .rg-panel{display:none}
.rg-stage:not([data-mode="play"]) .rg-view{filter:brightness(.72) saturate(.95)}
.rg-dock{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:4px 6px;padding-bottom:max(6px,env(safe-area-inset-bottom));background:linear-gradient(0deg,rgba(3,10,28,.95),rgba(3,10,28,.78) 70%,rgba(3,10,28,0));display:flex;flex-direction:column;gap:4px}
.rg-hint{margin:0;padding:0 4px;min-height:1.2em;font-size:.88rem;font-weight:700;color:#FFE9A8;text-shadow:0 1px 2px #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rg-drow{display:flex;gap:6px;align-items:stretch;min-width:0}
.rg-tools{flex:1 1 auto;min-width:0;display:flex;gap:6px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x;padding:2px 1px;align-items:stretch}
.rg-tools::-webkit-scrollbar{display:none}
.rg-tools.rg-more{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 34px),rgba(0,0,0,.15));mask-image:linear-gradient(90deg,#000 calc(100% - 34px),rgba(0,0,0,.15))}
.rg-chip{flex:0 0 auto;scroll-snap-align:start;min-height:58px;min-width:58px;padding:4px 12px;border-radius:14px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;font:inherit;color:#FFF3C4;cursor:pointer;text-align:left;
  background:linear-gradient(180deg,rgba(20,44,96,.95),rgba(8,20,50,.95));border:2px solid rgba(232,180,34,.55)}
.rg-chip b{font-size:1rem;white-space:nowrap}.rg-chip small{font-size:.72rem;color:#E9D8A6;white-space:nowrap}
.rg-chip[aria-pressed="true"]{border-color:#FFE9A8;box-shadow:0 0 0 2px #FFD54F,0 0 14px rgba(255,213,79,.5);background:linear-gradient(180deg,#24539f,#0e2a66)}
.rg-chip:focus-visible,.rg-go:focus-visible,.rg-pb:focus-visible,.rg-wd:focus-visible,.rg-diff:focus-visible{outline:3px solid #FFF8DC;outline-offset:2px}
.rg-trade{background:linear-gradient(180deg,#1E8A57,#0B5A34)!important;border-color:#9AF7C8!important;animation:rg-glow 1.6s ease-in-out infinite}
.rg-trade small{color:#D8FFE8}
.rg-bn,.rg-king{cursor:default}
.rg-king{border-left-width:7px}.rg-king.k0{border-left-color:#FFC72C}.rg-king.k1{border-left-color:#4FA8FF}.rg-king.k2{border-left-color:#FF4D6D}.rg-king.k3{border-left-color:#3FD98A}
.rg-king.dead{opacity:.5}
.rg-go{flex:0 0 auto;width:112px;min-height:62px;border-radius:16px;cursor:pointer;font:800 1rem/1.1 system-ui,sans-serif;color:#1A1200;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px 8px;text-align:center;
  background:linear-gradient(180deg,#FFF3B0,#FFD54F 45%,#E8B422);border:2px solid #FFF8DC;box-shadow:0 0 0 2px #8A6100,0 6px 16px rgba(0,0,0,.4)}
.rg-go small{font-size:.72rem;font-weight:700;color:#4A3500}
.rg-go[disabled]{filter:saturate(.45) brightness(.55);cursor:default}
.rg-go.pulse{animation:rg-glow 1.6s ease-in-out infinite}
@keyframes rg-glow{50%{box-shadow:0 0 0 2px #8A6100,0 0 24px rgba(255,213,79,.85)}}
.rg-panel{position:absolute;z-index:3;right:8px;top:70px;width:min(340px,calc(100% - 16px));max-height:calc(100% - 70px - 128px);overflow:auto;box-sizing:border-box;padding:.6rem .7rem .7rem;border-radius:18px;background:linear-gradient(180deg,rgba(24,52,112,.97),rgba(7,20,50,.97));border:2px solid #E8B422;box-shadow:0 12px 30px rgba(0,0,0,.55);color:#F7E7C1}
.rg-panel[hidden]{display:none}
.rg-phd{display:flex;align-items:center;justify-content:space-between;gap:.5rem}
.rg-pname{margin:0;font:800 1.15rem/1.15 "Playfair Display",Georgia,serif;color:#FFE08A}
.rg-x{flex:0 0 auto;width:44px;height:44px;border-radius:12px;font-size:1.6rem;line-height:1;color:#FFD54F;background:rgba(3,10,28,.5);border:1.5px solid rgba(232,180,34,.6);cursor:pointer}
.rg-pstat{margin:.25rem 0 .45rem;font-size:.92rem;color:#CFE8FF;line-height:1.3}
.rg-odds{height:12px;border-radius:6px;background:rgba(3,10,28,.7);border:1px solid rgba(232,180,34,.6);overflow:hidden;margin:0 0 .5rem}
.rg-odds i{display:block;height:100%;width:50%;transition:width .3s}
.rg-odds.good i{background:linear-gradient(90deg,#1E8A57,#7DF29A)}.rg-odds.mid i{background:linear-gradient(90deg,#B88400,#FFD54F)}.rg-odds.bad i{background:linear-gradient(90deg,#7A1228,#FF4D6D)}
.rg-pbtns{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}
.rg-pb{min-height:52px;border-radius:12px;padding:.35rem .6rem;cursor:pointer;font:inherit;font-weight:700;color:#FFF3C4;text-align:left;display:flex;flex-direction:column;justify-content:center;gap:.1rem;background:rgba(3,10,28,.55);border:1.5px solid rgba(232,180,34,.65)}
.rg-pb small{display:block;font-weight:500;font-size:.78rem;color:#9AE6D8}
.rg-pb.up{background:linear-gradient(180deg,#2a5fb0,#123a80);border-color:#FFE9A8}
.rg-gemrow{display:flex;justify-content:center;gap:12px;margin:.1rem 0 .2rem}
.rg-gemrow i{width:18px;height:18px;transform:rotate(45deg);border:1.5px solid #FFE9A8;border-radius:3px}
.rg-gemrow .g1{background:#FFC72C}.rg-gemrow .g2{background:#4FA8FF}.rg-gemrow .g3{background:#FF4D6D}.rg-gemrow .g4{background:#3FD98A}
.rg-lbl{margin:.2rem 0 .3rem;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:#9AE6D8}
.rg-diffs{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem}
.rg-diff{min-width:0;min-height:58px;border-radius:14px;padding:.35rem .4rem;cursor:pointer;font:inherit;color:#FFF3C4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;background:rgba(3,10,28,.55);border:1.5px solid rgba(232,180,34,.5)}
.rg-diff b{font-size:1rem}.rg-diff small{font-size:.72rem;line-height:1.15;color:#E9D8A6;text-align:center}
.rg-diff[aria-pressed="true"]{color:#1A1200;background:linear-gradient(180deg,#FFF3B0,#FFD54F 55%,#E8B422);border-color:#FFF8DC}.rg-diff[aria-pressed="true"] small{color:#4A3500}
.rg-ebtns .rg-toggle{margin:0}
.rg-wide{width:min(760px,calc(100% - 16px))!important}
.rg-agrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.45rem;text-align:left}
.rg-wd{min-width:0;min-height:62px;border-radius:14px;padding:.4rem .6rem .4rem 3rem;position:relative;cursor:pointer;font:inherit;color:#FFF3C4;text-align:left;display:flex;flex-direction:column;justify-content:center;gap:.1rem;border:2px solid rgba(232,180,34,.55);background:linear-gradient(135deg,rgba(20,44,96,.95),rgba(8,20,50,.95))}
.rg-wd i{position:absolute;left:.55rem;top:50%;transform:translateY(-50%);width:2rem;height:2rem;display:grid;place-items:center;font-style:normal;font-size:1.1rem;border-radius:50%;background:radial-gradient(circle at 35% 30%,#FFF3B0,#E8B422 60%,#8A6100);border:1.5px solid #FFF8DC}
.rg-wd b{font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rg-wd small{font-size:.75rem;color:#9AE6D8;overflow-wrap:anywhere}
.rg-wd.done{border-color:#FFD54F;background:linear-gradient(135deg,#2a5fb0,#0e2a66)}
.rg-wd.cur{border-color:#9AF7C8;box-shadow:0 0 0 2px #1E8A57,0 0 16px rgba(125,242,154,.45)}
.rg-wd.locked{opacity:.5;cursor:not-allowed}.rg-wd.locked i{filter:grayscale(1)}
.rg-wd.era-iron{background:linear-gradient(135deg,rgba(70,56,30,.95),rgba(20,16,10,.95))}.rg-wd.era-frost{background:linear-gradient(135deg,rgba(50,80,110,.95),rgba(10,24,50,.95))}.rg-wd.era-ember{background:linear-gradient(135deg,rgba(110,40,30,.95),rgba(30,10,30,.95))}.rg-wd.era-star{background:linear-gradient(135deg,rgba(70,40,120,.95),rgba(10,10,40,.95))}
.rg-mode{min-width:0}.rg-mode b{white-space:nowrap}.rg-mode small{min-width:0;overflow-wrap:anywhere}
.rg-card{box-sizing:border-box}
.rg-titlecard .rg-modes{margin:.3rem 0 .5rem}
@media (max-height:760px){.rg-titlecard .rg-tag{display:none}.rg-titlecard .rg-mode{min-height:52px}}
@media (max-width:520px){.rg-card{width:calc(100% - 24px);padding:.9rem .85rem 1rem;top:calc(50% + 26px);margin-top:0;max-height:calc(100% - 82px)}
 .rg-mode{flex-direction:column;align-items:flex-start;justify-content:center;gap:.18rem;min-height:60px;padding:.55rem .95rem}
 .rg-mode b{font-size:1.06rem}.rg-mode small{white-space:normal;text-align:left;color:#E9D8A6;font-size:.82rem;line-height:1.2}
 .rg-panel{left:6px;right:6px;width:auto;top:auto;bottom:126px;max-height:calc(100% - 126px - 72px)}
 .rg-go{width:96px;font-size:.92rem;padding:4px 5px}.rg-chip{min-height:56px;padding:4px 10px}.rg-agrid{grid-template-columns:1fr}}
@media (max-width:360px){.rg-diff small{display:none}.rg-go{width:88px}}
@media (orientation:landscape) and (max-height:540px){.rg-card{top:calc(50% + 31px);margin-top:0;max-height:calc(100% - 78px)}
 .rg-mode{flex-direction:column;align-items:flex-start;justify-content:center;gap:.1rem;min-height:50px;padding:.4rem .8rem}.rg-modes{grid-template-columns:1fr 1fr 1fr}
 .rg-mode small{white-space:normal;text-align:left;color:#E9D8A6;font-size:.78rem}.rg-gemrow{display:none}.rg-diff{min-height:48px}
 .rg-chip{min-height:46px}.rg-go{min-height:50px}.rg-hint{font-size:.8rem}.rg-dock{gap:2px;padding-top:2px}
 .rg-panel{top:62px;bottom:auto;left:auto;right:8px;width:min(360px,calc(100% - 16px));max-height:calc(100% - 62px - 96px)}.rg-pbtns{grid-template-columns:1fr 1fr}}
.rg-pause .rg-note{font-size:1rem!important;line-height:1.35;font-weight:600;color:#E9D8A6;margin:.3rem 0 .9rem}.rg-pause .btn{font-size:1rem;min-height:52px;white-space:normal}
@media (prefers-reduced-motion:reduce){.rg-go.pulse,.rg-trade{animation:none}}
/* landscape phones: the dock becomes a right-hand column so the realm gets the full height */
@media (orientation:landscape) and (max-height:540px){
 .rg-dock{left:auto;top:64px;width:208px;flex-direction:column;justify-content:flex-end;background:linear-gradient(270deg,rgba(3,10,28,.92),rgba(3,10,28,.75) 75%,rgba(3,10,28,0));padding:4px 6px max(6px,env(safe-area-inset-bottom)) 10px}
 .rg-hint{white-space:normal;font-size:.78rem;line-height:1.2;flex:0 0 auto;overflow:visible}
 .rg-drow{flex-direction:column;flex:1 1 auto;min-height:0}
 .rg-tools{flex-direction:column;overflow-x:hidden;overflow-y:auto;touch-action:pan-y;scroll-snap-type:y proximity;overscroll-behavior-y:contain}
 .rg-tools.rg-more{-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 30px),rgba(0,0,0,.15));mask-image:linear-gradient(180deg,#000 calc(100% - 30px),rgba(0,0,0,.15))}
 .rg-chip{min-height:44px;width:100%;box-sizing:border-box}.rg-chip small{white-space:normal}
 .rg-go{width:100%;min-height:54px}
 .rg-panel{right:224px;top:64px;width:auto;left:8px;max-width:420px;max-height:calc(100% - 72px)}}
.rg-toast{font-size:.95rem}
@media (max-width:520px){.rg-pname{font-size:1rem}.rg-pstat{font-size:.86rem;margin:.15rem 0 .35rem}.rg-pb{min-height:48px}.rg-x{width:44px;height:44px}.rg-panel{padding:.45rem .55rem .55rem}}

@media (max-width:440px){.rg-chip{padding:4px 7px;min-width:0}.rg-tools{gap:4px}.rg-dock{gap:6px}.rg-go{width:78px;font-size:.86rem}.rg-pill b,.rg-pill small{letter-spacing:0}.rg-pill{padding-left:6px;padding-right:6px}}