.screen{--ink: #2e211a;--wood: #d89b44;--wood-shade: #a8702a;--teal: #3e7f7a;--teal-shade: #2c5a57;--glaze: #f0d9a0;--cream: #f7eedd;--gold: #e4b33c;--paper: transparent;--panel: rgba(46, 33, 26, .62);--panel-edge: rgba(216, 155, 68, .28);display:flex;flex-direction:column;gap:clamp(.5rem,2vh,1.25rem);height:100%;padding:clamp(.75rem,3vh,1.75rem) clamp(.75rem,3vw,2rem);overflow-y:auto;background:radial-gradient(120% 90% at 12% 0%,rgba(216,155,68,.16),transparent 62%),radial-gradient(90% 80% at 100% 100%,rgba(62,127,122,.16),transparent 60%),var(--paper)}.menu__header{display:flex;flex-wrap:wrap;gap:.75rem 1rem;align-items:flex-start;justify-content:space-between}.menu__identity{min-width:0}.menu__title{margin:0;color:var(--glaze);font-size:clamp(1.5rem,5.2vh,2.6rem);font-weight:800;letter-spacing:.01em;line-height:1.05;text-shadow:0 2px 0 rgba(46,33,26,.55)}.menu__subtitle{margin:.3rem 0 0;color:#f7eeddb8;font-size:clamp(.78rem,2.1vh,.95rem)}.menu__settings{flex:none;padding:.55rem 1.05rem;border:1px solid var(--teal);border-radius:999px;background:#3e7f7a2e;color:var(--cream);font:inherit;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .14s ease,transform .14s ease}.menu__settings:hover{background:#3e7f7a57}.menu__settings:active{transform:translateY(1px)}.menu__levels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.5rem,1.6vw,1rem);margin:0;padding:0;list-style:none}@media (max-width: 700px){.menu__levels{grid-template-columns:repeat(2,minmax(0,1fr))}}.menu__level{display:flex;min-width:0}.level-card{display:flex;flex:1;flex-direction:column;gap:.65rem;justify-content:space-between;min-height:clamp(6.5rem,26vh,11rem);padding:clamp(.7rem,2.4vh,1.1rem);border:1px solid var(--panel-edge);border-radius:14px;background:linear-gradient(160deg,#d89b4438,#a8702a1a 62%),var(--panel);color:var(--cream);font:inherit;text-align:left;cursor:pointer;transition:border-color .14s ease,transform .14s ease,box-shadow .14s ease}.level-card:hover{border-color:#d89b449e;box-shadow:0 6px 18px #00000052}.level-card:active{transform:translateY(1px)}.level-card:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.level-card__name{color:var(--glaze);font-size:clamp(.95rem,2.6vh,1.2rem);font-weight:700;line-height:1.15}.level-card__best{display:flex;gap:.5rem;align-items:baseline}.level-card__best-label{color:#f7eedd99;font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.level-card__best-value{color:var(--cream);font-size:clamp(1.05rem,3vh,1.45rem);font-weight:800;font-variant-numeric:tabular-nums}.level-card__tier{align-self:flex-start;padding:.15rem .55rem;border:1px solid rgba(228,179,60,.55);border-radius:999px;color:var(--gold);font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.sheet-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;padding:clamp(.75rem,4vh,2rem);background:#130d0ab8}.sheet{display:flex;flex-direction:column;gap:.85rem;width:min(30rem,100%);max-height:100%;overflow-y:auto;padding:clamp(.9rem,3vh,1.4rem);border:1px solid var(--panel-edge);border-radius:16px;background:#241913;box-shadow:0 18px 46px #00000080}.sheet__title{margin:0;color:var(--glaze);font-size:clamp(1.05rem,3vh,1.35rem)}.setting{display:flex;gap:1rem;align-items:center;justify-content:space-between;width:100%;padding:.7rem .9rem;border:1px solid var(--teal);border-radius:12px;background:#3e7f7a29;color:var(--cream);font:inherit;text-align:left;cursor:pointer;transition:background .14s ease}.setting:hover{background:#3e7f7a4d}.setting:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.setting__label{display:flex;flex-direction:column;gap:.15rem;min-width:0}.setting__name{font-size:.98rem;font-weight:600}.setting__hint{color:#f7eedd8c;font-size:.74rem}.setting__value{flex:none;padding:.25rem .7rem;border:1px solid var(--teal-shade);border-radius:999px;background:#241913bf;color:var(--glaze);font-size:.85rem;font-weight:700}.sheet__close{align-self:flex-end;padding:.55rem 1.2rem;border:1px solid var(--panel-edge);border-radius:999px;background:#d89b4429;color:var(--cream);font:inherit;font-weight:600;cursor:pointer;transition:background .14s ease}.sheet__close:hover{background:#d89b444d}.play-placeholder__hud{display:flex;gap:.9rem;align-items:center}.play-placeholder__exit{flex:none;padding:.5rem 1rem;border:1px solid var(--panel-edge);border-radius:999px;background:#d89b4424;color:var(--cream);font:inherit;font-weight:600;cursor:pointer}.play-placeholder__exit:hover{background:#d89b4447}.play-placeholder__name{margin:0;color:var(--glaze);font-size:clamp(1.05rem,3.4vh,1.5rem)}.play-placeholder__body{display:flex;flex:1;flex-direction:column;gap:.4rem;align-items:flex-start;justify-content:center;padding:clamp(.75rem,3vh,1.5rem);border:1px dashed var(--teal);border-radius:14px;background:#3e7f7a14}.play-placeholder__title{margin:0;color:var(--cream);font-size:1.05rem;font-weight:700}.play-placeholder__level,.play-placeholder__note{margin:0;color:#f7eeddb8;font-size:.88rem}[data-reduced-motion=on],[data-reduced-motion=on] *{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}@media (prefers-reduced-motion: reduce){[data-reduced-motion=system],[data-reduced-motion=system] *{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}