html:has(body.df10f) { background: #061518 !important; }
html body.df10f:not(#fp) {
    --fp-page:   #061518;
    --fp-panel:  #0e2c31;
    --fp-deep:   #06171a;
    --fp-line:   rgba(255, 255, 255, 0.10);
    --fp-teal:   #c9a24a;
    --fp-pale:   #e2c784;
    --fp-text:   #dfe8e6;
    --fp-muted:  #9fb0ad;
    --fp-warm:   #e0b25a;
    margin: 0 !important; padding: 0 0 24px !important;
    min-height: 100vh;
    background: url(images/themes/v2026/header-sky.png?v=2) left top repeat-x, var(--fp-page) !important;
    color: var(--fp-text) !important;
    font: 11px/1.45 Verdana, Arial, sans-serif !important;
}
body.df10f * { box-sizing: border-box; }
body.df10f a { color: var(--fp-pale); }
body.df10f a:hover { color: #fff; }
body.df10f img { border: 0; }
body.df10f #header {
    position: relative; height: 114px;
    background: url(images/themes/v2026/header-centre.png?v=10) center bottom no-repeat,
                url(images/themes/v2026/header-street.png?v=4) center bottom no-repeat;
}
body.df10f .df10f__home { position: absolute; left: 50%; top: 14px; width: 560px; height: 76px; margin-left: -280px; }
body.df10f .df10f__home span { position: absolute; left: -9000px; }
body.df10f #navigation { width: 940px; max-width: calc(100% - 16px); margin: 0 auto; height: 30px; }
html body.df10f:not(#fp) #navigation ul { display: flex; gap: 4px; list-style: none; margin: 0; padding: 0; }
body.df10f #navigation li { margin: 0; padding: 0; }
html body.df10f:not(#fp) #navigation li a {
    display: block; min-width: 120px; height: 30px; padding: 0 18px;
    border: 1px solid var(--fp-line); border-bottom: 0;
    background: linear-gradient(#10363c, #0a2125) !important;
    color: var(--fp-text) !important; text-decoration: none !important;
    font: bold 11px/30px Arial, Helvetica, sans-serif !important; letter-spacing: .08em; text-transform: uppercase; text-align: center;
}
html body.df10f:not(#fp) #navigation li a:hover { background: linear-gradient(#8e7232, #54431c) !important; color: #fff !important; }
html body.df10f:not(#fp) #navigation li a.active { background: linear-gradient(#8e7232, #54431c) !important; color: #fff !important; box-shadow: inset 0 2px 0 var(--fp-teal) !important; }
html body.df10f:not(#fp) #counter {
    width: 940px; max-width: calc(100% - 16px); margin: -24px auto 6px; height: 18px; padding: 0;
    background: none; border: 0; opacity: 1;
    color: var(--fp-muted) !important; font: 10px/18px Verdana, Arial, sans-serif; letter-spacing: .06em; text-transform: uppercase; text-align: right;
    pointer-events: none;
}
body.df10f #random, body.df10f #news, body.df10f #loginerror, body.df10f #login, body.df10f #register,
body.df10f .df07__main, body.df10f .df07__regform, body.df10f .df10c__box {
    background: var(--fp-panel); outline: 1px solid var(--fp-line); outline-offset: -1px;
}
html body.df10f:not(#fp) :is(#random, #news, #loginerror, #login) h1,
html body.df10f:not(#fp) .df07__h,
html body.df10f:not(#fp) .df07__mh,
html body.df10f:not(#fp) .df10c__box h1 {
    display: block; height: auto; margin: 0 0 10px; padding: 9px 12px 8px 14px; text-indent: 0; overflow: visible;
    background: var(--fp-deep) !important; border: 0 !important; box-shadow: inset 3px 0 0 var(--fp-teal);
    color: var(--fp-pale) !important; font: bold 13px/1.2 Arial, Helvetica, sans-serif !important;
    letter-spacing: .1em; text-transform: uppercase !important; text-align: left !important;
}
body.df10f p { margin: 0; padding: 0 14px 10px; }
body.df10f sub { font-size: 10px; color: var(--fp-muted); vertical-align: baseline; }
body.df10f ul { margin: 0; padding: 0 14px 8px 30px; list-style: square; }
body.df10f li { padding: 2px 0; }
body.df10f #topContent {
    display: grid; grid-template-columns: 250px 1fr 220px; gap: 8px; align-items: stretch;
    width: 940px; max-width: calc(100% - 16px); margin: 0 auto;
}
body.df10f #random { color: var(--fp-text); }
body.df10f #random a { text-decoration: underline; }
body.df10f #news, body.df10f #loginerror { min-height: 420px; }
body.df10f #news hr { height: 1px; border: 0; background: var(--fp-line); margin: 10px 14px; }
body.df10f #loginerror { background: #3d1416; outline-color: rgba(224, 120, 110, .3); }
html body.df10f:not(#fp) #loginerror h1 { box-shadow: inset 3px 0 0 #d9534f; color: #f2c4bf !important; background: #2a0d0f !important; }
body.df10f .df10f__col { display: flex; flex-direction: column; gap: 8px; }
body.df10f #login { padding-bottom: 10px; color: var(--fp-text); }
body.df10f #login form { margin: 0; padding: 4px 14px 0; }
html body.df10f:not(#fp) #login .input {
    display: block; width: 100% !important; height: 30px !important; margin: 0 0 8px; padding: 0 8px !important;
    background: var(--fp-deep) !important; border: 1px solid rgba(132, 178, 190, .35) !important; border-radius: 0 !important; box-shadow: none !important;
    color: #fff !important; font: 13px Verdana, Arial, sans-serif !important;
}
html body.df10f:not(#fp) #login .input:focus { outline: 1px solid var(--fp-teal); border-color: var(--fp-teal) !important; }
html body.df10f:not(#fp) #login .input::placeholder { color: var(--fp-muted); opacity: 1; }
html body.df10f:not(#fp) #login .submit {
    display: block; width: 100% !important; height: 30px; margin: 2px 0 0; padding: 0;
    background: linear-gradient(#1a8fa0, #12707e) !important; border: 1px solid var(--fp-teal) !important; border-radius: 0 !important; box-shadow: none !important;
    color: #fff !important; font: bold 12px Arial, Helvetica, sans-serif !important; letter-spacing: .1em; text-transform: uppercase; cursor: pointer;
}
html body.df10f:not(#fp) #login .submit:hover { background: linear-gradient(#20a3b5, #15808f) !important; }
body.df10f #login br { display: none; }
body.df10f #login form.df-guestgo { padding: 0; margin: 12px 0 0; }
html body.df10f:not(#fp) #login h1#guest { margin: 0 0 6px; padding: 0; }
html body.df10f:not(#fp) #login h1#guest button {
    display: block; width: 100%; margin: 0; padding: 9px 12px 8px 14px; text-align: left;
    background: none; border: 0; color: var(--fp-pale); font: inherit; letter-spacing: inherit; text-transform: inherit; cursor: pointer;
}
html body.df10f:not(#fp) #login h1#guest button:hover { color: #fff; }
html body.df10f:not(#fp) #login ul { padding: 0 14px 0 30px !important; }
html body.df10f:not(#fp) #login a { color: var(--fp-pale) !important; }
html body.df10f:not(#fp) #login a:hover { color: #fff !important; }
body.df10f #register { position: relative; min-height: 180px; overflow: hidden; }
html body.df10f:not(#fp) #register a.df10f__reg {
    display: flex; flex-direction: column; justify-content: flex-end; min-height: 180px; height: 100%; padding: 14px;
    background: linear-gradient(rgba(6, 21, 24, .15), rgba(6, 21, 24, .92)), url(images/city/tokyo-sm.png) center / cover no-repeat;
    color: #fff !important; text-decoration: none !important;
}
body.df10f .df10f__reg b { display: block; font: bold 20px/1.1 Arial, Helvetica, sans-serif; letter-spacing: .06em; text-transform: uppercase; color: #fff; }
body.df10f .df10f__reg span { display: block; margin-top: 4px; color: var(--fp-text); }
body.df10f .df10f__reg i { display: inline-block; align-self: flex-start; margin-top: 10px; padding: 5px 12px; font-style: normal; font-weight: bold; text-transform: uppercase; letter-spacing: .1em; color: #1b1f21; background: var(--fp-warm); }
body.df10f .df10f__reg:hover i { background: #f0c46c; }
html body.df10f:not(#fp) #footer {
    width: 940px; max-width: calc(100% - 16px); margin: 14px auto 0; padding: 0;
    color: var(--fp-muted) !important; font-size: 10px; letter-spacing: .06em; text-transform: uppercase; text-align: center;
}
html body.df10f:not(#fp) #footer a { color: var(--fp-muted) !important; text-decoration: none !important; }
html body.df10f:not(#fp) #footer a:hover { color: #fff !important; }
body.df10f .df10f__wrap { display: block; width: 940px; max-width: calc(100% - 16px); margin: 0 auto; }
body.df10f .df07__row { display: grid; grid-template-columns: 1fr 220px; gap: 8px; align-items: start; }
body.df10f .df10f__side { display: flex; flex-direction: column; gap: 8px; }
html body.df10f:not(#fp) .df07__main { min-height: 440px; padding-bottom: 14px; color: var(--fp-text) !important; }
html body.df10f:not(#fp) .df07__main :is(p, li) { color: var(--fp-text) !important; }
html body.df10f:not(#fp) .df07__main a { color: var(--fp-pale) !important; }
html body.df10f:not(#fp) .df07__sub {
    margin: 14px 14px 6px; padding: 0 0 4px; border: 0; border-bottom: 1px solid var(--fp-line);
    background: none !important; color: #fff !important; font: bold 12px Verdana, Arial, sans-serif !important; text-transform: none;
}
body.df10f .df07__cta a { font-weight: bold; }
html body.df10f:not(#fp) .df07__main--manual { width: 100%; max-width: none; margin: 0; padding: 0 0 14px; border: 0 !important; color: var(--fp-text) !important; }
html body.df10f:not(#fp) .df07__main--manual :is(.df-pg__box, .df-pg__card, .df-pg__cta, .df-pg__crumbs, .df-pg__body, .df-wiki) { background: transparent !important; border-color: var(--fp-line) !important; box-shadow: none !important; }
html body.df10f:not(#fp) .df07__main--manual .df-pg__body { padding: 4px 14px; }
html body.df10f:not(#fp):not(#fp2) .df07__regform {
    width: 100%; max-width: none; min-height: 0; margin: 0; padding: 0 0 20px; border: 0 !important; border-radius: 0; box-shadow: none !important;
    color: var(--fp-text) !important;
}
html body.df10f:not(#fp):not(#fp2) .df07__regform :is(form, .df-auth__body) { width: 520px; max-width: calc(100% - 28px); margin: 6px 14px 0; padding: 0; background: none !important; border: 0 !important; }
html body.df10f:not(#fp):not(#fp2) .df07__regform :is(.df-field > span, .df-field label, .df-signpts__one span) { color: var(--fp-pale) !important; font: bold 11px Verdana, Arial, sans-serif; text-transform: none; letter-spacing: 0; }
html body.df10f:not(#fp):not(#fp2) .df07__regform :is(input[type="text"], input[type="password"], input[type="email"], input[type="number"]) {
    height: 30px; padding: 0 8px; border: 1px solid rgba(132, 178, 190, .35) !important; border-radius: 0;
    background: var(--fp-deep) !important; color: #fff !important; font-size: 13px;
}
html body.df10f:not(#fp):not(#fp2) .df07__regform .df-field { margin: 0 0 10px; padding: 0 0 10px; border-bottom: 1px solid var(--fp-line); }
html body.df10f:not(#fp):not(#fp2) .df07__regform :is(a, p, .df-muted, .df-agree span) { color: var(--fp-text) !important; }
html body.df10f:not(#fp):not(#fp2) .df07__regform a { color: var(--fp-pale) !important; }
html body.df10f:not(#fp):not(#fp2) .df07__regform :is(.df-btn, button[type="submit"]) {
    display: inline-block; width: auto; padding: 7px 24px; border: 1px solid var(--fp-teal) !important; border-radius: 0;
    background: linear-gradient(#1a8fa0, #12707e) !important; color: #fff !important; box-shadow: none !important;
    font: bold 12px Arial, Helvetica, sans-serif; letter-spacing: .1em; text-transform: uppercase;
}
html body.df10f:not(#fp):not(#fp2) .df07__regform .df-auth__body--center { padding: 14px; }
html body.df10c .df10c { position: relative; }
html body.df10c .df10c__box { position: relative; margin: 0 0 8px; padding: 0 0 14px; color: var(--fp-text) !important; font: 11px/1.45 Verdana, Arial, sans-serif; }
html body.df10c .df10c__box--grey { background: #1f2729 !important; }
html body.df10c .df10c__box .df-closed__title:not(#fp) { max-width: none !important; width: auto !important; text-align: center !important; }
html body.df10c .df10c__box p { margin: 0 20px 10px; padding: 0; color: inherit !important; }
html body.df10c .df10c__box b { color: #fff !important; }
html body.df10c .df10c__row { display: flex; gap: 8px; align-items: stretch; }
html body.df10c .df10c__row > .df10c__box { flex: 1 1 0; }
html body.df10c .df10c__box--main { text-align: center; padding-bottom: 20px; }
html body.df10c .df-closed__eyebrow { margin: 4px 20px 4px !important; font: bold 10px Verdana, Arial, sans-serif !important; letter-spacing: 2px; text-transform: uppercase; color: var(--fp-muted) !important; }
html body.df10c .df-closed__title { margin: 0 20px 10px !important; font: bold 17px Arial, Helvetica, sans-serif !important; color: #fff !important; }
html body.df10c .df-closed__lead { max-width: 520px; margin: 0 auto 14px !important; }
html body.df10c .df-closed__clock { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; max-width: 440px; margin: 0 auto 12px; background: var(--fp-line); border: 1px solid var(--fp-line); }
html body.df10c .df-closed__clock > div { background: var(--fp-deep); padding: 10px 4px 8px; }
html body.df10c .df-closed__clock b { display: block; font: bold 38px/1 Arial, Helvetica, sans-serif; color: #fff !important; }
html body.df10c .df-closed__clock span { display: block; margin-top: 4px; font: 9px Verdana, Arial, sans-serif; letter-spacing: 1px; text-transform: uppercase; color: var(--fp-muted); }
html body.df10c .df-closed__clock[data-over] b { color: var(--fp-muted) !important; }
html body.df10c .df-closed__when { margin: 0 20px 6px !important; color: var(--fp-text) !important; font-size: 12px; }
html body.df10c .df-closed__discord { display: flex; flex-direction: column; align-items: center; gap: 6px; margin: 10px 20px 0 !important; }
html body.df10c .df-closed__discord a.df-btn--go:not(#fp) { display: inline-block; padding: 6px 16px; background: linear-gradient(#1a8fa0, #12707e) !important; border: 1px solid var(--fp-teal) !important; border-radius: 0; color: #fff !important; font: bold 11px Arial, Helvetica, sans-serif; letter-spacing: .1em; text-transform: uppercase; }
html body.df10c .df-closed__discord span { color: var(--fp-muted) !important; font-size: 10px; }
html body.df10c .df10c__box .df-closed__stamp { position: absolute; top: 6px; right: 18px; left: auto; bottom: auto; transform: rotate(-6deg); pointer-events: none; }
html body.df10c .df10c__box .df-closed__stamp span { display: block; padding: 2px 10px; border: 3px solid var(--fp-warm); color: var(--fp-warm); background: none; font: bold 18px/1 Arial, Helvetica, sans-serif; letter-spacing: 4px; text-transform: uppercase; }
html body.df10c .df-closed__list { display: block; margin: 0; padding: 0 20px 0 35px; }
html body.df10c .df-closed__list li { list-style: square; margin: 0; padding: 3px 2px; border: 0; color: inherit !important; font-size: 11px; }
html body.df10c .df10c__box .df-feats:not(#fp) { margin: 0 14px; padding: 0; border: 0 !important; background: none !important; }
html body.df10c .df10c__box .df-feat:not(#fp) { background: var(--fp-deep) !important; border-color: var(--fp-line) !important; }
html body.df10c .df10c__box .df-feat:not(#fp) :is(.df-feat__i, .df-feat__n) { color: var(--fp-pale) !important; }
html body.df10c .df10c__box .df-feat:not(#fp) .df-feat__i path { stroke: var(--fp-pale) !important; }
html body.df10c .df-closed__preview { position: relative; z-index: 2; }
html body.df10c .df10c__staff { margin: 0 0 8px; text-align: right; font-size: 10px; }
html body.df10c .df10c__staff a { color: var(--fp-muted) !important; }
@media (max-width: 1023px) {
    body.df10f #header { background-size: auto 100%; }
    body.df10f .df10f__home { width: 100%; left: 0; margin-left: 0; }
    html body.df10f:not(#fp) #navigation { height: auto; }
    html body.df10f:not(#fp) #navigation li { flex: 1 1 0; }
    html body.df10f:not(#fp) #navigation li a { min-width: 0; padding: 0 6px; }
    html body.df10f:not(#fp) #counter { margin: 6px auto; text-align: center; }
    body.df10f #topContent { grid-template-columns: 1fr 1fr; }
    body.df10f .df10f__col { order: 1; grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr; }
    body.df10f :is(#news, #loginerror) { order: 2; grid-column: 1 / -1; min-height: 0; }
    body.df10f #random { order: 3; grid-column: 1 / -1; }
    body.df10f .df07__row { grid-template-columns: 1fr; }
    body.df10f .df10f__side { display: grid; grid-template-columns: 1fr 1fr; }
    html body.df10c .df10c__row { flex-direction: column; }
    html body.df10c .df-closed__clock b { font-size: 28px; }
    html body.df10c .df10c__box .df-closed__stamp { display: none; }
}
@media (max-width: 479px) {
    body.df10f .df10f__col, body.df10f .df10f__side { grid-template-columns: 1fr; }
    body.df10f #header { height: 80px; }
}