.op-home-page .navigation,.op-home-page .roleplay-header{display:none!important}
.op-home-page #content{min-height:calc(100svh - 56px)}
.op-home-page #content>.wrapper>.inner-container{display:flex;flex-direction:column;min-height:inherit}
.op-home-page #content>.wrapper{max-width:none;width:auto}
.op-home-page .op-footer{margin-top:auto;padding-top:38px;flex-shrink:0}
.oh-main{box-sizing:border-box;width:100%;max-width:1560px;margin:0 auto;padding:25px 30px 42px;flex:1;color:#ece5d7;font:400 17px/1.75 Cambria,'Palatino Linotype','Book Antiqua',Georgia,serif}
.oh-main *,.oh-dialog *{box-sizing:border-box}
.oh-hero{text-align:center;margin:0 auto 32px;max-width:760px}
.oh-hero h1{margin:0;color:#e2c585;font:400 80px/1.05 Georgia,serif}
.oh-arch{display:block;width:min(100%,550px);height:auto;margin:0 auto -12px;overflow:visible}
.oh-arch text{fill:#e8cd92;font:400 29px Georgia,serif;letter-spacing:1px;paint-order:stroke fill;stroke:#092134;stroke-width:1.6px}
.oh-one-piece{display:block;font-size:clamp(58px,6vw,90px);letter-spacing:.015em;color:#edcf86;text-shadow:0 2px 2px #05121e,0 0 24px #f2ce7c24;-webkit-text-stroke:.6px #061628;paint-order:stroke fill}
.oh-one-piece span{display:inline-block;font-weight:400}
.oh-one-piece span:first-child{font-style:italic;transform:translateY(3px) rotate(-3deg)}
.oh-one-piece span:last-child{transform:rotate(2deg)}
.oh-hero-rule{display:flex;align-items:center;justify-content:center;gap:18px;margin:20px auto 0;color:#e3c581;font-size:13px;width:65%}
.oh-hero-rule::before,.oh-hero-rule::after{content:'';height:1px;flex:1;background:linear-gradient(90deg,transparent,#d9b66b88)}
.oh-hero-rule::after{transform:rotate(180deg)}
.oh-columns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;align-items:stretch;min-height:620px}
.oh-column{position:relative;min-width:0;isolation:isolate;background:transparent}
.oh-frame{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:-1;fill:none;stroke:#c6b48080;stroke-width:1.1px}
.oh-frame path{vector-effect:non-scaling-stroke}
.oh-frame .oh-frame-glint{stroke-width:2.4px;opacity:.9}
.oh-column-inner{position:relative;display:flex;flex-direction:column;gap:18px;min-height:620px;padding:26px 19px 28px}
.oh-column h2{margin:0;padding:0 0 16px;border-bottom:1px solid #d8b46c55;text-align:center;color:#e7c989;font:400 clamp(18px,1.6vw,23px)/1.4 Georgia,serif;text-shadow:0 1px 2px #061522;min-height:50px}
.oh-feed{display:flex;flex-direction:column;gap:17px;min-height:200px;max-height:640px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#b5a87770 #102c3c30;padding:2px}
.oh-feed>.oh-card{flex-shrink:0}
.oh-card,.oh-stat-card{position:relative;isolation:isolate;overflow:hidden;border:0;border-radius:12px 5px 13px 6px;background:transparent;min-height:180px}
.oh-card-surface{position:absolute;inset:0;width:100%;height:100%;z-index:-3;pointer-events:none;overflow:visible;stroke:#99b9c04d;stroke-width:1px}
.oh-card-surface path{vector-effect:non-scaling-stroke}
.oh-card::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 -1px #e0bf7038}
.oh-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.30;z-index:-2;clip-path:inset(5px round 9px)}
.oh-cover-shade{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(transparent,#061b2a1a)}
.oh-card-text{position:relative;padding:22px 16px 18px;min-height:180px;display:flex;flex-direction:column;justify-content:flex-end;overflow-wrap:anywhere}
.oh-card h3{font:400 21px/1.35 Georgia,serif;color:#efd297;margin:0 0 10px;text-shadow:0 1px 3px #000;-webkit-text-stroke:.3px #092032;paint-order:stroke fill}
.oh-card a{color:#efd297;text-decoration:none}.oh-card a:hover{color:#fff0c9;text-shadow:0 0 10px #edcf8670}
.oh-message{color:#ece5d7;font:400 16px/1.7 Cambria,'Palatino Linotype',Georgia,serif;text-shadow:0 1px 2px #03101b}
.oh-message:empty{display:none}.oh-message :is(p,ul,ol){margin:0 0 10px}.oh-message :is(h2,h3){font-size:18px;min-height:0;border:0;padding:0;text-align:left}.oh-message .opguide-table-scroll{font-size:13px}
.oh-message .opguide-table-scroll table{min-width:400px}.oh-message img{max-width:100%}
.oh-update{min-height:65px;border-radius:5px 12px 6px 13px}.oh-update .oh-card-text{min-height:65px;padding:15px}.oh-update h3{font-size:17px;margin:0}.oh-update .oh-message{font-size:15px;margin-top:7px}
.oh-button{appearance:none;display:inline-flex;align-items:center;justify-content:center;position:relative;isolation:isolate;overflow:hidden;cursor:pointer;text-decoration:none;border:1px solid #d8b46c65;border-radius:4px;padding:7px 11px;min-height:34px;background:linear-gradient(115deg,#16364a70,#17393865);color:#e2c585;font:400 13px/1.4 Georgia,serif;transition:box-shadow .18s,color .18s}
.oh-button::after{content:'';position:absolute;z-index:-1;inset:0 auto 0 0;width:35%;background:linear-gradient(100deg,transparent,#e8cb8338,transparent);transform:translateX(-200%);pointer-events:none}
.oh-button:is(:hover,:focus-visible){color:#fff0c9;box-shadow:inset 0 -1px #e2c585,0 0 10px #e2c58516}.oh-button:is(:hover,:focus-visible)::after{animation:oh-shine 2.4s linear infinite}.oh-button:disabled{opacity:.55;cursor:wait}
.oh-main :focus-visible{outline:2px solid #e2c585;outline-offset:3px}
.oh-card-tools{position:relative;display:flex;gap:6px;flex-wrap:wrap;padding:0 12px 12px}.oh-card-tools .oh-button{font-size:11px;min-height:28px;padding:5px 8px}
.oh-admin-add{align-self:center;margin-top:auto}
.oh-month{display:flex;flex-direction:column;gap:8px;color:#e2c585;font:400 16px/1.5 Georgia,serif;text-align:center;text-transform:capitalize}
.oh-month input{width:100%;min-width:0;padding:8px 10px;color:#ead59d;border:1px solid #87abb54d;border-radius:5px;background:#0a263b70;font:400 15px Georgia,serif;color-scheme:dark;cursor:pointer}
.oh-stat-card{min-height:380px;flex:1}
.oh-stat-list{position:relative;padding:16px 12px;max-height:580px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#b5a87770 #102c3c30;font:400 16px/1.6 Cambria,Georgia,serif;color:#ece5d7;text-shadow:0 1px 2px #041421}
.oh-stat-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;border-bottom:1px solid #a7b6ae30;padding:10px 0}.oh-stat-row a{color:#edd29b;text-decoration:none;overflow-wrap:anywhere}.oh-stat-row a:hover{text-decoration:underline}.oh-stat-row span:last-child{color:#ece5d7;font-variant-numeric:tabular-nums}
.oh-stat-list p{margin:8px 0}.oh-muted{color:#b4c2c0;font:400 14px/1.6 Cambria,Georgia,serif}.oh-status{min-height:22px;color:#e2c585;text-align:center;font:400 15px Cambria,Georgia,serif}
.oh-dialog{resize:both;overflow:auto;max-height:92svh;width:850px;max-width:calc(100vw - 24px);min-width:min(340px,calc(100vw - 24px));color:#ece5d7;background:linear-gradient(130deg,#0a2439f5,#173b3bf5)}
.oh-dialog form>label{display:block;margin:14px 0 7px;font:400 16px Georgia,serif}.oh-dialog :is(input[type=text],input[type=url],input[type=file]){display:block;width:100%;min-width:0;box-sizing:border-box;margin-top:7px;padding:10px;background:#0d2a39;color:#ece5d7;border:1px solid #8eabb34d;border-radius:4px;font:400 15px Cambria,Georgia,serif}.oh-dialog .oh-check{display:flex;gap:8px;align-items:center}.oh-dialog .oh-dialog-error{color:#f1cb89}.oh-dialog .oh-close{float:right}.oh-dialog .opguide-actions{margin-top:18px}
@keyframes oh-shine{to{transform:translateX(500%)}}
@media(max-width:1100px){.oh-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.oh-column-inner{min-height:500px}.oh-main{padding-inline:20px}}
@media(max-width:600px){.oh-main{padding:24px 10px 26px}.oh-hero{margin-bottom:28px}.oh-arch{margin-bottom:-4px}.oh-arch text{font-size:29px}.oh-one-piece{font-size:60px}.oh-columns{grid-template-columns:minmax(0,1fr);gap:25px}.oh-column-inner{min-height:350px;padding:24px 22px}.oh-column h2{font-size:23px;min-height:0}.oh-stat-card{min-height:300px}.oh-feed{min-height:180px}}
@media(prefers-reduced-motion:reduce){.oh-frame .oh-frame-reflection{display:none}.oh-button{transition:none}.oh-button:is(:hover,:focus-visible)::after{animation:none;display:none}}


.oh-month{position:relative;z-index:5}.oh-month-trigger{width:100%;justify-content:space-between;text-transform:capitalize;font:400 15px Georgia,serif;background:linear-gradient(125deg,#0a253ced,#193b3bed)}
.oh-month-picker{position:absolute;top:100%;left:0;right:0;z-index:20;padding:10px;border:1px solid #cfb77599;border-radius:6px;background:linear-gradient(130deg,#09223cf7,#193d3cf7);box-shadow:0 8px 24px #020e1c66}
.oh-month-picker[hidden]{display:none}.oh-month-year{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;color:#e3c585;font:400 16px Georgia,serif}.oh-month-year .oh-button{padding:3px 9px;min-height:28px}
.oh-month-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.oh-month-grid .oh-button{padding:6px 2px;min-height:31px;font-size:13px}.oh-month-grid [aria-pressed=true]{border-color:#e3c585;background:linear-gradient(130deg,#213b50,#344a43);box-shadow:inset 0 -1px #e3c585}

.oh-frame .oh-frame-inner-light{opacity:.035}.oh-frame .oh-frame-reflection{pointer-events:none}
.oh-main .oh-month .oh-button{background:linear-gradient(125deg,#0b283de8,#193c39e8)!important;color:#e2c585!important;border-color:#c6b48070!important;font-family:Georgia,serif!important;font-weight:400!important;transition:box-shadow .3s ease,color .3s ease,border-color .3s ease}
.oh-main .oh-month .oh-button:is(:hover,:focus-visible){background:linear-gradient(125deg,#18394aef,#26463fef)!important;color:#fff0c9!important;border-color:#e2c585bd!important;text-shadow:0 0 8px #e2c58544;box-shadow:inset 0 -1px #e2c585,0 0 10px #e2c5851c!important}
.oh-main .oh-month .oh-month-grid .oh-button[aria-pressed=true]{background:linear-gradient(125deg,#203c4ded,#354d43ed)!important;border-color:#e3c585!important;box-shadow:inset 0 -1px #e3c585!important}
.oh-main .oh-month .oh-month-grid .oh-button[aria-pressed=true]:is(:hover,:focus-visible){background:linear-gradient(125deg,#294958f0,#3c564af0)!important;box-shadow:inset 0 -1px #e3c585,0 0 10px #e2c58520!important}
@media(prefers-reduced-motion:reduce){.oh-main .oh-month .oh-button{transition:none}}