/* Mục 14 · Vòng quay may mắn */
.pw-wheel-admin,.pw-wheel-player{min-width:0}.pw-wheel-mode-tabs,.pw-wheel-subnav,.pw-wheel-actions,.pw-wheel-savebar,.pw-wheel-pagination,.pw-wheel-spin-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.pw-wheel-mode-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0 0 14px}.pw-wheel-mode-tabs>.button{min-height:42px;white-space:normal}.pw-wheel-mode-tabs>.button[aria-selected=true],.pw-wheel-subnav>.on{border-color:var(--cyan,#53f3ea);color:var(--cyan,#53f3ea);background:rgba(64,218,220,.08)}.pw-wheel-subnav{margin:0 0 16px}.pw-wheel-subnav>.button{flex:1;min-width:125px;white-space:normal}.pw-wheel-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:14px}.pw-wheel-heading h3{margin:0}.pw-wheel-heading p{font-size:11px;line-height:1.7;color:var(--dim);margin:7px 0 0}.pw-wheel-error,.pw-wheel-notice{font-size:12px;line-height:1.8;padding:10px 14px;border:1px solid var(--line2,#725f96);border-radius:9px;overflow-wrap:anywhere}.pw-wheel-error{color:var(--amber,#ffca80);border-left:3px solid var(--amber,#ffca80)}.pw-wheel-notice{color:var(--cyan,#53f3ea);border-left:3px solid currentColor}.pw-wheel-good{color:var(--on,#4ee8b8)}.pw-wheel-warn{color:var(--amber,#ffca80)}.pw-wheel-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding:14px 0;margin:0 0 8px;font-size:12px}.pw-wheel-toggle>span{display:flex;flex-direction:column;gap:6px;min-width:0}.pw-wheel-toggle small{color:var(--dim);line-height:1.6;font-size:10px}.pw-wheel-toggle input,.pw-wheel-preferences input{width:17px!important;height:17px!important;min-width:17px;accent-color:var(--cyan);flex:none}.pw-wheel-savebar{border-top:1px solid var(--line);padding:13px 0;margin-top:14px}.pw-wheel-savebar .button{white-space:normal}.pw-wheel-private-rate{color:var(--cyan);font-weight:800;white-space:nowrap}.pw-wheel-admin-prizes{display:grid;gap:9px}.pw-wheel-admin-prizes>article{display:grid;grid-template-columns:46px minmax(0,1fr) 75px auto;align-items:center;gap:12px;padding:11px;border:1px solid var(--line2);border-radius:10px;background:var(--panel2)}.pw-wheel-admin-prizes strong,.pw-wheel-public-prizes strong{display:block;font-size:12px;overflow-wrap:anywhere;line-height:1.6}.pw-wheel-admin-prizes small,.pw-wheel-public-prizes small{display:block;font-size:10px;color:var(--dim);line-height:1.7;margin-top:3px}.pw-wheel-admin-prizes .button{font-size:10px;padding:6px 8px}.pw-wheel-art{width:46px;height:46px;object-fit:contain;flex:none;filter:drop-shadow(0 3px 7px #0005)}.pw-wheel-symbol{display:grid;place-items:center;font-size:31px;color:var(--cyan);border:1px solid var(--line2);border-radius:11px;background:rgba(117,79,183,.12)}.pw-wheel-public-prizes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pw-wheel-public-prizes>article{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--line2);border-radius:10px;min-width:0;background:var(--panel2)}.pw-wheel-public-prizes>article>div{min-width:0}.pw-wheel-pagination{justify-content:center;margin-top:15px;font-size:11px;color:var(--dim)}.pw-wheel-history{width:100%;table-layout:fixed;min-width:0!important}.pw-wheel-history td,.pw-wheel-history th{white-space:normal;overflow-wrap:anywhere;font-size:11px;vertical-align:top}.pw-wheel-history .button{font-size:10px;white-space:normal}.pw-wheel-player>.button[data-wheel=back]{display:inline-block;vertical-align:middle;margin:0 12px 14px 0;padding:7px 10px;font-size:11px}.pw-wheel-page-heading{display:inline-block;vertical-align:middle;max-width:calc(100% - 100px);margin:0 0 14px}.pw-wheel-page-heading h1{font-size:25px;margin:0;line-height:1.25}.pw-wheel-page-heading p{font-size:11px;color:var(--dim);margin:5px 0 0;line-height:1.6}.pw-wheel-stage{padding:18px!important;overflow:hidden}.pw-wheel-stage-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px;min-width:0}.pw-wheel-stage-heading>div:first-child{min-width:0}.pw-wheel-stage-heading h2{font-size:20px;line-height:1.4;margin:0;overflow-wrap:anywhere}.pw-wheel-stage-heading p{font-size:11px;line-height:1.7;color:var(--dim);margin:5px 0 0}.pw-wheel-wallet{flex:none;display:flex;flex-direction:column;gap:5px;text-align:right;min-width:110px}.pw-wheel-wallet>span{font-size:10px;color:var(--dim)}.pw-wheel-wallet>strong{font-size:17px;color:var(--cyan)}.pw-wheel-visual{position:relative;min-width:0;display:grid;place-items:center;isolation:isolate}.pw-wheel-circle{position:relative;width:min(100%,410px);aspect-ratio:1;filter:drop-shadow(0 4px 15px #9c55e62f);margin:0 auto}.pw-wheel-disc{width:100%;height:100%;transform-origin:center;will-change:transform}.pw-wheel-disc svg{display:block;width:100%;height:100%}.pw-wheel-pointer{position:absolute;z-index:3;left:50%;top:0;transform:translate(-50%,-6%);width:0;height:0;border-left:13px solid transparent;border-right:13px solid transparent;border-top:27px solid var(--cyan,#53f3ea);filter:drop-shadow(0 0 7px #53f3ea88)}.pw-wheel-svg-label{font-size:9.5px;font-weight:800;fill:#fff;paint-order:stroke;stroke:#121020;stroke-width:1.5px;letter-spacing:0}.pw-wheel-svg-qty{font-size:8px;fill:#e1dcf7;paint-order:stroke;stroke:#171227;stroke-width:1px}.pw-wheel-svg-symbol{fill:#8cfff4;font-size:27px}.pw-wheel-center-logo{font-size:17px;letter-spacing:3px;font-weight:900;fill:#d6c6ff}.pw-wheel-turning{animation:pw-wheel-circle-turn var(--wheel-duration,2600ms) cubic-bezier(.13,.64,.13,1) var(--wheel-delay,0ms) both}.pw-wheel-waiting{filter:drop-shadow(0 0 13px #77e9e345);animation:pw-wheel-wait 1.1s ease-in-out infinite alternate}.pw-wheel-player-stats{display:flex;flex-direction:column;gap:8px;padding:12px 0;color:var(--dim);font-size:11px;line-height:1.7}.pw-wheel-player-stats strong{color:var(--ink,#fff)}.pw-wheel-spin-actions .button{white-space:normal;font-size:11px}.pw-wheel-spin{min-height:46px;border-color:var(--cyan,#65f3df)!important;background:var(--cyan,#65f3df)!important;color:#102b2d!important;font-weight:800;box-shadow:0 0 16px #64e9e416}.pw-wheel-spin:disabled{background:#3c6667!important;border-color:#789c9b!important;color:#e7faf6!important;opacity:1!important;box-shadow:none}.pw-wheel-pending{margin-top:14px;padding:12px 14px;border:1px solid var(--amber,#ffca80);border-radius:10px;font-size:11px;line-height:1.7;color:var(--amber,#ffca80)}.pw-wheel-pending>p{margin:6px 0 10px;color:var(--dim)}.pw-wheel-result{position:relative;display:flex;align-items:center;gap:13px;border:1px solid var(--line2);border-radius:12px;background:linear-gradient(120deg,#432c662e,#1a494025);padding:14px;margin-top:14px;min-width:0}.pw-wheel-result.complete{border-color:var(--on,#4ee8b8);box-shadow:0 0 20px #41d5b016;animation:pw-wheel-result-pop .35s ease-out both}.pw-wheel-result>div{display:flex;flex-direction:column;gap:6px;min-width:0}.pw-wheel-result small{font-size:10px;color:var(--cyan)}.pw-wheel-result strong{font-size:14px;line-height:1.6;overflow-wrap:anywhere}.pw-wheel-result span:not(.pw-wheel-art):not(.pw-wheel-sparkles){font-size:10px;color:var(--dim);line-height:1.7}.pw-wheel-sparkles{position:absolute;right:12px;top:9px;color:#e9c56d;font-size:16px;pointer-events:none;animation:pw-wheel-spark 1.4s ease-in-out 2}.pw-wheel-preferences{margin-top:14px;border-top:1px solid var(--line);padding-top:11px;font-size:10px;color:var(--dim);line-height:1.7}.pw-wheel-preferences>summary{cursor:pointer}.pw-wheel-preferences label{display:inline-flex;align-items:center;gap:7px;margin:10px 14px 0 0;cursor:pointer}.pw-wheel-empty{width:min(100%,340px);min-height:220px;border:1px dashed var(--line2);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;font-size:62px;color:var(--dim);background:radial-gradient(circle,#8055bd1e,transparent)}.pw-wheel-empty>span{font-size:12px}.pw-wheel-circle-mode{display:grid;grid-template-columns:minmax(300px,.95fr) minmax(250px,1fr);gap:0 20px;align-items:start}.pw-wheel-circle-mode>.pw-wheel-stage-heading{grid-column:1/-1}.pw-wheel-circle-mode>.pw-wheel-visual{grid-column:1;grid-row:2/span 6;align-self:center}.pw-wheel-circle-mode>.pw-wheel-player-stats,.pw-wheel-circle-mode>.pw-wheel-spin-actions,.pw-wheel-circle-mode>.pw-wheel-pending,.pw-wheel-circle-mode>.pw-wheel-result,.pw-wheel-circle-mode>.pw-wheel-preferences{grid-column:2}.pw-wheel-circle-mode>.pw-wheel-spin-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.pw-wheel-circle-mode .pw-wheel-spin,.pw-wheel-circle-mode [data-wheel=skip]{grid-column:1/-1}.pw-wheel-circle-mode .pw-wheel-player-stats{padding-top:6px}.pw-wheel-circle-mode .pw-wheel-result{margin-top:12px}

.pw-wheel-reel{--wheel-card-width:140px;position:relative;width:100%;height:206px;overflow:hidden;display:flex;align-items:center;border:1px solid var(--line2);border-radius:13px;background:linear-gradient(180deg,#29203e,#171329);margin:5px 0 8px;mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent)}.pw-wheel-reel:before,.pw-wheel-reel:after{content:'';position:absolute;top:0;bottom:0;width:3px;background:linear-gradient(transparent,#7af5e9,transparent);z-index:3;left:50%;pointer-events:none}.pw-wheel-reel:after{width:0;height:0;bottom:auto;top:0;border-left:9px solid transparent;border-right:9px solid transparent;border-top:16px solid #7af5e9;background:none;transform:translateX(-8px)}.pw-wheel-reel-marker{position:absolute;inset:8px auto 8px 50%;width:var(--wheel-card-width);transform:translateX(-50%);border:1px solid #75ffee66;border-radius:10px;z-index:2;pointer-events:none;box-shadow:0 0 18px #73ffee18}.pw-wheel-reel-track{display:flex;gap:10px;align-items:stretch;width:100%;flex:none;will-change:transform;transform:translateX(var(--wheel-reel-to,0px))}.pw-wheel-reel-card{width:var(--wheel-card-width);min-width:var(--wheel-card-width);flex:0 0 var(--wheel-card-width);height:178px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;box-sizing:border-box;padding:10px 8px;border:1px solid #9580bd6b;border-bottom:3px solid #9b85c9;border-radius:10px;background:radial-gradient(ellipse at 50% 20%,#6c4b8d39,#211932);overflow:hidden}.pw-wheel-reel-card>.pw-wheel-art{width:76px;height:76px}.pw-wheel-reel-card>strong{font-size:11px;line-height:1.5;text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;width:100%;overflow-wrap:anywhere}.pw-wheel-reel-card>small{font-size:10px;color:var(--cyan);text-align:center;line-height:1.5}.pw-wheel-reel-winner{border-bottom-color:#76fbd1}.pw-wheel-reeling{animation:pw-wheel-reel-turn var(--wheel-duration,2600ms) cubic-bezier(.12,.64,.12,1) var(--wheel-delay,0ms) both}.pw-wheel-reel-mode .pw-wheel-player-stats{flex-direction:row;justify-content:space-between;gap:12px;flex-wrap:wrap}.pw-wheel-reel-mode .pw-wheel-spin-actions{justify-content:center}.pw-wheel-reel-mode .pw-wheel-spin{min-width:210px}.pw-wheel-reel-mode .pw-wheel-result{max-width:600px;margin:14px auto 0}.pw-wheel-editor-preview{display:flex;gap:12px;align-items:center;padding:10px;border:1px solid var(--line2);border-radius:9px;margin-bottom:14px;min-height:65px}.pw-wheel-editor-preview strong{font-size:12px;overflow-wrap:anywhere}.pw-wheel-player .button:focus-visible,.pw-wheel-admin .button:focus-visible,.pw-wheel-player input:focus-visible,.pw-wheel-admin input:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
@keyframes pw-wheel-circle-turn{from{transform:rotate(var(--wheel-from,0deg))}to{transform:rotate(var(--wheel-to,1800deg))}}@keyframes pw-wheel-reel-turn{from{transform:translateX(var(--wheel-reel-from,0px))}to{transform:translateX(var(--wheel-reel-to,-3000px))}}@keyframes pw-wheel-wait{from{opacity:.7}to{opacity:1}}@keyframes pw-wheel-result-pop{from{opacity:.4;transform:translateY(7px) scale(.98)}to{opacity:1;transform:none}}@keyframes pw-wheel-spark{0%,100%{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.12)}}
.pw-wheel-disc.pw-wheel-waiting{animation:pw-wheel-neutral-turn 750ms linear var(--wheel-neutral-delay,0ms) infinite}.pw-wheel-reel.pw-wheel-waiting .pw-wheel-reel-track{animation:pw-wheel-neutral-reel 700ms linear var(--wheel-neutral-delay,0ms) infinite}@keyframes pw-wheel-neutral-turn{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pw-wheel-neutral-reel{from{transform:translateX(var(--wheel-reel-neutral,0px))}to{transform:translateX(calc(var(--wheel-reel-neutral,0px) - var(--wheel-stride,150px)))}}
@media(max-width:1050px){.pw-wheel-circle-mode{grid-template-columns:minmax(260px,1fr) minmax(210px,.85fr);gap:0 12px}.pw-wheel-admin-prizes>article{grid-template-columns:40px minmax(0,1fr) 68px}.pw-wheel-admin-prizes .pw-wheel-actions{grid-column:2/-1}.pw-wheel-stage{padding:14px!important}.pw-wheel-circle{max-width:370px}.pw-wheel-wallet>strong{font-size:15px}}
@media(max-width:900px){.pw-wheel-circle-mode{display:block}.pw-wheel-circle{max-width:360px}.pw-wheel-circle-mode>.pw-wheel-spin-actions{margin-top:8px}.pw-wheel-public-prizes{grid-template-columns:minmax(0,1fr)}.pw-wheel-stage-heading{align-items:flex-start}.pw-wheel-stage-heading h2{font-size:17px}.pw-wheel-wallet{min-width:90px}.pw-wheel-history td,.pw-wheel-history th{padding:8px 5px;font-size:10px}.pw-wheel-reel-card>.pw-wheel-art{width:65px;height:65px}.pw-wheel-reel-card{height:165px}.pw-wheel-reel{height:190px}.pw-wheel-player-stats{padding:10px 0}}
@media(max-width:620px){.pw-wheel-mode-tabs{gap:7px}.pw-wheel-mode-tabs>.button{font-size:11px;padding:8px}.pw-wheel-stage-heading{flex-wrap:wrap}.pw-wheel-wallet{text-align:left;flex-direction:row;align-items:center;width:100%}.pw-wheel-subnav>.button{min-width:90px;font-size:10px}.pw-wheel-admin-prizes>article{gap:8px;padding:9px}.pw-wheel-art{width:38px;height:38px}.pw-wheel-spin-actions>.button{flex:1;min-width:110px}.pw-wheel-reel-card{padding:8px 4px}.pw-wheel-reel-card>strong{font-size:10px}.pw-wheel-reel-card>.pw-wheel-art{width:50px;height:50px}}
@media(prefers-reduced-motion:reduce){.pw-wheel-player *, .pw-wheel-player *:before,.pw-wheel-player *:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.pw-wheel-reduced .pw-wheel-waiting,.pw-wheel-reduced .pw-wheel-disc.pw-wheel-waiting,.pw-wheel-reduced .pw-wheel-reel.pw-wheel-waiting .pw-wheel-reel-track{animation:none}.pw-wheel-reduced .pw-wheel-turning,.pw-wheel-reduced .pw-wheel-reeling{animation-duration:.01ms!important}

/* Mục 14 · Shared palette and timing for both wheel styles. */
.pw-wheel-admin,.pw-wheel-player{
  --wheel-gold:#ffda7b;
  --wheel-violet:#ac83ff;
  --wheel-cyan:#82f4ff;
}
.pw-wheel-visual{
  background:radial-gradient(ellipse at 50% 48%,#6e3aad28,transparent 68%);
}
.pw-wheel-turning,.pw-wheel-reeling{
  animation-timing-function:cubic-bezier(.12,0,.2,1);
}
.pw-wheel-turning{
  filter:drop-shadow(0 0 15px #9a86ff59);
}
.pw-wheel-circle::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:2%;
  border-radius:50%;
  border:1px solid #b790fbb8;
  box-shadow:0 0 18px #8643ff88,0 0 28px #37e8ff2e,inset 0 0 15px #5ae5ff4a;
  pointer-events:none;
}
.pw-wheel-pointer{
  top:0;
  width:23px;
  height:37px;
  border:0;
  transform:translate(-50%,-5%);
  filter:drop-shadow(0 0 7px #fbb541b0);
}
.pw-wheel-pointer::before{
  content:"";
  display:block;
  width:100%;
  height:100%;
  background:linear-gradient(135deg,#fff0af 12%,var(--wheel-gold,#ffda7b) 48%,#bf6716 82%);
  clip-path:polygon(50% 0,100% 32%,50% 100%,0 32%);
}
.pw-wheel-disc svg>circle:first-of-type{
  stroke:var(--wheel-violet,#ac83ff);
}
.pw-wheel-revealed .pw-wheel-disc .pw-wheel-is-winner>:is(path,circle){
  fill:#664097;
  stroke:var(--wheel-gold,#ffda7b);
  stroke-opacity:1;
  stroke-width:3px;
}
.pw-wheel-revealed .pw-wheel-disc .pw-wheel-is-winner>g{
  transform-box:fill-box;
  transform-origin:center;
  filter:drop-shadow(0 0 5px #ffe8a2bb);
  animation:pw-wheel-prize-pop .52s ease-out both;
}
@keyframes pw-wheel-prize-pop{
  0%,100%{transform:scale(1)}
  45%{transform:scale(1.15)}
}

.pw-wheel-reel{
  border-color:#8660cb81;
  background:radial-gradient(ellipse at 50% 50%,#382354,#171227 80%);
}
.pw-wheel-reel::before{
  width:2px;
  transform:translateX(-50%);
  background:linear-gradient(var(--wheel-gold,#ffda7b),transparent 12%,transparent 88%,var(--wheel-gold,#ffda7b));
}
.pw-wheel-reel::after{
  width:17px;
  height:23px;
  border:0;
  transform:translateX(-50%);
  background:linear-gradient(135deg,#fff0af,var(--wheel-gold,#ffda7b) 54%,#b86923);
  clip-path:polygon(50% 0,100% 37%,50% 100%,0 37%);
  filter:drop-shadow(0 0 6px #ffc55288);
}
.pw-wheel-reel-marker{
  border-color:#ffc86991;
  box-shadow:0 0 20px #ffc85620;
}
.pw-wheel-reel:has(.pw-wheel-reeling) .pw-wheel-reel-marker{
  border-color:var(--wheel-gold,#ffda7b);
  box-shadow:0 0 24px #e9ab3e3d;
}
.pw-wheel-reel-card{
  position:relative;
  border-color:#ab81f592;
  border-bottom-color:#a37ae8;
  background:radial-gradient(ellipse at 50% 22%,#61419365,#1c1633 83%);
}
.pw-wheel-revealed .pw-wheel-reel-card:not(.pw-wheel-is-winner){
  opacity:.48;
}
.pw-wheel-revealed .pw-wheel-reel-card.pw-wheel-is-winner{
  z-index:1;
  border-color:var(--wheel-gold,#ffda7b);
  box-shadow:0 0 22px #ffbf5a64,inset 0 0 13px #d2a45348;
  transform:translateY(-5px) scale(1.04);
}
.pw-wheel-revealed .pw-wheel-reel-card.pw-wheel-is-winner::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(105deg,transparent 35%,#ffeac575 50%,transparent 65%);
  transform:translateX(100%);
  animation:pw-wheel-card-shine .66s ease-out both;
  pointer-events:none;
}
@keyframes pw-wheel-card-shine{
  from{transform:translateX(-100%)}
  to{transform:translateX(100%)}
}
.pw-wheel-result.complete{
  border-color:var(--wheel-gold,#ffda7b);
  box-shadow:0 0 20px #ffd26b24;
}

.pw-wheel-volume,.pw-wheel-volume label{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
}
.pw-wheel-volume{
  flex:1 1 100%;
  grid-column:1/-1;
  flex-wrap:wrap;
  font-size:11px;
  color:var(--dim);
}
.pw-wheel-volume label{
  flex:1 1 160px;
}
.pw-wheel-volume input[type=range]{
  flex:1 1 95px;
  min-width:72px;
  max-width:200px;
  width:100%!important;
  height:22px!important;
  margin:0;
  padding:0;
  accent-color:var(--wheel-cyan,#82f4ff);
  cursor:pointer;
}
.pw-wheel-volume output{
  min-width:4ch;
  color:var(--ink,#fff);
  font-variant-numeric:tabular-nums;
}
.pw-wheel-volume .button{
  min-height:32px;
  white-space:nowrap;
}
.pw-wheel-preview{
  min-width:0;
  margin-top:14px;
  border-color:#9162cf79;
  background:linear-gradient(130deg,#251b41,#191427);
}
.pw-wheel-preview .pw-wheel-visual{
  margin-block:10px;
}
.pw-wheel-preview>.pw-wheel-heading,.pw-wheel-preview>.pw-wheel-mode-tabs{
  grid-column:1/-1;
}
.pw-wheel-preview.pw-wheel-circle-mode>.pw-wheel-visual{
  grid-row:3/span 3;
}
.pw-wheel-preview .pw-wheel-circle{
  max-width:330px;
}
.pw-wheel-reduced .pw-wheel-disc .pw-wheel-is-winner>g,
.pw-wheel-reduced .pw-wheel-reel-card.pw-wheel-is-winner::after{
  animation:none;
}
@media(prefers-reduced-motion:reduce){
  .pw-wheel-preview *, .pw-wheel-preview *::before, .pw-wheel-preview *::after{
    animation-duration:.01ms!important;
    transition-duration:.01ms!important;
  }
}
.pw-wheel-editor-preview .pw-wheel-art{width:62px;height:62px;object-fit:contain}
.pw-wheel-admin details>select{width:100%;margin:10px 0;min-width:0}