.wopa,.wopa-dialog,.wopa-teaser{--wa-bg:#0b1b26;--wa-card:#122b38;--wa-gold:#efc78d;--wa-text:#d3dfe4;box-sizing:border-box;font-family:Georgia,'Times New Roman',serif;color:var(--wa-text)}
.wopa{background:radial-gradient(ellipse at 50% 0, #23404b 0,transparent 65%),var(--wa-bg);padding:clamp(20px,4vw,56px);border:1px solid #b6905544;border-radius:20px;max-width:1180px;margin:24px auto}
.wopa *,.wopa-dialog *{box-sizing:border-box}.wopa-intro{text-align:center;max-width:710px;margin:0 auto 30px}.wopa .wopa-kicker,.wopa-dialog .wopa-kicker{font:11px/1.8 Arial,sans-serif;letter-spacing:2px;color:var(--wa-gold)}.wopa .wopa-intro h2{font-size:clamp(27px,4vw,45px);font-weight:400;line-height:1.2;color:var(--wa-gold);margin:18px 0}.wopa p{line-height:1.7}.wopa .wopa-status{font:14px/1.6 Arial,sans-serif;color:var(--wa-gold)}
.wopa-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.wopa .wopa-door{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:156px;width:100%;padding:17px 5px;border:1px solid #d2ab6955;border-radius:9px;background:linear-gradient(140deg,#24414b,#102734);color:var(--wa-gold);cursor:pointer;transition:transform .2s,border-color .2s,background .2s;box-shadow:inset 0 0 0 6px #07172255;font-family:inherit;letter-spacing:normal;text-transform:none}.wopa .wopa-door:nth-child(3n){background:linear-gradient(140deg,#2d3937,#142c35)}.wopa .wopa-door:disabled{opacity:.58;cursor:default}.wopa .wopa-door:not(:disabled):hover{transform:translateY(-4px);border-color:var(--wa-gold)}.wopa .wopa-door:focus-visible,.wopa-dialog button:focus-visible{outline:3px solid #fff;outline-offset:4px}.wopa .wopa-number{font:38px/1 Georgia,serif}.wopa .wopa-star{font-size:13px}.wopa .wopa-door-label{font:10px/1.5 Arial,sans-serif}.wopa .wopa-door[data-day="24"]{border-color:#efc78dcc;background:linear-gradient(140deg,#655134,#19323d)}.wopa .wopa-note{font:12px/1.7 Arial,sans-serif;text-align:center;max-width:700px;margin:25px auto 0;color:#abbec8}
.wopa-dialog{background:radial-gradient(ellipse at top,#25414b,var(--wa-bg));border:1px solid #c59d63;border-radius:16px;padding:32px;max-width:620px;width:calc(100% - 32px);max-height:85vh;overflow:auto;box-shadow:0 20px 90px #0009}.wopa-dialog::backdrop{background:#020b12d9;backdrop-filter:blur(4px)}.wopa-dialog .wopa-close{display:block;margin:0 0 25px auto;background:transparent;color:var(--wa-gold);border:1px solid #c59d6370;border-radius:6px;padding:10px 14px;cursor:pointer;font:13px Arial,sans-serif}.wopa-dialog .wopa-title{color:var(--wa-gold);font:normal clamp(26px,5vw,38px)/1.2 Georgia,serif;margin:12px 0 22px}.wopa-text{white-space:pre-line;font:18px/1.85 Georgia,serif}.wopa-signature{color:var(--wa-gold);font:12px/1.5 Arial,sans-serif;margin-top:28px}.wopa-teaser{max-width:1180px;margin:24px auto;padding:24px;display:flex;align-items:center;gap:22px;background:#122b38;border:1px solid #b6905555;border-radius:12px}.wopa-teaser[hidden]{display:none!important}.wopa-teaser>span{font-size:32px;color:var(--wa-gold)}.wopa-teaser strong{color:var(--wa-gold);font-size:20px}.wopa-teaser p{margin:6px 0 0;font:14px/1.5 Arial,sans-serif}.wopa-teaser a{margin-left:auto;color:var(--wa-gold);font:14px/1.5 Arial,sans-serif;white-space:nowrap}
@media(max-width:800px){.wopa-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.wopa-teaser{margin:20px;flex-wrap:wrap}.wopa-teaser a{margin-left:0}}
@media(max-width:480px){.wopa-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.wopa .wopa-door{min-height:125px}.wopa .wopa-number{font-size:30px}.wopa-dialog{padding:22px}.wopa-text{font-size:16px}}
@media(prefers-reduced-motion:reduce){.wopa .wopa-door{transition:none}.wopa .wopa-door:not(:disabled):hover{transform:none}}