:root{
  







  --grain-size:140px; --dust-size:420px;
  --grain:.085; --bloom:.14; --dust:.11; --crt:.34;
  --halo-a:.42; --halo-b:.40; --halo-c:.20; --hl:.85;
  --rgb:1.15px; --rgb-y:.34px; --rgb-r:.40; --rgb-b:.34}



@media (min-resolution:2dppx){:root{--grain-size:70px; --dust-size:280px}}
@media (min-resolution:3dppx){:root{--grain-size:46.7px; --dust-size:210px}}


body::before{content:"";position:fixed;inset:0;z-index:9997;pointer-events:none;
  background:radial-gradient(ellipse 76% 50% at 50% 24%,rgba(228,240,214,var(--bloom)),transparent 70%),
             radial-gradient(ellipse 130% 70% at 50% 104%,rgba(176,198,255,.045),transparent 72%);
  mix-blend-mode:screen}

body::after{content:"";position:fixed;inset:0;z-index:9998;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");
  background-size:var(--grain-size) var(--grain-size);
  opacity:var(--grain);mix-blend-mode:overlay}

html::before{content:"";position:fixed;inset:0;z-index:9994;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='420'%3E%3Cfilter id='d' x='0' y='0' width='100%' height='100%'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.2' numOctaves='1' seed='11' stitchTiles='stitch' result='t1'/%3E%3CfeColorMatrix in='t1' type='luminanceToAlpha' result='l1'/%3E%3CfeComponentTransfer in='l1' result='a1'%3E%3CfeFuncA type='linear' slope='30' intercept='-21.6'/%3E%3C/feComponentTransfer%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='1' seed='7' stitchTiles='stitch' result='t2'/%3E%3CfeColorMatrix in='t2' type='luminanceToAlpha' result='l2'/%3E%3CfeComponentTransfer in='l2' result='a2'%3E%3CfeFuncA type='linear' slope='30' intercept='-20.4'/%3E%3C/feComponentTransfer%3E%3CfeComposite in='a1' in2='a2' operator='over' result='a'/%3E%3CfeFlood flood-color='%232b2723' result='w'/%3E%3CfeComposite in='w' in2='a' operator='in'/%3E%3C/filter%3E%3Crect width='420' height='420' filter='url%28%23d%29'/%3E%3C/svg%3E");
  background-size:var(--dust-size) var(--dust-size);
  opacity:calc(var(--dust) * 1.15);mix-blend-mode:multiply}

html::after{content:"";position:fixed;inset:0;z-index:9996;pointer-events:none;opacity:var(--crt);
  background:repeating-linear-gradient(180deg,rgba(0,0,0,.20) 0 1px,transparent 1px 3px),
             radial-gradient(ellipse 96% 92% at 50% 50%,transparent 55%,rgba(0,0,0,.30) 100%)}

.crtglass{position:fixed;inset:0;z-index:9995;pointer-events:none;
  box-shadow:inset 0 0 120px rgba(0,0,0,.55),inset 0 0 22px rgba(0,0,0,.45)}
.crtglass::before{content:"";position:absolute;inset:0;pointer-events:none;   
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='420'%3E%3Cfilter id='d' x='0' y='0' width='100%' height='100%'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.2' numOctaves='1' seed='11' stitchTiles='stitch' result='t1'/%3E%3CfeColorMatrix in='t1' type='luminanceToAlpha' result='l1'/%3E%3CfeComponentTransfer in='l1' result='a1'%3E%3CfeFuncA type='linear' slope='30' intercept='-21.6'/%3E%3C/feComponentTransfer%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='1' seed='7' stitchTiles='stitch' result='t2'/%3E%3CfeColorMatrix in='t2' type='luminanceToAlpha' result='l2'/%3E%3CfeComponentTransfer in='l2' result='a2'%3E%3CfeFuncA type='linear' slope='30' intercept='-20.4'/%3E%3C/feComponentTransfer%3E%3CfeComposite in='a1' in2='a2' operator='over' result='a'/%3E%3CfeFlood flood-color='%23fff' result='w'/%3E%3CfeComposite in='w' in2='a' operator='in'/%3E%3C/filter%3E%3Crect width='420' height='420' filter='url%28%23d%29'/%3E%3C/svg%3E");
  background-size:var(--dust-size) var(--dust-size);
  opacity:var(--dust);mix-blend-mode:screen}
.crtglass::after{content:"";position:absolute;inset:0;pointer-events:none;    
  background:linear-gradient(178deg,rgba(150,214,204,.095),rgba(196,150,190,.035) 58%,rgba(255,200,132,.05));
  mix-blend-mode:soft-light}


body{text-shadow:0 0 .16em rgba(255,244,224,calc(.20 * var(--hl))),0 0 .7em rgba(201,168,107,calc(.16 * var(--hl)))}

.ob-title,.fw-card h3,.scene-pos .sp-head h4{--hl:1.15;
  text-shadow:calc(var(--rgb) * -1) var(--rgb-y) 0 rgba(255,124,92,calc(var(--rgb-r) * var(--hl))),
    var(--rgb) calc(var(--rgb-y) * -1) 0 rgba(92,168,255,calc(var(--rgb-b) * var(--hl))),
    0 0 .04em rgba(255,244,224,calc(var(--halo-a) * var(--hl))),
    0 0 .55em rgba(201,168,107,calc(var(--halo-b) * var(--hl))),
    0 0 1.6em rgba(201,168,107,calc(var(--halo-c) * var(--hl)))}

.grp{--hl:.45;text-shadow:0 0 .18em rgba(255,238,206,calc(.34 * var(--hl))),0 0 .9em rgba(201,168,107,calc(.52 * var(--hl)))}

input,button,select,textarea,option,label,code,pre{text-shadow:none}

.fw-card h3 label,.scene-pos .sp-head h4 label{text-shadow:inherit}




img[src$="prjct01-logo.png"]{filter:brightness(0) invert(1)
  drop-shadow(calc(var(--rgb) * -1) var(--rgb-y) 0 rgba(255,124,92,.46))
  drop-shadow(var(--rgb) calc(var(--rgb-y) * -1) 0 rgba(92,168,255,.39))
  drop-shadow(0 0 3px rgba(255,238,206,.30)) drop-shadow(0 0 9px rgba(201,168,107,.34)) !important}
.wm-filum{filter:
  drop-shadow(calc(var(--rgb) * -.5) calc(var(--rgb-y) * .5) 0 rgba(255,124,92,.22))
  drop-shadow(calc(var(--rgb) * .5) calc(var(--rgb-y) * -.5) 0 rgba(92,168,255,.18))
  drop-shadow(0 0 4px rgba(255,238,206,.22)) drop-shadow(0 0 12px rgba(201,168,107,.30))}


@media(prefers-reduced-transparency:reduce){
  body::after,body::before,html::after,html::before,.crtglass{display:none}}
@media(prefers-contrast:more){
  body,.ob-title,.fw-card h3,.scene-pos .sp-head h4,.grp{text-shadow:none}
  img[src$="prjct01-logo.png"]{filter:brightness(0) invert(1) !important} .wm-filum{filter:none}
  body::before{display:none}}
@media print{body::after,body::before,html::after,html::before,.crtglass{display:none}}





:root[data-theme="light"]{--grain:.05}
:root[data-theme="light"] body::before,html[data-theme="light"]::before,html[data-theme="light"]::after,
:root[data-theme="light"] .crtglass{display:none}
:root[data-theme="light"] :is(body,.ob-title,.fw-card h3,.scene-pos .sp-head h4,.grp){text-shadow:none}
:root[data-theme="light"] .wm-filum{filter:none}