/* A restrained touch-friendly control system for the mobile game. */
@media(max-width:650px){
  header{gap:9px;padding:13px 17px}.back{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;border-radius:10px;font-size:10px;font-weight:600;border-color:#d7c6e72e;background:#ffffff05;box-shadow:none}.edition{font-size:7px;letter-spacing:.5px;line-height:1.5;text-align:center}.icon{width:36px;min-width:36px;height:44px;border-radius:10px;border-color:#d7c6e72e;background:#ffffff05;font-size:13px}
  main{padding:0 17px}.tabs{display:flex;width:100%;max-width:360px;margin-bottom:20px;padding:4px;border-radius:13px;border-color:#d3bce325;background:#ffffff06;box-shadow:inset 0 1px 0 #ffffff05}.tabs button{flex:1;min-width:0;min-height:44px;padding:9px 6px;border-radius:9px;font-size:11px;font-weight:600;letter-spacing:-.15px;color:#c8b8d8}.tabs .active{background:#f2eaf8;color:#604875;box-shadow:0 2px 6px #10061922}.tabs span{font-size:9px;border-radius:4px;padding:3px 5px;margin-left:5px;letter-spacing:0}.tabs .active span{background:#e4d6ef;color:#80618e}
  .gamebox{border-radius:17px;border-color:#e4d6ec}.gameleft{padding:24px 20px}.stepline{margin-bottom:22px}.gameleft>.sub{font-size:12px;line-height:1.75}.categories{gap:9px;margin-top:22px}.category{display:flex;align-items:center;gap:8px;min-height:56px;padding:12px 10px;font-size:11px;line-height:1.35;font-weight:600;letter-spacing:-.15px;border-radius:11px;border-width:1px;box-shadow:none;transition:background .18s,border-color .18s}.category svg{width:28px;height:28px;min-width:28px;padding:5px;border-radius:8px;stroke-width:1.7}.category>span{font-size:12px;font-weight:400;opacity:.55;line-height:1}.category[data-cat=nature]{color:#41674c;background:#f3f7f1;border-color:#dce7d8}.category[data-cat=nature] svg{background:#e3eedf}.category[data-cat=space]{color:#73598d;background:#f6f2fa;border-color:#e3d9ed}.category[data-cat=space] svg{background:#eae0f3}.category[data-cat=history]{color:#8c6c42;background:#fbf7f0;border-color:#ebe1d2}.category[data-cat=history] svg{background:#f2e8d7}.category[data-cat=science]{color:#3e7279;background:#f0f7f7;border-color:#d8e7e8}.category[data-cat=science] svg{background:#dfeded}.category[data-cat=culture]{color:#946379;background:#fbf3f6;border-color:#ecdde3}.category[data-cat=culture] svg{background:#f3e3ea}.category:hover{transform:none;box-shadow:none;filter:none}.category:active:not(:disabled){filter:brightness(.97);transform:none}
  .btn{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:12px 19px;border:1px solid #695081;border-radius:10px;background:linear-gradient(150deg,#79608f,#63487c);color:#fff9ff;box-shadow:0 2px 5px #50326415,inset 0 1px 0 #ffffff15;font-size:12px;line-height:1.4;font-weight:600;letter-spacing:-.1px;transition:background .18s,box-shadow .18s}.btn.secondary{border-color:#ddcfe7;background:#f7f2fb;color:#75598b;box-shadow:none;font-size:11px}.btn:hover{transform:none;box-shadow:0 2px 5px #50326415}.btn.secondary:hover{box-shadow:none}.btn:active:not(:disabled){transform:none;filter:brightness(.96)}.btn:disabled{opacity:.42;box-shadow:none;filter:none}.gameleft>#next{width:100%;margin-top:3px}.packopen{padding:27px 20px}.packopen>.btn{width:100%;margin:0 0 9px}.packopen>#share,.packopen>#tradeBook{width:calc(50% - 5px);vertical-align:top;min-height:44px;padding:10px 7px;font-size:10px}.packopen>#share{margin-right:5px}.packopen>#tradeBook{margin-left:0}.packopen>.sub:last-child{margin-top:10px}
  .answers{gap:9px;margin:22px 0;counter-reset:answer-option}.answer{display:flex;align-items:center;gap:11px;min-height:53px;padding:12px;border:1px solid #e2d7eb;border-radius:10px;background:#fcf9ff;color:#594468;font-size:12px;line-height:1.5;font-weight:500;letter-spacing:-.1px}.answer:before{counter-increment:answer-option;content:counter(answer-option,upper-alpha);display:grid;place-items:center;align-self:center;flex-shrink:0;width:25px;height:25px;border:1px solid #e2d6ec;border-radius:7px;background:#f3edf8;color:#9678aa;font-size:9px;line-height:1;font-weight:700}.answer:hover:not(:disabled){border-color:#ccb7df;background:#f9f3ff}.answer.correct{background:#f0f8f1;border-color:#acd0b5;color:#3f6c4d}.answer.correct:before{background:#e0efe3;border-color:#bcd7c4;color:#557f60}.answer.wrong{background:#fcf2f0;border-color:#e3bfb9;color:#99675f}.answer.wrong:before{background:#f5e3df;border-color:#e7c9c2;color:#a77d73}.feedback{font-size:12px;line-height:1.75}
  .filters{display:flex;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;gap:7px;margin:18px 0 12px;padding:2px 0 8px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.filters::-webkit-scrollbar{display:none}.filters .filter{flex-shrink:0;min-height:44px;border-radius:9px;padding:9px 13px;border-color:#dfc9eb2e;background:#ffffff05;font-size:10px;font-weight:500;color:#cdbbdd}.filters .filter.active{border-color:#e2d1ef;background:#e2d1ef;color:#604777;box-shadow:0 1px 3px #10081e15}.filters .filter:hover{background:#ffffff09}.filters .filter.active:hover{background:#e2d1ef}
  .burn-panel{border-radius:13px;padding:17px;gap:12px;background:linear-gradient(140deg,#f8f2fc,#eee3f7);border-color:#ddcbe9;box-shadow:none}.burn-badge{width:30px;height:30px;border-radius:9px;background:#e9dcef;font-size:17px}.burn-copy{flex-basis:calc(100% - 42px)}.burn-copy h3{font-size:19px;margin-top:6px}.burn-copy p{font-size:11px;line-height:1.75}.burn-copy small{font-size:9px;line-height:1.8}.burn-panel>.btn{width:100%;margin:0;min-height:44px;font-size:11px;background:#faf7fd;border-color:#d5c2e1}.burn-panel>.btn:disabled{background:#f5eef9}.finishlink{min-height:44px;display:inline-flex;align-items:center;font-size:11px}.reveal-preview-btn{min-height:44px;border-radius:9px;font-size:10px;font-weight:500;background:#f5effa}.rare-skip{min-height:44px;border-radius:10px;font-size:11px;padding:10px 20px}.rare-controls .btn{min-height:44px;font-size:11px;border-color:#ab88c2;background:linear-gradient(145deg,#a17bbd,#7c5894)}.gold-reveal .rare-controls .btn{border-color:#d2ab62;background:linear-gradient(145deg,#eed49c,#cfab67);color:#5a421f}
  dialog:not(.rare-reveal){padding:28px 21px;border-radius:17px}.close{top:6px;right:6px;display:grid;place-items:center;width:44px;height:44px;font-size:24px;font-weight:400;color:#8e6f9e}#confirmBurn,#cancelBurn{width:100%;margin:7px 0 0;min-height:46px;font-size:11px}
}
@media(max-width:360px){header{padding-inline:13px;gap:7px}.back{padding-inline:9px;font-size:9px}.edition{font-size:6px;letter-spacing:.25px}main{padding-inline:13px}.gameleft{padding-inline:17px}.category{gap:6px;padding-inline:8px;font-size:10px}.category svg{width:25px;height:25px;min-width:25px}.tabs button{font-size:10px}.packopen>#share,.packopen>#tradeBook{font-size:9px}}