:root{--mf: 320px;--mc: 8;--md: calc(var(--mf) / var(--mc));--me: var(--md);}#j0{position:relative;width: var(--mf);background: linear-gradient(75deg, #ba5, #985);border: 2px solid #aa8845;border-radius: 15px;box-sizing: border-box;margin: 0 auto;box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.8);}.m4{background-color:transparent;display:flex;align-content:space-around;justify-content: center;}.m3{display:flex;align-content:space-around;justify-content: center;}.m2{padding: 0.3rem 0.36rem;background: linear-gradient(135deg, #6a11cb, #2575fc);color: #fff;border: none;border-radius: 10px;cursor: pointer;font-size: 14px;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.7);}.m2:hover{background: linear-gradient(85deg, #0021db, #0085dc);box-shadow: 0 5px 7px rgba(0, 0, 0, 0.9);}.j2{margin:3px;padding:3px;border: none;width: calc(var(--me) * 1.8);border-radius: 20px;background: linear-gradient(135deg, #6a11cb, #2575fc);color: white;font-size: 14px;cursor: pointer;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.7);}.j2:hover{background: linear-gradient(85deg, #0021db, #0085dc);box-shadow: 0 5px 7px rgba(0, 0, 0, 0.9);}.j3{width: 100%calc(var(--me) * 0.88);height: calc(var(--me) * 0.88);}.j3:hover{border: 1px solid #ff9;}.j4{width: calc(var(--me) * 0.40);height: calc(var(--me) * 0.40);}.j6{border: 2px solid #963;display:flex;align-content:space-around;justify-content:center;margin-top:12px;}.m5{width: calc(var(--me) * 0.88);height: calc(var(--me) * 0.88);background-color: transparent;position: relative;transition: background-color 0.3s;}.j5{width: calc(var(--me) * 0.88);height: calc(var(--me) * 0.88);}.m5:hover{background-color: #783;}.ml{font-size: 1.6em;text-shadow: 3px 3px 3px rgba(0,0,0,0.5);font-family: 'Arial', sans-serif;}.m6{color: #333;padding: 0.1em 0.21m;}input[type="checkbox"]{transform: scale(1.4);font-size:1.4em;}    span{padding: 10px;font-size: 0.9em;color:#eee;}a{font-size: 1.2em;}.m7{background: linear-gradient(75deg, #cb5, #ba5);}.m8{background: linear-gradient(175deg, #eb5, #ca5);}.ms{background: linear-gradient(75deg, #ec5, #db5);}.mu{display: grid;grid-template-columns: 1fr 1fr;place-items: center;padding-top:5px;}.mr{grid-column: 1 / 2;grid-row: 1 / 2;justify-content: center;align-items: center;padding: 0.1rem 0.7rem;background: linear-gradient(135deg, #6a11cb, #2575fc);color: #fff;border: none;border-radius: 10px;cursor: pointer;font-size: 14px;height:26px;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.7);}.mr:hover{background: linear-gradient(85deg, #0021db, #0085dc);box-shadow: 0 5px 7px rgba(0, 0, 0, 0.9);}.mw{grid-column: 2 / 3;grid-row: 1 / 2;margin:0 auto;}.mt{display: flex;flex-direction: row;margin-bottom: 10px;}.mv{display: contents;margin-bottom: 5px;}.mz,.my{}.mx{font-size: 14px;}@media (max-width: 768px) {:root {--mf:72vw}  #j0{padding: 1px}  .ml{font-size:1.4em}  span{padding: 10px;font-size: 0.7em}}