/* Branded game-room details. All interaction rules live in secret-arcade.js. */
.secret-dialog{--arcade-accent:#dced88;border-radius:28px;border-width:2px;box-shadow:9px 9px 0 #dacbfa,0 28px 90px #07152450;background:#fff8e9}
.secret-dialog[data-mode=memory]{--arcade-accent:#dacbfa}.secret-dialog[data-mode=challenge]{--arcade-accent:#ffcd78}
.secret-shell{background-image:radial-gradient(#162d400d 1px,transparent 1px);background-size:14px 14px}
.secret-title{letter-spacing:-.065em;text-shadow:2px 2px 0 #dced8870}.secret-title em{position:relative;isolation:isolate}.secret-title em:after{content:'';position:absolute;z-index:-1;inset:auto -3px 3px;height:22%;background:#dced88;transform:rotate(-4deg);border-radius:40%}
.secret-language{min-height:44px;border:1.5px solid #162d40;border-radius:10px;padding:8px 25px 8px 10px;background:#fff8e9;color:#162d40;font:600 12px var(--sans);max-width:130px}
.secret-modes{gap:9px}.secret-mode-choice{position:relative;border-radius:15px!important;box-shadow:0 3px 0 #162d40;transition:transform .2s var(--bounce),background .2s,box-shadow .2s}
.secret-mode-choice:has(input:checked){background:var(--arcade-accent)!important;transform:translateY(-2px);box-shadow:0 5px 0 #162d40}
.secret-mode-choice:has(input:focus-visible){outline:3px solid #35759b;outline-offset:4px}
.secret-stats>div{background:#e5dcf5;border:1.5px solid #162d40;box-shadow:0 3px 0 #162d401e}.secret-stats>div:first-child{background:var(--arcade-accent)}.secret-stats strong{font-variant-numeric:tabular-nums}.secret-stats small{font-variant-numeric:tabular-nums}
.secret-stage{border:2px solid #162d40;background:#122a40;box-shadow:0 5px 0 #091c2d,0 9px 0 #dacbfa;border-radius:22px;overflow:hidden}
.secret-grid{background-image:radial-gradient(#9cb1cc35 1px,transparent 1px);background-size:18px 18px;padding:13px;gap:10px}
.secret-cell{background:linear-gradient(150deg,#294d66,#1d394e);border-color:#7794a746;box-shadow:0 3px 0 #091c2d,inset 0 1px 0 #ffffff0b;border-radius:13px;isolation:isolate}
.secret-cell:active:not(:disabled){translate:0 2px;box-shadow:0 1px 0 #091c2d,inset 0 1px 0 #ffffff15}
.secret-cell.secret-lit{background:var(--arcade-accent);color:#162d40;border-color:#ffffd3;box-shadow:0 3px 0 #63723d,0 0 20px #dced883b,inset 0 0 0 2px #ffffff50}
.secret-cell.secret-special{background:#ffbc6a;border-color:#ffebb9;box-shadow:0 3px 0 #af632c,0 0 24px #ffa65540,inset 0 0 0 3px #fff1bd}
.secret-cell.secret-hit:after{content:'';position:absolute;inset:2px;border:3px solid #fff8e9;border-radius:inherit;pointer-events:none;animation:arcade-ripple .3s ease-out both}
.secret-phase{width:fit-content;max-width:100%;margin-inline:auto!important;border:1px solid #162d40;border-radius:999px;padding:5px 12px;background:var(--arcade-accent);color:#162d40;font-size:12px;font-weight:700;line-height:1.5;text-align:center}
.secret-dialog[data-phase=watch] .secret-phase{background:#ffddbb}.secret-dialog[data-phase=input] .secret-phase{background:#dced88}
.secret-dialog[data-phase=round-complete] .secret-phase{background:#dced88}.secret-dialog[data-phase=mistake] .secret-phase{background:#ffddbb}
.secret-points-feedback{font-variant-numeric:tabular-nums;min-height:22px;font-weight:800;letter-spacing:.01em}.secret-score-pop{animation:arcade-score-bop .36s var(--bounce) both}
.secret-cover{background:radial-gradient(ellipse at 50% 42%,#294960,#122a40 76%)}.secret-cover-symbol{filter:drop-shadow(0 4px 0 #ffffff14)}
.secret-dialog[data-phase=round-complete] .secret-cover-symbol,.secret-dialog[data-state=finished] .secret-cover-symbol{animation:arcade-achievement .55s var(--bounce) both}
.secret-primary{background:var(--arcade-accent);box-shadow:0 4px 0 #162d40;transition:transform .2s var(--bounce),box-shadow .2s}.secret-primary:hover{transform:translateY(-2px);box-shadow:0 6px 0 #162d40}.secret-primary:active{transform:translateY(3px);box-shadow:0 1px 0 #162d40}
.secret-progress{height:7px}.secret-progress::-webkit-progress-value{background:#ef6b3b}.secret-target-hint{line-height:1.7;min-height:20px}.secret-controls{font-size:11px}
.secret-dialog[data-state=ready] .secret-stage,.secret-dialog[data-state=finished] .secret-stage{height:190px;aspect-ratio:auto;width:100%;max-width:298px}.secret-dialog[data-state=ready] .secret-cover-symbol,.secret-dialog[data-state=finished] .secret-cover-symbol{font-size:55px}.secret-mode-choice small{font-size:10px!important}.secret-difficulty-choice small{font-size:10px!important}.secret-modes legend,.secret-difficulty legend{font-size:11px}.secret-description{font-size:12px;line-height:1.7}.secret-mode-choice{min-height:82px}.secret-cover-detail{font-size:12px}.secret-controls{font-size:11px}
@keyframes arcade-ripple{from{opacity:1;transform:scale(.7)}to{opacity:0;transform:scale(1.18)}}
.secret-dialog[data-state=ready] .secret-cover,.secret-dialog[data-state=finished] .secret-cover{padding:15px 14px;gap:9px}
@keyframes arcade-score-bop{0%{transform:translateY(4px) scale(.92)}55%{transform:translateY(-3px) scale(1.08)}100%{transform:none}}
@keyframes arcade-achievement{from{opacity:.3;transform:rotate(-24deg) scale(.55)}60%{opacity:1;transform:rotate(8deg) scale(1.12)}to{transform:rotate(-12deg) scale(1)}}
@media(max-width:370px){.secret-grid{padding:9px;gap:8px}.secret-controls{font-size:10px}.secret-modes{gap:7px}.secret-language{font-size:11px;padding-inline:8px}.secret-dialog{box-shadow:5px 5px 0 #dacbfa;border-radius:22px}}
@media(max-width:370px){.secret-mode-choice{display:grid;grid-template-columns:12px minmax(0,1fr);column-gap:4px;padding:8px 5px}.secret-mode-choice>span{display:contents}.secret-mode-choice small{grid-column:1/-1}.secret-mode-choice b{font-size:10px}}
html[data-motion=off] .secret-dialog *,html[data-motion=off] .secret-dialog *:after{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){.secret-dialog *,.secret-dialog *:after{animation:none!important;transition:none!important}}