.settings{display:flex;flex-direction:column;align-items:center;gap:12px;width:min(440px,100%)}.settings-title{margin:0;align-self:stretch;font-size:17px;font-weight:800;color:#3a2a14;text-align:right;border-bottom:2px solid rgba(60,45,25,.35);padding-bottom:4px}.settings-title i{color:#7a5410;margin-left:6px}.setting-group{display:flex;gap:6px;width:100%}.setting-group .mode{flex:1;margin:0;padding:10px 6px;font-size:15px;border-radius:8px;color:#f3e6c4;text-shadow:0 1.5px 0 rgba(0,0,0,.5);background:var(--grain),linear-gradient(#5d6240,#383c25);box-shadow:inset 0 2px #fff0c833,3px 4px #1e120466}.setting-group .mode i{color:var(--amber)}.setting-group .mode.on{color:#20180a;text-shadow:none;background:var(--grain),linear-gradient(#f6cf62,#d99a1e);box-shadow:inset 0 2px #fffadc8c,0 4px #7a5410}.setting-group .mode.on i{color:#20180a}.volumes{display:flex;flex-direction:column;gap:8px;width:100%;padding:10px 12px;box-sizing:border-box;border-radius:8px;background:#281c0a29;box-shadow:inset 0 2px 6px #28190540}.volume{display:grid;grid-template-columns:9.5em 1fr 3.2em;align-items:center;gap:10px;font-size:14px;font-weight:700;color:#3a2a14;transition:opacity .15s}.volume.off{opacity:.45}.volume-label{text-align:right;white-space:nowrap}.volume-label i{width:1.2em;color:#7a5410}.volume-value{font-variant-numeric:tabular-nums;text-align:left}.volume input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:22px;margin:0;background:transparent;cursor:pointer;touch-action:pan-x}.volume input[type=range]:disabled{cursor:not-allowed}.volume input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:4px;box-shadow:inset 0 1px 2px #0006;background:linear-gradient(to left,#d99a1e var(--fill),#5d6240 var(--fill))}.volume input[type=range]::-moz-range-track{height:8px;border-radius:4px;box-shadow:inset 0 1px 2px #0006;background:linear-gradient(to left,#d99a1e var(--fill),#5d6240 var(--fill))}.volume input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;margin-top:-6px;border-radius:50%;background:linear-gradient(#f6cf62,#d99a1e);border:2px solid #20180a;box-shadow:0 2px #7a5410}.volume input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:linear-gradient(#f6cf62,#d99a1e);border:2px solid #20180a;box-shadow:0 2px #7a5410}.volume input[type=range]:focus-visible{outline:2px solid #7a5410;outline-offset:2px;border-radius:4px}@container (max-height: 500px){.settings{gap:6px}.settings-title{font-size:14px}.setting-group .mode{font-size:13px;padding:7px 4px}.volumes{gap:2px;padding:6px 10px}.volume{font-size:12px;grid-template-columns:8.5em 1fr 3em}}.arena-join{width:min(480px,100%)}.arena-join>p.small{max-width:400px;line-height:1.45}.arena-body{display:flex;flex-direction:column;gap:12px;width:100%}.arena-quick{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:12px;width:100%}.arena-quick button{margin:0;padding:10px 12px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:19px;line-height:1.2;min-width:0}.arena-quick button i{margin:0 0 2px;font-size:20px}.arena-quick button:disabled{filter:grayscale(.85) brightness(.8);opacity:.7;cursor:not-allowed}.arena-quick button small{font-size:13px;font-weight:700;opacity:.75;max-width:100%;white-space:normal;overflow-wrap:anywhere;text-wrap:balance;line-height:1.25}.arena-or{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:800;color:#5a4526}.arena-or:before,.arena-or:after{content:"";flex:1;height:2px;background:#3c2d1959}.arena-join .name-form{width:100%}.arena-join .name-form input{flex:1;width:auto;min-width:0;text-align:center;letter-spacing:2px;direction:ltr}.arena-join .name-form input::placeholder{letter-spacing:0;direction:rtl}.arena-join .name-form button{white-space:nowrap}.arena-recent{display:flex;flex-direction:column;gap:6px}.arena-recent .small{display:flex;align-items:center;gap:6px;margin:0}.arena-join .recent-arenas{margin:0}.arena-join .recent-arenas b{font-family:Black Ops One,Rubik,sans-serif;font-weight:400;color:var(--amber);letter-spacing:1px;margin-inline-start:4px}@container (max-height: 500px){.arena-body{gap:8px}.arena-quick button{font-size:16px;padding:7px 10px 9px}.arena-quick button i{font-size:16px}.arena-quick button small{font-size:12px}}.base-gate{width:min(620px,100%)}.base-push{display:flex;align-items:center;gap:10px}.base-push button{margin:0;font-size:15px;padding:7px 16px}.base-push-hint{max-width:420px}.base-error{color:#8a1c10!important;font-weight:800}.base-list{max-height:230px}.base-row{gap:9px!important;padding:5px 10px!important}.base-row>i{color:var(--amber);width:18px}.base-row.hit>i{color:#ff7a6a}.base-row.held>i{color:#8fe36b}.base-row.fresh{outline:3px solid #ff6a52}.base-row .who{font-size:15px;white-space:normal}.base-attack{margin:0;font-size:14px;padding:5px 12px;border-radius:8px;box-shadow:inset 0 2px #fffadc80,0 3px #7a5410,0 4px #1c1a11}.base-attack:disabled{filter:grayscale(.85) brightness(.85);cursor:default}@container (max-height: 500px){.base-list{max-height:150px}}@container (max-width: 560px){.base-row .extra{display:none}}