/* A single, shared glass language. Load after all v10 presentation sheets.
   The painted faces remain original art; edge lighting and the engraved rim
   are scalable vectors. No raster rectangle can escape a control's contour. */
html body:is(.watercolor-home,.watercolor-cabinet) {
 --wc-v11-rim-light:#f8e8bb;
 --wc-v11-rim:#a88b53;
 --wc-v11-rim-shade:#715937;
 --wc-v11-engraving:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='48' viewBox='0 0 18 48'%3E%3Cg fill='none' stroke='%23d9bc81' stroke-width='.9' stroke-linecap='round'%3E%3Cpath d='M15 2C5 5 2 14 3 24S7 43 15 46M11 7C5 12 5 17 7 21L10 24 7 27C5 31 6 37 11 41'/%3E%3Cpath d='m5 20 3 4-3 4m8-15-3 4 3 3m0 8-3 3 3 4'/%3E%3C/g%3E%3Cpath d='M14 3C5 8 4 17 5 21' fill='none' stroke='%23fff0c7' stroke-width='.7'/%3E%3C/svg%3E");
}
html[data-theme='dark'] body:is(.watercolor-home,.watercolor-cabinet) {
 --wc-v11-rim-light:#e7d6a2;
 --wc-v11-rim:#ad905d;
 --wc-v11-rim-shade:#55492f;
}

/* The quiet treasure shelf belongs to the header, and scrolls with it. */
html body.watercolor-cabinet #global-wallet.glass {
 position:relative;top:auto;z-index:4;isolation:isolate;
 display:grid;grid-template-columns:1fr repeat(3,minmax(0,1fr));
 align-items:center;gap:0;width:min(100%,580px);max-width:100%;min-height:68px;
 margin:-7px 0 23px auto;padding:9px 16px!important;
 border:0!important;border-radius:19px!important;
 background:linear-gradient(165deg,#ffffff54,#fffcf523 52%,#d7e7dc27)!important;
 box-shadow:inset 0 1px 0 #ffffffbc,inset 0 -1px 0 #b39a6761,0 5px 14px #684f2407!important;
 backdrop-filter:blur(8px) saturate(115%);-webkit-backdrop-filter:blur(8px) saturate(115%);
}
html body.watercolor-cabinet #global-wallet.glass::before,
html body.watercolor-cabinet #global-wallet.glass::after {content:none!important;display:none!important}
html body.watercolor-cabinet #global-wallet .wallet-heading {
 font:italic 15px/1.2 Georgia,'Times New Roman',serif;
 color:#766442;letter-spacing:.1px;padding-right:14px;
}
html body.watercolor-cabinet #global-wallet .wallet-counter {
 position:relative;display:grid;grid-template-columns:39px minmax(0,1fr);
 grid-template-rows:27px 16px;gap:0 7px;align-items:center;min-width:0;
 padding:1px 10px;border:0;border-radius:0;background:none;box-shadow:none;
}
html body.watercolor-cabinet #global-wallet .wallet-counter + .wallet-counter::before {
 content:'';position:absolute;left:0;top:10%;width:1px;height:80%;
 background:linear-gradient(transparent,#a68e5861,transparent);
}
html body.watercolor-cabinet #global-wallet .wallet-counter img {
 grid-column:1;grid-row:1/3;width:39px;height:43px;object-fit:contain;
 filter:drop-shadow(0 2px 2px #684b2424);
}
html body.watercolor-cabinet #global-wallet .wallet-counter strong {
 grid-column:2;grid-row:1;font:700 clamp(17px,1.6vw,23px)/1.1 Georgia,serif;
 color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap;
}
html body.watercolor-cabinet #global-wallet .wallet-counter small {
 grid-column:2;grid-row:2;font:11px/1.2 Georgia,serif;color:#586e6c;
}
html[data-theme='dark'] body.watercolor-cabinet #global-wallet.glass {
 background:linear-gradient(165deg,#7db4b326,#426e7317 52%,#051f2b28)!important;
 box-shadow:inset 0 1px 0 #d0f5ef5e,inset 0 -1px 0 #b29b6559,0 5px 16px #00182014!important;
}
html[data-theme='dark'] body.watercolor-cabinet #global-wallet .wallet-heading {color:#c8b889}
html[data-theme='dark'] body.watercolor-cabinet #global-wallet .wallet-counter small {color:#bccfc3}
html[data-theme='dark'] body.watercolor-cabinet #global-wallet .wallet-counter img {filter:drop-shadow(0 1px 4px #edbe5729)}

/* Convex glass: narrow rim, a bright shoulder, shaded lower bevel, and the
   existing watercolor pigments beneath. The moving pointer light is intact. */
