
.fun-nav-link{
  display:inline-block !important;
  vertical-align:middle !important;
  margin-left:3px !important;
  padding:1px 5px !important;
  border:2px outset #cbbdd5 !important;
  border-radius:0 !important;
  background:#fff7e8 !important;
  color:#62318c !important;
  font:9px/1.05 Verdana,Arial,sans-serif !important;
  text-decoration:underline !important;
  cursor:pointer !important;
}
.fun-nav-link:active{border-style:inset !important}

.fun-subtitle{
  margin:2px 0 6px;
  text-align:center;
  font:italic 10px/1.2 Georgia,serif;
  color:#735c7f;
}

/* kill the old homepage status box completely */
.fun-right-now{display:none !important}

.fun-toast{
  position:fixed;z-index:999999;left:50%;bottom:18px;
  transform:translateX(-50%);
  max-width:min(420px,calc(100vw - 30px));
  padding:8px 10px;border:2px outset #cbbdd5;
  background:#fff7e8;color:#4d3f5f;
  font:11px/1.35 Verdana,Arial,sans-serif;
  box-shadow:2px 2px 0 rgba(0,0,0,.12);
  text-align:center
}

.fun-page{
  max-width:720px;margin:28px auto;padding:20px;
  border:3px ridge #cbbdd5;background:#fffdf6;
  color:#1f1824;font-family:Georgia,"Times New Roman",serif;
  box-sizing:border-box
}
.fun-page h1,.fun-page h2{color:#60307d}
.fun-page a{color:#62318c}
.fun-page .tiny{font:10px/1.3 Verdana,Arial,sans-serif;color:#705f76}

.fun-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(145px,1fr));
  gap:8px
}
.fun-card{
  display:block;padding:10px;
  border:2px outset #d0c0d8;background:#fff8e7;
  color:#56316f;text-decoration:none;
  font:11px/1.3 Verdana,Arial,sans-serif
}
.fun-card:hover{background:#f5eafa}

.fun-box{
  border:2px ridge #cbbdd5;background:#fffaf0;
  padding:12px;margin:12px 0
}
.fun-button{
  appearance:none;-webkit-appearance:none;
  border:2px outset #cbbdd5;border-radius:0;
  background:#e9f4d8;color:#315c3e;
  padding:3px 7px;
  font:10px/1.1 Verdana,Arial,sans-serif;
  cursor:pointer
}
.fun-button:active{border-style:inset}

.fun-input,.fun-textarea{
  width:100%;box-sizing:border-box;
  border:2px inset #d5c8dc;background:#fffef8;
  color:#241b29;padding:6px;
  font:12px/1.3 Verdana,Arial,sans-serif
}
.fun-wall-entry{padding:6px 0;border-bottom:1px dotted #d5becb}

.fun-desktop{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(110px,1fr));
  gap:16px;margin-top:18px;text-align:center
}
.fun-desktop a{text-decoration:none}
.fun-desktop .folder{font-size:42px;display:block}

.fun-useless-stage{
  position:relative;min-height:260px;
  border:1px dotted #d6b9cc;
  overflow:hidden;margin-top:12px;
  background:
    radial-gradient(circle at 20% 30%,rgba(255,190,220,.18),transparent 22%),
    radial-gradient(circle at 75% 65%,rgba(179,146,255,.15),transparent 24%),
    #fffaf0;
}
#fun-useless-star{
  position:absolute;left:45%;top:42%;
  font-size:32px;cursor:pointer;user-select:none
}
.fun-guest-title{
  margin:10px auto;padding:8px;max-width:520px;
  border:2px ridge #cbbdd5;background:#fff7e8;
  text-align:center;font:11px/1.35 Verdana,Arial,sans-serif
}

.fun-moon{
  display:inline-block;
  min-width:180px;
  padding:8px 10px;
  border:1px dotted #cab8d2;
  background:#fffdf5;
}
.fun-moon-emoji{
  font-size:25px;
  vertical-align:middle;
  margin-right:5px;
}

/* WILL TOLEDO BANDCAMP SHRINE */
.will-shrine{
  background:
    radial-gradient(circle at 10% 10%,rgba(255,145,179,.10),transparent 22%),
    radial-gradient(circle at 90% 25%,rgba(177,132,255,.10),transparent 25%),
    #fffaf5;
}
.will-shrine-title{
  text-align:center;
  font-size:34px;
  line-height:1;
  margin-bottom:4px;
}
.will-shrine-kicker{
  text-align:center;
  font-style:italic;
  margin-bottom:14px;
}
.will-heartline{
  text-align:center;
  letter-spacing:6px;
  color:#d52d5a;
  font-size:19px;
  margin:8px 0;
}
.will-collage{
  display:grid;
  grid-template-columns:1.2fr 1fr;
  gap:9px;
  margin:12px 0;
}
.will-collage img{
  width:100%;
  height:100%;
  max-height:330px;
  object-fit:cover;
  border:3px ridge #d7bfd8;
  box-sizing:border-box;
}
.will-collage .tall{
  grid-row:span 2;
}
.will-heart-strip{
  display:grid;
  grid-template-columns:1.4fr 1fr .55fr;
  gap:8px;
  align-items:stretch;
  margin:10px 0;
}
.will-heart-strip img{
  width:100%;
  height:160px;
  object-fit:cover;
  border:2px outset #dbc5dc;
  box-sizing:border-box;
}
.will-bandcamp-box{
  padding:10px;
  margin:12px 0;
  border:2px dashed #bf8fae;
  background:#fff1f5;
  text-align:center;
}
.will-bandcamp-box a{
  font-weight:bold;
}
.will-shrine-note{
  font-size:12px;
  line-height:1.45;
}

@media(max-width:700px){
  .fun-page{width:calc(100% - 12px);margin:6px auto;padding:14px}
  .fun-toast{bottom:8px}
  .fun-subtitle{max-width:100%}
  .will-collage{grid-template-columns:1fr}
  .will-collage .tall{grid-row:auto}
  .will-heart-strip{grid-template-columns:1fr 1fr}
  .will-heart-strip img:last-child{grid-column:1 / -1;height:180px;object-fit:contain}
}

/* TOOLBAR FIX */

.fun-nav-link{
    display:none!important;
}

.visitor-fortune-wrap{
    display:inline-flex!important;
    flex-direction:column!important;
    align-items:center!important;
    vertical-align:bottom!important;
    margin-right:4px!important;
}

.visitor-fortune-hint{
    display:block!important;
    margin:0 0 2px!important;
    color:#725d7d!important;
    font:7px/1 Verdana,Arial,sans-serif!important;
    white-space:nowrap!important;
}

#fun-top-secret-button{
    display:inline-block!important;
    vertical-align:bottom!important;

    margin-left:5px!important;
    padding:3px 7px!important;

    border:2px outset #cbbdd5!important;
    background:#f1e6fa!important;
    color:#5b3974!important;

    font:9px/1.05 Verdana,Arial,sans-serif!important;

    text-align:center!important;
    text-decoration:none!important;

    cursor:pointer!important;
}

#fun-top-secret-button:active{
    border-style:inset!important;
}



/* TOOLBAR HARD FIX */

.fun-nav-link {
    display: none !important;
}

.visitor-fortune-wrap {
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-end !important;

    vertical-align: bottom !important;

    margin-right: 4px !important;
}

.visitor-fortune-hint {
    display: block !important;

    margin: 0 0 3px !important;

    color: #725d7d !important;

    font: 7px/1 Verdana, Arial, sans-serif !important;

    white-space: nowrap !important;
}

#fun-top-secret-button {
    display: inline-block !important;
    vertical-align: bottom !important;

    margin-left: 5px !important;
    padding: 3px 7px !important;

    border: 2px outset #cbbdd5 !important;
    border-radius: 0 !important;

    background: #f1e6fa !important;
    color: #5b3974 !important;

    font: 9px/1.05 Verdana, Arial, sans-serif !important;

    text-align: center !important;
    text-decoration: none !important;

    cursor: pointer !important;
}

#fun-top-secret-button:active {
    border-style: inset !important;
}

/* END TOOLBAR HARD FIX */

/* MISC MOON: TEXT ONLY */
#fun-moon-phase .fun-moon-emoji { display: none !important; }
