:root{font-family:'LaTale Thai',Arial,"Noto Sans Thai",sans-serif;color:#f3eefb;background:#171426}*{box-sizing:border-box}body{margin:0}main{max-width:1120px;margin:28px auto;padding:0 20px}nav,footer,.tabs,.actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}nav{justify-content:space-between}a{color:#dbc6ff}h1{font-size:2.5rem}p{line-height:1.7}.warning{padding:16px;border:1px solid #d7a13d;border-radius:10px;color:#ffe0a3;background:#392d20}.panel{background:#252037;border:1px solid #514467;padding:20px;border-radius:12px;margin:16px 0}[hidden]{display:none!important}button,input,select{font:inherit;border:1px solid #7a649a;border-radius:7px;padding:9px;background:#332746;color:#fff}button{cursor:pointer}button:hover,button.active{background:#7153a1}button:disabled{opacity:.45;cursor:not-allowed}input{width:120px}label{display:flex;gap:8px;align-items:center}.grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.rune-button{position:relative;display:flex;align-items:center;flex-direction:column;min-width:0;padding:8px}.rune-button img{width:58px;height:58px;object-fit:contain}.rune-button small{line-height:1.4}.rune-button.selected{outline:2px solid #aadeff}.rune-button.king{outline:3px solid #ffd660}.badge{font-size:12px;color:#ffe69a;min-height:18px}.actions{margin-top:16px}.score{font-size:2rem;color:#ffe087;margin:8px 0}#picked li{margin:10px 0;line-height:1.5}#picked img{width:42px;height:42px;object-fit:contain;vertical-align:middle;margin-right:9px}.effects-line{font-size:.9rem;color:#d4c6e7}.history{display:flex;gap:8px;flex-wrap:wrap}.option-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.option-card{padding:12px;border:1px solid #514467;border-radius:8px}.option-card img{width:50px;height:50px;object-fit:contain;float:left;margin-right:10px}footer{justify-content:space-between;margin:28px 0;font-size:.85rem}#error{color:#ff9b9b}@media(max-width:760px){.grid{grid-template-columns:repeat(5,minmax(0,1fr))}.option-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){main{padding:0 12px}.panel{padding:12px}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.option-list{grid-template-columns:1fr}h1{font-size:2rem}label{flex-wrap:wrap}.rune-button img{width:48px;height:48px}}