@layer base, components, utilities;.signal-game-page{position:relative;padding-block:var(--signal-page-pad);min-height:58vh;overflow:hidden}.signal-game-page>.signal-container{position:relative;z-index:1;display:grid;gap:28px}.signal-game-section{display:grid;gap:14px;padding:clamp(17px,2.5vw,24px);border:1px solid var(--signal-line);background:color-mix(in srgb,var(--signal-panel) 92%,transparent)}.signal-game-section__head{display:flex;align-items:center;justify-content:space-between;gap:14px}.signal-game-section__head>div{display:flex;align-items:center;gap:11px;min-width:0}.signal-game-section__head>div>span{display:grid;place-items:center;width:38px;height:38px;flex:none;border:1px solid var(--signal-line-strong);background:color-mix(in srgb,var(--signal-acid) 4%,transparent);color:var(--signal-acid)}.signal-game-section__head svg{width:16px;height:16px}.signal-game-section__head h2{margin:0;color:var(--signal-paper);font-size:.86rem}.signal-game-section__head p{margin:3px 0 0;color:var(--signal-faint);font-size:var(--signal-type-micro);line-height:1.62}.signal-game-section__head>strong{flex:none;color:var(--signal-acid);font:700 var(--signal-type-micro)/1 var(--font-mono)}.signal-game-empty{display:flex;align-items:center;gap:12px;padding:18px;border:1px dashed var(--signal-line-strong);background:color-mix(in srgb,var(--signal-paper) 1.5%,transparent)}.signal-game-empty>span{display:grid;place-items:center;width:40px;height:40px;flex:none;border:1px solid var(--signal-line);color:var(--signal-faint)}.signal-game-empty svg{width:18px;height:18px}.signal-game-empty strong{display:block;color:var(--signal-paper);font-size:var(--signal-type-caption)}.signal-game-empty p{margin:4px 0 0;color:var(--signal-faint);font-size:var(--signal-type-micro);line-height:1.55;overflow-wrap:anywhere}[dir=rtl] .signal-game-section__head>strong{font-family:var(--font-sans)}@media (max-width:620px){.signal-game-page>.signal-container{gap:20px}.signal-game-section{padding:14px}.signal-game-section__head{align-items:flex-start;flex-direction:column}}@media (orientation:landscape) and (max-height:520px) and (min-width:540px) and (max-width:900px){.signal-game-page>.signal-container{gap:18px}.signal-game-section{padding:14px 16px}}