/* New Line Up session only. Frozen visual-p2/p9 selectors stay untouched. */
.lus-game{--lus-ink:#102337;--lus-paper:#f5efdf;--lus-metal:#bba98c;box-sizing:border-box;width:100%;max-width:430px;height:100dvh;max-height:100dvh;margin:0 auto;display:flex;flex-direction:column;overflow:hidden;background:#102337;color:#f5efdf;font-family:inherit;isolation:isolate}
.gs-host .lus-game{height:100%;max-height:100dvh}
.lus-game *{box-sizing:border-box}
.lus-game button{font:inherit;cursor:pointer;min-width:44px;min-height:44px;margin:0;border:1px solid #bca88c;border-radius:9px;background:#f1e8d5;color:#152a3c;font-weight:700;touch-action:manipulation;line-height:1.15;box-shadow:0 2px 3px #0004}
.lus-game button:disabled{opacity:.46;cursor:default}
.lus-game button:focus-visible{outline:3px solid #3dc9e3;outline-offset:2px}
.lus-header{flex:none;min-height:74px;display:grid;grid-template-columns:50px 1fr 50px;align-items:center;gap:8px;padding:9px 13px 12px;background:url('./game-art/line-up-clue-desk-v1/header.webp') center/100% 100% no-repeat;color:#14263a}
.lus-header button{min-height:44px;background:transparent;border:0;box-shadow:none;font-size:27px}
.lus-header>div{text-align:center;min-width:0}
.lus-header h2{font-size:23px;line-height:1;margin:0 0 4px;letter-spacing:.02em;color:#14263a}
.lus-header span{font-size:12px}
.lus-body{flex:1;min-height:0;display:flex;flex-direction:column}
.lus-hud{flex:none;display:flex;align-items:center;justify-content:space-between;gap:7px;padding:0 12px;font-size:11px;min-height:44px}
.lus-hud b{font-size:17px;font-variant-numeric:tabular-nums;color:#fff8e9}
.lus-hud button{font-size:19px;background:#192f44;color:#f5efdf;border-color:#627382;box-shadow:none}
.lus-tray{flex:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;padding:8px 12px 11px;position:relative;background:url('./game-art/line-up-clue-desk-v1/tray.webp') center/100% 100% no-repeat;touch-action:none;user-select:none;-webkit-user-select:none}
.lus-slot{min-width:0;display:flex;flex-direction:column;align-items:center;gap:4px}
.lus-position{font-size:12px;font-weight:700;line-height:16px;color:#f7e9c9;min-height:16px}
.lus-game .lus-card{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;min-width:0;min-height:89px;padding:4px 3px 0;overflow:hidden;position:relative;border:1px solid #d0bea1;border-radius:8px;background:linear-gradient(135deg,#f0e8d7,#d7c6a6);box-shadow:inset 0 1px 0 #fff7,0 3px 0 #6b6358,0 5px 6px #0008;transition:transform 160ms ease,outline-color 160ms ease}
.lus-game .lus-card.is-selected{outline:3px solid #60dbed;outline-offset:1px}
.lus-picture{display:flex;width:100%;height:54px;position:relative;align-items:center;justify-content:center;overflow:hidden;flex:none}
.lus-square>img{width:100%;height:100%;object-fit:contain}
.lus-crop{display:block;position:relative;flex:none;overflow:hidden}
.lus-crop img{position:absolute;max-width:none;max-height:none;object-fit:fill}
.lus-card b{display:flex;align-items:center;justify-content:center;width:calc(100% + 6px);min-height:29px;margin:3px -3px 0;padding:2px 2px 3px;background:#f6efdf;color:#17293b;border-top:1px solid #c4b394;font-size:11px;line-height:12px;font-weight:700;text-align:center;overflow-wrap:normal;word-break:normal}
.lus-rotations{flex:none;display:flex;justify-content:space-between;gap:6px;padding:3px 12px}
.lus-rotations button{font-size:15px;min-height:44px;padding:5px 8px;border-color:#5d6f80;background:#192f44;color:#f5efdf;box-shadow:none}
.lus-rotations span{font-size:11px}
.lus-selected{flex:none;min-height:44px;display:flex;gap:6px;align-items:center;padding:0 12px 4px}
.lus-selected>span{flex:1;font-size:11px;line-height:1.25;min-width:0}
.lus-selected button{width:44px;background:#192f44;color:#f5efdf;border-color:#5d6f80;box-shadow:none}
.lus-clue-field{flex:1;min-height:90px;margin:0 4px;overflow-y:auto;overscroll-behavior:contain;padding:0 5px 8px;background:#f5efdf;border:12px solid transparent;border-image:url('./game-art/line-up-clue-desk-v1/paper.webp') 32 fill / 12px;color:#132b40;scrollbar-width:thin}
.lus-clue-field h3{font-size:15px;letter-spacing:.025em;margin:1px 0 6px;text-align:center;color:#172b3e}
.lus-clues{list-style:decimal;margin:0;padding:0 0 0 22px}
.lus-clues li{position:relative;font-size:15px;line-height:1.55;padding:3px 2px 5px 0;margin:0;border-bottom:1px solid #a28e6b44;overflow-wrap:normal}
.lus-clues li:last-child{border-bottom:0}
.lus-inline-picture{display:inline-flex;vertical-align:middle;align-items:center;justify-content:center;width:34px;height:36px;margin:0 2px;border-radius:5px;background:#e4d8c1;box-shadow:inset 0 0 0 1px #b6a38388}
.lus-picture-small{width:30px;height:32px}
.lus-status{position:absolute;left:-23px;top:9px;font-weight:700;border-radius:50%;background:#f5efdf}
.lus-clues .is-met{color:#145a49}.lus-clues .is-unmet{color:#7b2e25}
.lus-hint{font-size:13px;line-height:1.4;border-top:1px solid #baa482;margin-top:10px;padding-top:9px}
.lus-hint p{margin:5px 0 7px}
.lus-hint ol{padding-left:20px;margin:0}
.lus-hint li{margin:6px 0}
.lus-footer{flex:none;min-height:70px;padding:11px 15px max(12px,env(safe-area-inset-bottom));display:flex;gap:10px;background:url('./game-art/line-up-clue-desk-v1/footer.webp') center/100% 100% no-repeat}
.lus-footer>button{flex:1;font-size:14px;padding:7px}
.lus-game .lus-primary{background:#183b50;border-color:#17364b;color:#fff9e9;box-shadow:inset 0 1px 0 #8cabb844,0 2px 3px #0004}
.lus-message{flex:1;min-height:0;margin:12px 7px 0;padding:18px 16px;overflow-y:auto;color:#172b3e;background:#f5efdf;border:12px solid transparent;border-image:url('./game-art/line-up-clue-desk-v1/paper.webp') 32 fill / 12px;text-align:center}
.lus-message h3{font-size:24px;line-height:1.2;margin:13px 0 16px;color:#172b3e}
.lus-message p{font-size:15px;line-height:1.5;margin:12px 0;color:#213c50}
.lus-eyebrow{font-size:11px;text-transform:uppercase;font-weight:800;letter-spacing:.09em}
.lus-message .lus-note{font-size:12px}
.lus-message button{padding:9px 12px;margin:10px auto}
.lus-help{text-align:left}
.lus-help h3{text-align:center}
.lus-score{font-size:43px;display:block;line-height:1.1}
.lus-score small{font-size:12px;display:block;margin-top:6px}
.lus-results{list-style:none;margin:12px 0;padding:0;text-align:left}
.lus-results li{display:grid;grid-template-columns:1fr auto;padding:7px 0;border-bottom:1px solid #b8a17c66;gap:3px 7px;font-size:12px}
.lus-results span{grid-column:1/3;grid-row:2;font-size:11px}
.lus-results strong{white-space:nowrap}
.lus-error{flex:none;margin:4px 12px;padding:8px 9px;font-size:12px;line-height:1.3;background:#fff0d5;border:1px solid #d7ae63;color:#663500;border-radius:6px}
.lus-receipt{flex:none;min-height:0;font-size:12px;text-align:center;color:#ffdf9f}
.lus-receipt:not(:empty){min-height:23px;padding:2px 4px 5px}
.lus-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.lus-game .lus-lifted{opacity:.22;box-shadow:none}
.lus-game .lus-ghost{position:fixed;pointer-events:none;z-index:1000;transform:rotate(-3deg);opacity:.96;box-shadow:0 9px 18px #0007}
@media(max-width:374px){.lus-header h2{font-size:21px}.lus-clues li{font-size:14px}.lus-card b{font-size:11px}.lus-picture{height:51px}.lus-picture-small{height:32px}.lus-game .lus-card{min-height:86px}}
@media(prefers-reduced-motion:reduce){.lus-game .lus-card{transition:none}.lus-game .lus-ghost{transform:none}}

.lus-clue-field h3{display:flex;align-items:center;justify-content:center;gap:7px}.lus-clue-field h3 img{width:31px;height:14px;object-fit:contain;opacity:.72}

.lus-picture{--lus-art-side:54px}.lus-square{display:flex;align-items:center;justify-content:center;flex:none;position:relative;width:var(--lus-art-side);height:var(--lus-art-side)}.lus-picture-small{--lus-art-side:30px}
@media(max-width:374px){.lus-picture:not(.lus-picture-small){--lus-art-side:51px}}
