/* WPAS Glass Framework · draft 14 · clear cyan optical material
   Presentation only. No game selectors, screen layouts or behaviour.
   Panels cannot contain other panels. Buttons and controls may sit on panels. */
:root:root:root.glass-game.wg{
  --wg-font:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --wg-ink:#00111f;--wg-text:#edf7fc;--wg-muted:#a5c3d3;--wg-cyan:#3ce5f1;
  --wg-space-1:4px;--wg-space-2:8px;--wg-space-3:12px;--wg-space-4:16px;--wg-space-6:24px;--wg-space-8:32px;
  --wg-control-height:48px;--wg-control-radius:24px;--wg-panel-radius:26px;
  --wg-rim:linear-gradient(135deg,#d6e2ff99 0%,#92aef14d 16%,#6078bb1f 37%,#526ca126 56%,#becff766 80%,#d2e9ff80 89%,#7c9cd833 100%);
  --wg-surface:radial-gradient(ellipse 75% 55% at 50% -30%,#d6e3ff1f,transparent 85%),linear-gradient(150deg,#a9bde919,#25335b38 45%,#30416a2b);
  --wg-secondary:radial-gradient(ellipse 75% 90% at 30% -55%,#e3efff40,transparent 88%),linear-gradient(165deg,#98aed926,#33456838 60%,#667eac33);
  /* Primary actions share the selected Lobby tab's clear glass surface.
     Cyan is reflected light, not an opaque coloured fill. */
  --wg-primary:radial-gradient(ellipse 100% 90% at 50% 130%,#00ddf04d,transparent 85%),var(--wg-secondary);
  --wg-primary-ink:#c4fbff;
  --wg-primary-border:#87f5ff80 #65dbea40 #69ddeb66 #a6f6ff66;
  --wg-primary-shadow:var(--wg-shadow),0 0 14px #08c7e91a;
  --wg-primary-rim:radial-gradient(ellipse 100px 5px at 25% 0,#dcffffb3,transparent),radial-gradient(ellipse 140px 5px at 55% 100%,#4fefffaa,transparent),var(--wg-rim);
  --wg-field:linear-gradient(155deg,#93acd61a,#293d642e);
  --wg-blur:blur(20px) saturate(1.3) brightness(1.08);
  --wg-shadow:inset 0 .5px 1px #e5eeff38,inset 0 -.5px 1.5px #94b6ee26,0 6px 20px #00000024;
  font-family:var(--wg-font);color:var(--wg-text);font-size:15px;line-height:1.45;
  -webkit-font-smoothing:antialiased;
}
:root:root:root.glass-game.wg *,.wg *::before,.wg *::after{box-sizing:border-box}
:root:root:root.glass-game.wg :where(button,input,select,textarea){font:inherit}
:root:root:root.glass-game.wg :where(h1,h2,h3,p){margin:0}
:root:root:root.glass-game.wg :where(button,a,input,select,textarea):focus-visible{outline:2px solid #b2f8ff;outline-offset:3px}
:root:root:root.glass-game.wg :where(button){cursor:pointer;-webkit-tap-highlight-color:transparent}
:root:root:root.glass-game.wg :where(button:disabled,input:disabled,select:disabled){cursor:default}
:root:root:root.glass-game.wg [hidden]{display:none}
:root:root:root.glass-game.wg .wg-frame{
  position:relative;
  border:1px solid #99b8ee4d;border-color:#c9d9ff4d #8ca7d926 #a6c2f038 #a9c1ec40;
  background:var(--wg-surface),var(--wg-refraction,linear-gradient(transparent,transparent));
  background-size:100% 100%;background-repeat:no-repeat;background-origin:border-box;
  box-shadow:var(--wg-shadow);
  backdrop-filter:var(--wg-blur);
  -webkit-backdrop-filter:var(--wg-blur);
}
/* Reflected light is confined to the existing rim: no additional frame.
   Native fields use the same rim token and inset reflection without a pseudo-element. */
:root:root:root.glass-game.wg :is(.wg-panel,.wg-button,.wg-nav).wg-frame::before{
  content:"";position:absolute;inset:-1px;padding:1px;border-radius:inherit;pointer-events:none;
  background:radial-gradient(ellipse 90px 5px at 22% 0,#e9f1ff8c,transparent),radial-gradient(ellipse 5px 38px at 0 25%,#d4e3ff66,transparent),radial-gradient(ellipse 70px 5px at 81% 100%,#d8e8ff73,transparent),radial-gradient(ellipse 5px 32px at 100% 75%,#c1d6ff59,transparent),var(--wg-rim);
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;
}
:root:root:root.glass-game.wg .wg-panel{border-radius:var(--wg-panel-radius);padding:var(--wg-space-8)}
:root:root:root.glass-game.wg .wg-title{font-size:24px;font-weight:650;line-height:1.2;letter-spacing:-.025em}
:root:root:root.glass-game.wg .wg-value{font-size:30px;font-weight:600;line-height:1.15;letter-spacing:-.025em;font-variant-numeric:tabular-nums}
:root:root:root.glass-game.wg .wg-label{font-size:11px;line-height:1.3;font-weight:550;letter-spacing:.09em;text-transform:uppercase;color:var(--wg-muted)}
:root:root:root.glass-game.wg .wg-muted{color:var(--wg-muted)}
:root:root:root.glass-game.wg .wg-rule{height:1px;border:0;margin:var(--wg-space-6) 0;background:linear-gradient(90deg,#a7d2e155,#6e9eb51a)}
:root:root:root.glass-game.wg .wg-row{display:flex;align-items:center;justify-content:space-between;gap:var(--wg-space-4)}
:root:root:root.glass-game.wg .wg-stack{display:flex;flex-direction:column;gap:var(--wg-space-2)}
:root:root:root.glass-game.wg .wg-status{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:#9ff4f5}
:root:root:root.glass-game.wg .wg-status::before{content:"";width:6px;height:6px;flex:none;border-radius:50%;background:currentColor}
:root:root:root.glass-game.wg .wg-button{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;position:relative;overflow:hidden;
  min-height:var(--wg-control-height);padding:0 var(--wg-space-6);border-radius:var(--wg-control-radius);
  background:var(--wg-secondary),var(--wg-refraction,linear-gradient(transparent,transparent));
  color:var(--wg-text);font-size:15px;font-weight:550;line-height:1.15;text-align:center;text-decoration:none;white-space:nowrap;
  transition:filter 150ms ease,box-shadow 150ms ease;
}
:root:root:root.glass-game.wg .wg-button--primary{background:var(--wg-primary),var(--wg-refraction,linear-gradient(transparent,transparent));border-color:var(--wg-primary-border);box-shadow:var(--wg-primary-shadow);color:var(--wg-primary-ink);font-weight:650}
:root:root:root.glass-game.wg .wg-button--primary.wg-frame::before{background:var(--wg-primary-rim)}
/* Intent variants change only tint, reflected light and label colour.
   The clear lens, rim geometry, blur and interaction states stay shared. */
:root:root:root.glass-game.wg .wg-button--default{background:var(--wg-secondary),var(--wg-refraction,linear-gradient(transparent,transparent))}
:root:root:root.glass-game.wg .wg-button--warning{
  --wg-primary:radial-gradient(ellipse 100% 90% at 50% 130%,rgb(243 182 74/.3),transparent 85%),var(--wg-secondary);
  --wg-primary-ink:#fff0ca;
  --wg-primary-border:rgb(255 244 215/.5) rgb(243 182 74/.25) rgb(255 203 111/.4) rgb(255 244 215/.4);
  --wg-primary-shadow:var(--wg-shadow),0 0 14px rgb(243 182 74/.1);
  --wg-primary-rim:radial-gradient(ellipse 100px 5px at 25% 0,rgb(255 244 215/.7),transparent),radial-gradient(ellipse 140px 5px at 55% 100%,rgb(255 203 111/.67),transparent),var(--wg-rim);
  background:var(--wg-primary),var(--wg-refraction,linear-gradient(transparent,transparent));border-color:var(--wg-primary-border);box-shadow:var(--wg-primary-shadow);color:var(--wg-primary-ink);font-weight:650;
}
:root:root:root.glass-game.wg .wg-button--warning.wg-frame::before{background:var(--wg-primary-rim)}
:root:root:root.glass-game.wg .wg-button--success{
  --wg-primary:radial-gradient(ellipse 100% 90% at 50% 130%,rgb(74 222 155/.3),transparent 85%),var(--wg-secondary);
  --wg-primary-ink:#d1ffec;
  --wg-primary-border:rgb(222 255 239/.5) rgb(74 222 155/.25) rgb(119 255 197/.4) rgb(222 255 239/.4);
  --wg-primary-shadow:var(--wg-shadow),0 0 14px rgb(74 222 155/.1);
  --wg-primary-rim:radial-gradient(ellipse 100px 5px at 25% 0,rgb(222 255 239/.7),transparent),radial-gradient(ellipse 140px 5px at 55% 100%,rgb(119 255 197/.67),transparent),var(--wg-rim);
  background:var(--wg-primary),var(--wg-refraction,linear-gradient(transparent,transparent));border-color:var(--wg-primary-border);box-shadow:var(--wg-primary-shadow);color:var(--wg-primary-ink);font-weight:650;
}
:root:root:root.glass-game.wg .wg-button--success.wg-frame::before{background:var(--wg-primary-rim)}
:root:root:root.glass-game.wg .wg-button:active:not(:disabled){filter:brightness(.94);box-shadow:inset 0 1px 5px #00223b33,0 2px 6px #0002}
:root:root:root.glass-game.wg .wg-button:disabled{opacity:.4;box-shadow:inset 0 1px #d0edfa15}
:root:root:root.glass-game.wg .wg-button[aria-pressed=true]{background:linear-gradient(150deg,#2ba3b840,#12637a52);color:#8cf5fa}
:root:root:root.glass-game.wg .wg-icon-button{width:var(--wg-control-height);padding:0;border-radius:var(--wg-control-radius)}
:root:root:root.glass-game.wg .wg-icon{width:20px;height:20px;display:block;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
:root:root:root.glass-game.wg .wg-link{border:0;background:none;box-shadow:none;padding:0;min-height:44px;display:inline-flex;align-items:center;gap:8px;color:#b8dce9;text-decoration:none;font-size:13px}
:root:root:root.glass-game.wg :is(.wg-panel,.wg-button,.wg-nav)[data-sheen=play]::after{
  content:"";pointer-events:none;position:absolute;inset:0;border-radius:inherit;
  background:linear-gradient(105deg,transparent 33%,#e4eeff1f 49%,transparent 65%);
  background-size:240% 100%;animation:wg-sheen 1400ms ease-in-out both;
}
@keyframes wg-sheen{from{background-position:140% 0}to{background-position:-40% 0}}
/* Native controls cannot host an overlay: sweep light in their existing fill. */
:root:root:root.glass-game.wg :is(input.wg-input,.wg-check input,.wg-switch input)[data-sheen=play]{background-image:linear-gradient(105deg,transparent 36%,#ffffff26 49%,transparent 62%),var(--wg-field);background-size:240% 100%,100% 100%;background-repeat:no-repeat;animation:wg-sheen 1400ms ease-in-out both}
:root:root:root.glass-game.wg select.wg-input[data-sheen=play]{background-image:linear-gradient(105deg,transparent 36%,#ffffff26 49%,transparent 62%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='m5 8 5 5 5-5' fill='none' stroke='%23c7e8f5' stroke-width='1.5'/%3E%3C/svg%3E"),var(--wg-field);background-size:240% 100%,20px,100% 100%;background-repeat:no-repeat;animation:wg-sheen-select 1400ms ease-in-out both}
@keyframes wg-sheen-select{from{background-position:140% 0,right 12px center,0 0}to{background-position:-40% 0,right 12px center,0 0}}
:root:root:root.glass-game.wg .wg-field{display:flex;flex-direction:column;gap:9px;min-width:0}
:root:root:root.glass-game.wg .wg-input{
  width:100%;min-width:0;height:var(--wg-control-height);border-radius:var(--wg-control-radius);padding:0 var(--wg-space-4);
  color:var(--wg-text);background:var(--wg-field),var(--wg-refraction,linear-gradient(transparent,transparent));
  font-size:16px;box-shadow:inset 0 .5px 1px #dce8ff33,inset 0 -.5px 1px #abc9ee26;
}
:root:root:root.glass-game.wg .wg-input::placeholder{color:#789aae;opacity:1}
:root:root:root.glass-game.wg .wg-input:disabled{opacity:.4}
:root:root:root.glass-game.wg .wg-input[aria-invalid=true]{border-color:#e69b95;background:var(--wg-field)}
:root:root:root.glass-game.wg .wg-help{font-size:12px;color:var(--wg-muted);line-height:1.4}
:root:root:root.glass-game.wg .wg-help--error{color:#f3b2aa}
:root:root:root.glass-game.wg select.wg-input{appearance:none;padding-right:42px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='m5 8 5 5 5-5' fill='none' stroke='%23c7e8f5' stroke-width='1.5'/%3E%3C/svg%3E"),var(--wg-field),var(--wg-refraction,linear-gradient(transparent,transparent));background-position:right 12px center,0 0,0 0;background-size:20px,100% 100%,100% 100%;background-repeat:no-repeat;background-origin:padding-box,padding-box,border-box;background-clip:padding-box,padding-box,border-box}
:root:root:root.glass-game.wg .wg-check{display:inline-flex;align-items:center;gap:12px;min-height:48px;cursor:pointer;font-size:14px}
:root:root:root.glass-game.wg .wg-check input{appearance:none;width:22px;height:22px;margin:0;border-radius:5px;flex:none;cursor:pointer;background:var(--wg-surface),var(--wg-refraction,linear-gradient(transparent,transparent));border:1px solid #b9e8f2b3;backdrop-filter:var(--wg-blur);-webkit-backdrop-filter:var(--wg-blur);box-shadow:inset 0 1px #e9ffff59,inset 0 -1px #9fe9ff26;position:relative}
:root:root:root.glass-game.wg .wg-check input:checked::after{content:"";position:absolute;width:10px;height:6px;left:5px;top:5px;border-left:2px solid #97f3fa;border-bottom:2px solid #97f3fa;transform:rotate(-45deg)}
:root:root:root.glass-game.wg .wg-switch{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;min-height:48px;font-size:14px;cursor:pointer}
:root:root:root.glass-game.wg .wg-switch input{appearance:none;position:relative;width:42px;height:24px;border:1px solid #addde5bd;border-radius:20px;background:linear-gradient(#23516c40,#23516c40),var(--wg-refraction,linear-gradient(transparent,transparent));backdrop-filter:var(--wg-blur);-webkit-backdrop-filter:var(--wg-blur);box-shadow:inset 0 1px 2px #edffff38,inset 0 -1px #9fe9ff26;margin:0;cursor:pointer;flex:none}
:root:root:root.glass-game.wg .wg-switch input::after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#acc8d7;transition:transform 150ms,background 150ms}
:root:root:root.glass-game.wg .wg-switch input:checked{background:linear-gradient(#08788b88,#08788b88),var(--wg-refraction,linear-gradient(transparent,transparent));border-color:#56deeb}
:root:root:root.glass-game.wg .wg-switch input:checked::after{transform:translateX(18px);background:#adf5f7}
/* One outer frame. Its items are flat and have no individual glass borders. */
:root:root:root.glass-game.wg .wg-nav{display:flex;align-items:stretch;padding:7px;border-radius:32px;gap:0;min-width:0}
:root:root:root.glass-game.wg .wg-nav button{position:relative;min-width:0;flex:1;min-height:48px;padding:8px 14px;border:0;border-radius:0;background:transparent;color:#bfd6e3;box-shadow:none;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:550;cursor:pointer}
:root:root:root.glass-game.wg .wg-nav button+button::before{content:"";position:absolute;left:0;top:25%;bottom:25%;width:1px;background:#8fc2d433}
:root:root:root.glass-game.wg .wg-nav button[aria-current=true],.wg .wg-nav button[aria-pressed=true]{color:#62ecf5;background:radial-gradient(ellipse at 50% 130%,#0dd3ed26,transparent 75%)}
:root:root:root.glass-game.wg .wg-nav button[aria-current=true]::after,.wg .wg-nav button[aria-pressed=true]::after{content:"";position:absolute;left:20%;right:20%;bottom:0;height:2px;border-radius:2px;background:#40dfea}
:root:root:root.glass-game.wg .wg-progress{height:5px;background:#7aadc333;border-radius:3px;overflow:hidden;border:0}
:root:root:root.glass-game.wg .wg-progress>span{display:block;height:100%;width:var(--wg-progress,65%);background:linear-gradient(90deg,#26b9d1,#76f1f5);border-radius:inherit}
:root:root:root.glass-game.wg .wg-countdown{display:flex;align-items:center;gap:12px}
:root:root:root.glass-game.wg .wg-countdown svg{width:42px;height:42px;transform:rotate(-90deg);flex:none;fill:none;stroke-width:2}
:root:root:root.glass-game.wg .wg-countdown .wg-clock-track{stroke:#79b2c433}
:root:root:root.glass-game.wg .wg-countdown .wg-clock-progress{stroke:#72edf5;stroke-dasharray:113.1;stroke-dashoffset:33.9;stroke-linecap:round}
:root:root:root.glass-game.wg .wg-countdown text{font:600 13px var(--wg-font);fill:#ddfaff;stroke:none;transform:rotate(90deg);transform-origin:21px 21px;text-anchor:middle;dominant-baseline:middle}
:root:root:root.glass-game.wg .wg-range{appearance:none;width:100%;height:48px;padding:0;margin:0;background:transparent;touch-action:pan-y;cursor:ew-resize}
:root:root:root.glass-game.wg .wg-range::-webkit-slider-runnable-track{height:5px;border:0;border-radius:4px;background:linear-gradient(to right,#45e4f0 var(--wg-fill,35%),#739fb93d var(--wg-fill,35%))}
:root:root:root.glass-game.wg .wg-range::-webkit-slider-thumb{appearance:none;width:32px;height:32px;margin-top:-13.5px;border:1px solid #d4e5f2b3;border-radius:50%;background:radial-gradient(circle at 28% 12%,#fff,transparent 28%),radial-gradient(circle at 32% 18%,#e5fbff99,transparent 60%),linear-gradient(150deg,#609bb759,#17557766),var(--wg-refraction,linear-gradient(transparent,transparent));background-size:100% 100%;box-shadow:inset 0 1px 2px #fff6,inset 0 -.5px 1px #c5f4ff33,0 3px 7px #0004}
:root:root:root.glass-game.wg .wg-range::-moz-range-track{height:5px;border:0;border-radius:4px;background:#739fb93d}
:root:root:root.glass-game.wg .wg-range::-moz-range-progress{height:5px;background:#45e4f0;border-radius:4px}
:root:root:root.glass-game.wg .wg-range::-moz-range-thumb{width:30px;height:30px;border:1px solid #d4e5f2b3;border-radius:50%;background:radial-gradient(circle at 28% 12%,#fff,transparent 28%),linear-gradient(150deg,#609bb759,#17557766),var(--wg-refraction,linear-gradient(transparent,transparent));background-size:100% 100%;box-shadow:inset 0 1px 2px #fff6,inset 0 -.5px 1px #c5f4ff33,0 3px 7px #0004}
:root:root:root.glass-game.wg .wg-range[data-sheen=play]::-webkit-slider-thumb{background-image:linear-gradient(105deg,transparent 36%,#ffffff80 49%,transparent 62%),linear-gradient(150deg,#609bb7,#175577);background-size:240% 100%,100% 100%;animation:wg-sheen 1400ms ease-in-out both}
:root:root:root.glass-game.wg .wg-range[data-sheen=play]::-moz-range-thumb{background-image:linear-gradient(105deg,transparent 36%,#ffffff80 49%,transparent 62%),linear-gradient(150deg,#609bb7,#175577);background-size:240% 100%,100% 100%;animation:wg-sheen 1400ms ease-in-out both}
:root:root:root.glass-game.wg .wg-range--vertical{writing-mode:vertical-lr;direction:rtl;width:48px;height:174px;touch-action:none;cursor:ns-resize}
:root:root:root.glass-game.wg .wg-range--vertical::-webkit-slider-runnable-track{width:5px;height:100%;background:linear-gradient(to top,#45e4f0 var(--wg-fill,35%),#739fb93d var(--wg-fill,35%))}
:root:root:root.glass-game.wg .wg-range--vertical::-webkit-slider-thumb{margin-left:-13.5px;margin-top:0}
:root:root:root.glass-game.wg .wg-range--vertical::-moz-range-track{width:5px;height:100%}
:root:root:root.glass-game.wg .wg-data-row{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:14px 0;border-bottom:1px solid #82b8cb26;font-size:14px}
:root:root:root.glass-game.wg .wg-data-row:last-child{border-bottom:0}
:root:root:root.glass-game.wg .wg-data-row>span{color:var(--wg-muted)}
:root:root:root.glass-game.wg .wg-data-row>strong{font-weight:550;text-align:right;font-variant-numeric:tabular-nums}
@media(hover:hover){.wg .wg-button:not(:disabled):hover{filter:brightness(1.07)}.wg .wg-link:hover{color:#e8faff}}
@media(max-width:600px){.wg .wg-panel{padding:24px}.wg .wg-nav{padding:5px}.wg .wg-nav button{padding:8px 5px;font-size:12px;gap:5px}.wg .wg-nav .wg-icon{width:17px;height:17px}}
@media(prefers-reduced-motion:reduce){.wg *{transition:none}.wg [data-sheen=play]{animation:none}.wg [data-sheen=play]::after{animation:none;content:none}.wg .wg-range[data-sheen=play]::-webkit-slider-thumb{animation:none}.wg .wg-range[data-sheen=play]::-moz-range-thumb{animation:none}}

/* Glass-pill tabs: an unframed rail; only the selected item paints glass.
   Standalone rail is unframed. The additional .wg-tabs-panel variant supplies a background panel. */
:root:root:root.glass-game.wg .wg-tabs{display:flex;align-items:stretch;gap:8px;min-width:0;width:100%;padding:4px 0}
:root:root:root.glass-game.wg .wg-tabs>.wg-optic-wrap{flex:1;min-width:0}
:root:root:root.glass-game.wg .wg-tabs>.wg-tab{flex:1;min-width:0}
:root:root:root.glass-game.wg .wg-tab{width:100%;min-width:0;min-height:56px;padding:8px 18px;gap:10px;white-space:nowrap}
:root:root:root.glass-game.wg .wg-tab[aria-selected=true]{color:#83f4fa;background:radial-gradient(ellipse 100% 100% at 50% 140%,#00d9ed40,transparent 80%),var(--wg-secondary);border-color:#87f5ff80 #65dbea40 #69ddeb66 #a6f6ff66;box-shadow:var(--wg-shadow),0 3px 14px #00d7ed14}
:root:root:root.glass-game.wg .wg-tab[aria-selected=true]::before{background:radial-gradient(ellipse 100px 5px at 25% 0,#dcffffb3,transparent),radial-gradient(ellipse 140px 5px at 55% 100%,#4fefffaa,transparent),var(--wg-rim)}
:root:root:root.glass-game.wg .wg-tab:not([aria-selected=true]){background:transparent;border-color:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;color:#b4ccd9}
:root:root:root.glass-game.wg .wg-tab:not([aria-selected=true])::before,.wg .wg-tab:not([aria-selected=true])::after{content:none}
:root:root:root.glass-game.wg .wg-tabs>.wg-optic-wrap:has(>.wg-tab:not([aria-selected=true]))>.wg-css-lens{display:none!important}
@media(hover:hover){.wg .wg-tab:not([aria-selected=true]):hover{color:#effbff;background:transparent;box-shadow:none}}
@media(max-width:600px){.wg .wg-tabs{gap:4px}.wg .wg-tab{min-height:48px;padding:6px 8px;font-size:12px;gap:6px}.wg .wg-tabs--icons .wg-tab{flex-direction:column;font-size:11px;gap:4px;min-height:56px}.wg .wg-tabs--icons .wg-icon{width:18px;height:18px}}

/* Additional variant: glass background panel with selected glass tab button.
   This is a panel containing controls, never a panel containing another panel. */
:root:root:root.glass-game.wg .wg-tabs-panel{display:flex;align-items:center;gap:16px;padding:6px;border-radius:30px;min-width:0}
:root:root:root.glass-game.wg .wg-tabs-panel>.wg-tabs{flex:1;min-width:0;padding:0}
:root:root:root.glass-game.wg .wg-tabs-panel .wg-tab[aria-selected=true]{background:radial-gradient(ellipse 100% 90% at 50% 130%,#00ddf04d,transparent 85%),var(--wg-secondary);box-shadow:var(--wg-shadow),0 0 14px #08c7e91a}
@media(max-width:600px){.wg .wg-tabs-panel{padding:5px;gap:10px}}

/* Rounded rectangle geometry; the same glass material, optics and states. */
:root:root:root.glass-game.wg .wg-panel.wg-panel--rect{border-radius:14px}
:root:root:root.glass-game.wg .wg-button.wg-button--rect{border-radius:12px}

/* Additional icon-left tab variant. Separators are decorative, never frames.
   Keep the standard stacked-icon and other tab styles unchanged. */
:root:root:root.glass-game.wg .wg-tabs.wg-tabs--inline{gap:0}
:root:root:root.glass-game.wg .wg-tabs.wg-tabs--inline .wg-tab{flex-direction:row;gap:9px;padding-inline:12px;min-height:56px}
:root:root:root.glass-game.wg .wg-tabs.wg-tabs--inline .wg-icon{width:20px;height:20px}
:root:root:root.glass-game.wg .wg-tab-divider{display:block;flex:0 0 1px;align-self:center;width:1px;height:28px;margin-inline:7px;pointer-events:none;background:linear-gradient(transparent,#a4d3e55c 20%,#a4d3e55c 80%,transparent)}
@media(max-width:600px){.wg .wg-tabs.wg-tabs--inline .wg-tab{font-size:11px;gap:4px;padding-inline:3px;min-height:52px}.wg .wg-tabs.wg-tabs--inline .wg-icon{width:16px;height:16px}.wg .wg-tabs--inline .wg-tab-divider{height:24px;margin-inline:3px}}
@media(max-width:350px){.wg .wg-tabs.wg-tabs--inline .wg-tab{font-size:10px;gap:2px;padding-inline:2px;min-height:48px}.wg .wg-tabs.wg-tabs--inline .wg-icon{width:14px;height:14px}.wg .wg-tabs--inline .wg-tab-divider{margin-inline:0}}