html body:is(.watercolor-home,.watercolor-cabinet) .wc-ref-button:is(.wc-ref-painted,[data-wc-reference-button='dragon'],.wc-ref-nav.active)>.wc-ref-surface {
 --wc-painted-face:var(--wc-teal-face);
 border:1px solid var(--wc-v11-rim)!important;
 border-top-color:var(--wc-v11-rim-light)!important;
 border-bottom-color:var(--wc-v11-rim-shade)!important;
 background-image:linear-gradient(180deg,#e5ffff2b,transparent 35%,#002b4223 75%,#8ceded17),var(--wc-painted-face)!important;
 background-color:#117b88!important;background-size:100% 100%!important;
 background-position:center!important;background-repeat:no-repeat!important;
 background-clip:padding-box!important;
 box-shadow:inset 0 0 0 1px #062b364d,inset 0 2px 1px #e5ffffe8,
  inset 2px 0 3px #d7ffff9e,inset -2px 0 3px #02293885,
  inset 0 -3px 2px #83dadfb0,inset 0 -5px 6px #032f4759!important;
 filter:none!important;
}
html body:is(.watercolor-home,.watercolor-cabinet) .wc-ref-button.wc-ref-painted:is(.purple,.wc-purple,[data-wc-reference-button='continue'])>.wc-ref-surface {
 --wc-painted-face:var(--wc-purple-face);background-color:#654499!important;
}
html body:is(.watercolor-home,.watercolor-cabinet) .wc-ref-button:is(.wc-ref-painted,[data-wc-reference-button='dragon'],.wc-ref-nav.active)>.wc-ref-surface::before {
 content:'';display:block;position:absolute;z-index:0;
 inset:3px auto auto 5%;width:39%;height:12%;min-height:2px;max-height:6px;
 border-radius:50%;transform:rotate(-1.5deg);pointer-events:none;
 background:linear-gradient(90deg,transparent,#f4ffffed 18%,#d4ffffab 57%,transparent);
 filter:blur(.3px);
}
html body:is(.watercolor-home,.watercolor-cabinet) .wc-ref-button:is(.wc-ref-painted,[data-wc-reference-button='dragon'],.wc-ref-nav.active)>.wc-ref-surface::after {
 content:'';display:block;position:absolute;z-index:0;inset:2px;
 border-radius:inherit;pointer-events:none;
 background:radial-gradient(ellipse 4% 30% at 2% 37%,#f4ffffd9,transparent 86%),
  radial-gradient(ellipse 2.5% 23% at 97.5% 68%,#b3ffffb3,transparent 86%),
  radial-gradient(ellipse 27% 5% at 79% 98%,#d9ffffd9,transparent 95%),
  radial-gradient(ellipse 5% 4% at 91% 12%,#f7ffffbd,transparent 95%);
}
/* Engraved end caps follow the curved edge, outside the lettering zone. */
html body:is(.watercolor-home,.watercolor-cabinet) .wc-button.wc-ref-button:is(.wc-ref-painted,[data-wc-reference-button='dragon'],.wc-ref-nav.active)::before,
html body:is(.watercolor-home,.watercolor-cabinet) .wc-button.wc-ref-button:is(.wc-ref-painted,[data-wc-reference-button='dragon'],.wc-ref-nav.active)::after {
 content:''!important;display:block!important;position:absolute;z-index:2;
 top:-1px;bottom:-1px;width:15px;height:auto;pointer-events:none;
 background:var(--wc-v11-engraving) center/100% 100% no-repeat!important;
 border:0!important;border-radius:0!important;opacity:1!important;box-shadow:none!important;
}
html body:is(.watercolor-home,.watercolor-cabinet) .wc-button.wc-ref-button:is(.wc-ref-painted,[data-wc-reference-button='dragon'],.wc-ref-nav.active)::before {left:-2px;right:auto;transform:none!important}
html body:is(.watercolor-home,.watercolor-cabinet) .wc-button.wc-ref-button:is(.wc-ref-painted,[data-wc-reference-button='dragon'],.wc-ref-nav.active)::after {right:-2px;left:auto;transform:scaleX(-1)!important}
html body:is(.watercolor-home,.watercolor-cabinet) .wc-ref-button:is(.wc-ref-painted,[data-wc-reference-button='dragon']) {
 box-shadow:0 0 0 .6px #775f3cbb!important;
 filter:drop-shadow(0 3px 2px #183f4036);
}
html body:is(.watercolor-home,.watercolor-cabinet) .wc-ref-button[data-wc-reference-button='dragon'] {
 min-height:36px;padding:8px 16px!important;font-size:13px;
 color:#fffdef!important;text-decoration:none;text-shadow:0 1px 2px #073846;
}
html body:is(.watercolor-home,.watercolor-cabinet) .wc-ref-button .wc-ref-glint {
 background:radial-gradient(ellipse 54px 25px at var(--wc-pointer-x) var(--wc-pointer-y),#edffff85,#b7efff26 44%,transparent 80%);
}
html body:is(.watercolor-home,.watercolor-cabinet) .wc-ref-button:not(.wc-ref-painted):not(.wc-ref-nav):not([data-wc-reference-button='dragon'])>.wc-ref-surface {
 border:1px solid #a7976c8c;
 background:radial-gradient(ellipse 40% 12% at 27% 3%,#fffffff2,transparent 96%),
  linear-gradient(173deg,#ffffff60,#d0e7df21 51%,#eef8e662);
 box-shadow:inset 0 1px 0 #ffffffc4,inset 0 -2px 1px #accdc59c,inset 1px 0 1px #fff9;
 backdrop-filter:blur(8px) saturate(135%);-webkit-backdrop-filter:blur(8px) saturate(135%);
}
html[data-theme='dark'] body:is(.watercolor-home,.watercolor-cabinet) .wc-ref-button:not(.wc-ref-painted):not(.wc-ref-nav):not([data-wc-reference-button='dragon'])>.wc-ref-surface {
 background:radial-gradient(ellipse 40% 12% at 27% 3%,#d1ffffd1,transparent 96%),
  linear-gradient(173deg,#6eafae40,#1748567a 51%,#235b655c);
 box-shadow:inset 0 1px 0 #d3ffffa1,inset 0 -2px 1px #4f9596a3,inset 1px 0 1px #b4eef14a;
}

/* The navigation is a transparent glass vessel, with a visible double bevel. */
html body:is(.watercolor-home,.watercolor-cabinet) .topbar .nav {
 border:1px solid #a7b7acb3!important;
 background:linear-gradient(176deg,#ffffff69,#ffffff05 43%,#b5d9ce13 68%,#f9fffc55)!important;
 box-shadow:inset 0 2px 1px #ffffffed,inset 0 -2px 2px #98b8b3a1,
  inset 2px 0 2px #ffffffb8,inset -2px 0 2px #608f9140,0 3px 8px #4364551a!important;
 backdrop-filter:blur(14px) saturate(145%)!important;
 -webkit-backdrop-filter:blur(14px) saturate(145%)!important;
}
html body:is(.watercolor-home,.watercolor-cabinet) .topbar .nav::before {
 content:'';position:absolute;inset:3px;z-index:-1;pointer-events:none;
 border:1px solid #fff9;border-bottom-color:#749e953d;border-radius:inherit;
 background:radial-gradient(ellipse 38% 7% at 29% 0%,#ffffffba,transparent);
}
html[data-theme='dark'] body:is(.watercolor-home,.watercolor-cabinet) .topbar .nav {
 border-color:#8dafaaa6!important;
 background:linear-gradient(176deg,#9bd1ce27,#082d3957 43%,#123e4838 68%,#73bbbc26)!important;
 box-shadow:inset 0 2px 1px #d3ffffc2,inset 0 -2px 2px #71b5b18c,
  inset 2px 0 2px #cff6ed75,inset -2px 0 2px #15394975,0 3px 9px #00192538!important;
}
html[data-theme='dark'] body:is(.watercolor-home,.watercolor-cabinet) .topbar .nav::before {border-color:#b0e2dc3b;border-bottom-color:#407d7938}

/* Remove the ambiguous little leaf marks; let the continuous metal line
   frame the illustrations without adding competing miniature symbols. */
html body:is(.watercolor-home,.watercolor-cabinet) .wc-reference-frame .wc-frame-slice {
 display:none!important;background:none!important;
}
html body:is(.watercolor-home,.watercolor-cabinet) .wc-reference-frame::before {inset:2px;border-color:var(--wc-v11-rim)!important}
html body:is(.watercolor-home,.watercolor-cabinet) .wc-reference-frame::after {inset:5px;border-color:color-mix(in srgb,var(--wc-v11-rim) 52%,transparent)!important}

@media(max-width:640px) {
 html body.watercolor-cabinet #global-wallet.glass {grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 20px;padding:8px 7px!important;min-height:60px}
 html body.watercolor-cabinet #global-wallet .wallet-heading {display:none}
 html body.watercolor-cabinet #global-wallet .wallet-counter {grid-template-columns:33px minmax(0,1fr);gap:0 5px;padding:0 7px;grid-template-rows:24px 15px}
 html body.watercolor-cabinet #global-wallet .wallet-counter img {width:33px;height:39px}
 html body.watercolor-cabinet #global-wallet .wallet-counter strong {font-size:18px}
 html body.watercolor-cabinet #global-wallet .wallet-counter small {font-size:10px}
}
@media(max-width:359px) {
 html body.watercolor-cabinet #global-wallet .wallet-counter {grid-template-columns:minmax(0,1fr);grid-template-rows:34px 25px 13px;justify-items:center;gap:0;padding-inline:4px;text-align:center}
 html body.watercolor-cabinet #global-wallet .wallet-counter img {grid-column:1;grid-row:1;width:31px;height:34px}
 html body.watercolor-cabinet #global-wallet .wallet-counter strong {grid-column:1;grid-row:2;font-size:18px}
 html body.watercolor-cabinet #global-wallet .wallet-counter small {grid-column:1;grid-row:3;font-size:10px}
}