.gx-tenmake{isolation:isolate;width:100%;max-width:960px;margin:20px auto;color:#402717;font:14px/1.4 system-ui,sans-serif}
.gx-tenmake *{box-sizing:border-box}.gx-tenmake [hidden]{display:none!important}.gx-tenmake p{margin:0}
.gx-tenmake button,.gx-tenmake select{font:inherit;color:#402717;min-width:44px;min-height:44px;touch-action:manipulation;cursor:pointer;border:1px solid #a46a3d;border-radius:7px;background:linear-gradient(#fff8e7,#e9ce9d);padding:8px 10px;box-shadow:0 2px #9e633244}
.gx-tenmake button:focus-visible,.gx-tenmake select:focus-visible{outline:3px solid #176b69;outline-offset:2px;z-index:3}.gx-tenmake button:disabled{cursor:default;opacity:.52}.gx-tenmake button:hover:not(:disabled){border-color:#5b3822}
.gx-tenmake .tm-shell{position:relative;display:flex;flex-direction:column;gap:8px;padding:12px;border:2px solid #a96a39;border-radius:14px;background:linear-gradient(145deg,#fff7e4,#edc998 70%,#b77b46);box-shadow:0 10px 26px #6c391d33;overflow:hidden}
.gx-tenmake .tm-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.gx-tenmake .tm-brand small{display:block;font-size:9px;letter-spacing:.1em;font-weight:800;color:#744a2f}.gx-tenmake .tm-brand strong{display:block;font-size:30px;line-height:1.1;letter-spacing:.02em;font-weight:950;color:#75361e;text-shadow:0 2px #fff6d5}
.gx-tenmake .tm-tools{display:flex;gap:5px}.gx-tenmake .tm-tools button{padding:5px 7px;font-size:11px}
.gx-tenmake .tm-hud{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.gx-tenmake .tm-hud>div{min-width:0;background:#fff8e8;border:1px solid #bc8a5d;border-radius:6px;padding:4px 8px;box-shadow:inset 0 1px #fff}
.gx-tenmake .tm-hud span{font-size:10px;display:block;color:#725135}.gx-tenmake .tm-hud strong{font-size:23px;line-height:1.15;display:block;white-space:nowrap;font-variant-numeric:tabular-nums;color:#452819}
.gx-tenmake .tm-stage{position:relative;height:530px;min-height:0}.gx-tenmake .tm-play{height:100%;display:flex;flex-direction:column;gap:6px}
.gx-tenmake .tm-contract{display:grid;grid-template-columns:1fr auto;gap:3px 8px;border:1px solid #ac7042;border-radius:9px;background:#fff8e9;padding:7px 10px;box-shadow:0 3px #9f653933}
.gx-tenmake .tm-order small{display:block;font-size:10px;color:#744a2f}.gx-tenmake .tm-order strong{display:block;font-size:23px;line-height:1.2;font-weight:950;color:#7e341f}
.gx-tenmake .tm-upcoming{grid-column:1;grid-row:2;font-size:11px;color:#67472e;white-space:nowrap}.gx-tenmake .tm-preview{grid-column:2;grid-row:1/3;display:flex;align-items:center;gap:4px;justify-content:flex-end;flex-wrap:wrap;max-width:210px}
.gx-tenmake .tm-preview span{font-size:10px}.gx-tenmake .tm-preview b{width:27px;height:29px;display:flex;align-items:center;justify-content:center;background:#e8bd86;border:1px solid #9f683b;border-radius:8px;font-size:18px;color:#492919;box-shadow:inset 0 2px #fff8}
.gx-tenmake .tm-bay{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;gap:8px;padding:14px;border:2px solid #9a6038;border-radius:12px;overflow:hidden;background:#efd6ad;touch-action:none}
.gx-tenmake .tm-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.gx-tenmake .tm-grid{position:relative;z-index:1;flex:1;min-height:0;display:grid;grid-template-columns:repeat(var(--cols,4),minmax(0,1fr));grid-template-rows:repeat(var(--rows,3),minmax(44px,1fr));gap:9px}
.gx-tenmake button.tm-card{position:relative;width:100%;height:100%;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;overflow:visible;border:2px solid #905731;border-radius:28%;background:linear-gradient(145deg,#ffffff99,transparent 42%),var(--flavor);color:#402717;font:950 clamp(25px,5vw,48px)/1 system-ui,sans-serif;text-shadow:0 2px #ffffff88;padding:5px;box-shadow:inset 0 4px #fff9,inset 0 -5px #8e493b33,0 4px #864c2b;transition:transform .1s,border-color .1s}
.gx-tenmake button.tm-card::before{content:'';position:absolute;inset:9%;border:1px solid #fff9;border-radius:24%;pointer-events:none}.gx-tenmake button.tm-card::after{content:'';position:absolute;inset:3px;border-radius:25%;box-shadow:inset 0 1px 0 2px #fff3;pointer-events:none}
.gx-tenmake button.tm-card:disabled{opacity:1}.gx-tenmake button.tm-card.is-empty{visibility:hidden}.gx-tenmake button.tm-card.is-selected{border-color:#126d64;outline:3px solid #2c9685;outline-offset:1px;transform:translateY(-2px)}.gx-tenmake button.tm-card.is-hint{border-color:#176b69;box-shadow:inset 0 0 0 3px #96e1cf,0 0 16px #257d5966}
.gx-tenmake button.tm-card.is-match{background:#ffe295;border-color:#9e520e;box-shadow:inset 0 0 0 3px #fff3a7,0 0 22px #ffbc33;transform:scale(.94)}.gx-tenmake button.tm-card.is-wrong{border-color:#a32f43;box-shadow:inset 0 0 0 3px #f3b0ba,0 4px #864c2b}
.gx-tenmake .tm-reserve{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:12px;min-height:56px;background:#fff6dcaa;border:1px dashed #96613c;border-radius:8px;padding:4px}.gx-tenmake .tm-reserve>span{font-size:12px;color:#654328;font-weight:800}.gx-tenmake .tm-reserve-slot{width:64px;height:48px}.gx-tenmake .tm-reserve-slot button.tm-card{font-size:29px;border-radius:12px}.gx-tenmake .tm-reserve-slot button.tm-card.is-empty{visibility:visible;background:#e2d3b6;color:#654b32;font-size:12px;border-style:dashed;box-shadow:none;opacity:1}.gx-tenmake .tm-bay.is-armed{outline:3px solid #b95126;outline-offset:-5px}
.gx-tenmake .tm-message{min-height:18px;text-align:center;font-size:12px;font-weight:800;color:#6e361d}.gx-tenmake .tm-controls{display:flex;gap:7px}.gx-tenmake .tm-controls button{flex:1;min-width:0;font-size:12px;font-weight:800}.gx-tenmake .tm-controls button[aria-pressed=true]{background:#f0bc82;border-color:#a93f21}.gx-tenmake .tm-footer{display:flex;justify-content:space-between;gap:5px;color:#593b25;font-size:10px}.gx-tenmake .tm-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.gx-tenmake .tm-panel{position:absolute;inset:2px;z-index:5;display:flex;flex-direction:column;justify-content:center;gap:10px;padding:22px;overflow:auto;overscroll-behavior:contain;border:2px solid #a66736;border-radius:12px;background:linear-gradient(145deg,#fff8eafa,#f5d9adfc 75%,#ce9b62fc);box-shadow:0 8px 20px #6a3c2c55}.gx-tenmake .tm-panel>*{flex-shrink:0}
.gx-tenmake .tm-eyebrow{display:block;font-size:10px;letter-spacing:.1em;text-align:center;color:#6d452c}.gx-tenmake h2.tm-title{font:950 27px/1.3 system-ui,sans-serif;color:#74321c!important;text-align:center;background:none!important;border:0!important;padding:0!important;margin:0!important;box-shadow:none!important}.gx-tenmake h2.tm-title::before,.gx-tenmake h2.tm-title::after{display:none!important;content:none!important}
.gx-tenmake .tm-note,.gx-tenmake .tm-item-guide{text-align:center;font-size:12px;color:#63402a}.gx-tenmake .tm-modes,.gx-tenmake .tm-upgrades{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.gx-tenmake .tm-modes button,.gx-tenmake .tm-upgrades button{display:block;min-width:0;padding:10px 5px}.gx-tenmake .tm-modes strong,.gx-tenmake .tm-upgrades strong{display:block;font-size:14px;white-space:nowrap}.gx-tenmake .tm-modes span,.gx-tenmake .tm-upgrades span{display:block;font-size:11px;margin-top:4px;color:#66432b}.gx-tenmake .tm-modes button[aria-pressed=true]{background:linear-gradient(#f7bf84,#df955a);border-color:#85431f;box-shadow:inset 0 0 0 2px #fff1bc}
.gx-tenmake .tm-difficulty{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px}.gx-tenmake .tm-difficulty select{width:65%;min-height:44px;background:#fff2d7}.gx-tenmake button.tm-primary{min-height:48px;background:linear-gradient(#ab5331,#76371e);color:#fff3dc;font-weight:900;border-color:#74321c;font-size:17px}.gx-tenmake .tm-upgrades{grid-template-columns:repeat(2,minmax(0,1fr))}.gx-tenmake .tm-panel-back{position:absolute;right:7px;top:7px;font-size:11px;padding:5px;z-index:3}
.gx-tenmake .tm-panel:has(.tm-panel-back:not([hidden])) .tm-title{padding-inline:40px!important}.gx-tenmake .tm-points{display:flex;flex-direction:column;align-items:center}.gx-tenmake .tm-points strong{font-size:54px;line-height:1.1;color:#79381d;font-weight:950;letter-spacing:-.03em}.gx-tenmake .tm-points span{font-size:10px;letter-spacing:.15em;color:#65472c}
.gx-tenmake .tm-result-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.gx-tenmake .tm-result-stats>div{padding:6px 8px;background:#fff7e6;border:1px solid #b78653;border-radius:6px;min-width:0}.gx-tenmake .tm-result-stats span{display:block;font-size:10px;color:#725034}.gx-tenmake .tm-result-stats strong{display:block;font-size:18px;color:#482b1a;white-space:nowrap}.gx-tenmake .tm-record-note{text-align:center;color:#6f391e;font-size:12px;font-weight:850}.gx-tenmake .tm-actions{display:flex;gap:8px}.gx-tenmake .tm-actions button{flex:1;font-weight:800}
.gx-tenmake .tm-shell:fullscreen,.gx-tenmake .tm-expanded{position:fixed;inset:0;width:100vw;width:100dvw;height:100vh;height:100dvh;max-width:none;margin:0;padding:8px;padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));border:0;border-radius:0;z-index:2147483647;gap:6px}.gx-tenmake .tm-shell:fullscreen .tm-stage,.gx-tenmake .tm-expanded .tm-stage{height:auto;flex:1;min-height:0}.gx-tenmake .tm-shell:fullscreen .tm-panel,.gx-tenmake .tm-expanded .tm-panel{inset:6px}.gx-tenmake.tm-portal{position:fixed;inset:0;max-width:none;margin:0;z-index:2147483647}
@media(max-width:600px){.gx-tenmake .tm-shell{padding:8px;gap:7px}.gx-tenmake .tm-brand strong{font-size:23px}.gx-tenmake .tm-brand small{font-size:7px}.gx-tenmake .tm-hud strong{font-size:18px}.gx-tenmake .tm-hud>div{padding:4px 6px}.gx-tenmake .tm-stage{height:500px}.gx-tenmake .tm-contract{grid-template-columns:1fr;gap:3px;padding:5px 8px}.gx-tenmake .tm-order strong{font-size:18px}.gx-tenmake .tm-preview{grid-column:1;grid-row:3;max-width:none;justify-content:flex-start}.gx-tenmake .tm-upcoming{font-size:10px}.gx-tenmake .tm-preview b{width:24px;height:24px;font-size:16px}.gx-tenmake .tm-bay{padding:10px;gap:7px}.gx-tenmake .tm-grid{gap:7px}.gx-tenmake button.tm-card{font-size:32px}.gx-tenmake .tm-reserve{min-height:50px}.gx-tenmake .tm-reserve-slot{height:44px;width:58px}.gx-tenmake .tm-panel{padding:16px;gap:8px}.gx-tenmake .tm-modes{grid-template-columns:1fr}.gx-tenmake .tm-modes button{display:flex;align-items:center;justify-content:space-between;padding:10px}.gx-tenmake .tm-modes span{margin:0}.gx-tenmake .tm-result-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.gx-tenmake .tm-points strong{font-size:44px}.gx-tenmake .tm-footer{font-size:9px}}
@media(max-width:359px){.gx-tenmake .tm-brand strong{font-size:20px}.gx-tenmake .tm-brand small{font-size:6px}.gx-tenmake .tm-tools button{padding:5px;font-size:10px}.gx-tenmake .tm-hud{gap:4px}.gx-tenmake .tm-hud strong{font-size:16px}.gx-tenmake .tm-hud span{font-size:9px}.gx-tenmake .tm-hud>div{padding:3px 5px}.gx-tenmake .tm-grid{gap:6px}.gx-tenmake .tm-bay{padding:8px}.gx-tenmake button.tm-card{font-size:27px}.gx-tenmake .tm-controls button{font-size:11px;padding:5px}.gx-tenmake h2.tm-title{font-size:22px}.gx-tenmake .tm-upgrades strong{font-size:13px}.gx-tenmake .tm-upgrades span{font-size:10px}}
@media(max-height:650px){.gx-tenmake .tm-shell:fullscreen .tm-brand small,.gx-tenmake .tm-expanded .tm-brand small{display:none}.gx-tenmake .tm-shell:fullscreen .tm-brand strong,.gx-tenmake .tm-expanded .tm-brand strong{font-size:21px}.gx-tenmake .tm-shell:fullscreen .tm-hud strong,.gx-tenmake .tm-expanded .tm-hud strong{font-size:16px}.gx-tenmake .tm-shell:fullscreen .tm-hud span,.gx-tenmake .tm-expanded .tm-hud span{font-size:8px}.gx-tenmake .tm-shell:fullscreen .tm-contract,.gx-tenmake .tm-expanded .tm-contract{grid-template-columns:1fr auto}.gx-tenmake .tm-shell:fullscreen .tm-preview,.gx-tenmake .tm-expanded .tm-preview{grid-column:2;grid-row:1/3;max-width:108px;gap:2px}.gx-tenmake .tm-shell:fullscreen .tm-preview span,.gx-tenmake .tm-expanded .tm-preview span{width:100%;font-size:8px}.gx-tenmake .tm-shell:fullscreen .tm-preview b,.gx-tenmake .tm-expanded .tm-preview b{width:23px;height:23px;font-size:15px}.gx-tenmake .tm-shell:fullscreen .tm-order strong,.gx-tenmake .tm-expanded .tm-order strong{font-size:16px}.gx-tenmake .tm-shell:fullscreen .tm-upcoming,.gx-tenmake .tm-expanded .tm-upcoming{font-size:9px}.gx-tenmake .tm-shell:fullscreen .tm-message,.gx-tenmake .tm-expanded .tm-message{font-size:10px;min-height:14px}.gx-tenmake .tm-shell:fullscreen .tm-bay,.gx-tenmake .tm-expanded .tm-bay{padding:7px;gap:5px}.gx-tenmake .tm-shell:fullscreen .tm-reserve,.gx-tenmake .tm-expanded .tm-reserve{min-height:44px;padding:0}.gx-tenmake .tm-shell:fullscreen .tm-footer,.gx-tenmake .tm-expanded .tm-footer{font-size:8px}}
@media(max-height:500px) and (orientation:landscape){.gx-tenmake .tm-shell:fullscreen,.gx-tenmake .tm-expanded{display:grid;grid-template-columns:minmax(185px,.38fr) minmax(0,.62fr);grid-template-rows:auto auto minmax(0,1fr) auto auto;gap:5px}.gx-tenmake .tm-shell:fullscreen .tm-head,.gx-tenmake .tm-expanded .tm-head{grid-column:1;grid-row:1;display:block}.gx-tenmake .tm-shell:fullscreen .tm-brand strong,.gx-tenmake .tm-expanded .tm-brand strong{font-size:19px}.gx-tenmake .tm-shell:fullscreen .tm-tools,.gx-tenmake .tm-expanded .tm-tools{margin-top:3px}.gx-tenmake .tm-shell:fullscreen .tm-hud,.gx-tenmake .tm-expanded .tm-hud{grid-column:1;grid-row:2;gap:3px}.gx-tenmake .tm-shell:fullscreen .tm-hud strong,.gx-tenmake .tm-expanded .tm-hud strong{font-size:12px}.gx-tenmake .tm-shell:fullscreen .tm-hud>div,.gx-tenmake .tm-expanded .tm-hud>div{padding:3px}.gx-tenmake .tm-shell:fullscreen .tm-stage,.gx-tenmake .tm-expanded .tm-stage,.gx-tenmake .tm-shell:fullscreen .tm-play,.gx-tenmake .tm-expanded .tm-play{display:contents}.gx-tenmake .tm-shell:fullscreen .tm-contract,.gx-tenmake .tm-expanded .tm-contract{grid-column:1;grid-row:3;display:flex;flex-direction:column;gap:3px;padding:4px 6px;justify-content:center}.gx-tenmake .tm-shell:fullscreen .tm-preview,.gx-tenmake .tm-expanded .tm-preview{flex-wrap:nowrap;max-width:none;justify-content:flex-start}.gx-tenmake .tm-shell:fullscreen .tm-preview span,.gx-tenmake .tm-expanded .tm-preview span{width:auto}.gx-tenmake .tm-shell:fullscreen .tm-upcoming,.gx-tenmake .tm-expanded .tm-upcoming{font-size:8px}.gx-tenmake .tm-shell:fullscreen .tm-bay,.gx-tenmake .tm-expanded .tm-bay{grid-column:2;grid-row:1/-1;min-width:0}.gx-tenmake .tm-shell:fullscreen .tm-controls,.gx-tenmake .tm-expanded .tm-controls{grid-column:1;grid-row:4;gap:4px}.gx-tenmake .tm-shell:fullscreen .tm-controls button,.gx-tenmake .tm-expanded .tm-controls button{padding:4px;font-size:10px}.gx-tenmake .tm-shell:fullscreen .tm-footer,.gx-tenmake .tm-expanded .tm-footer{grid-column:1;grid-row:5;font-size:7px}.gx-tenmake .tm-shell:fullscreen .tm-message,.gx-tenmake .tm-expanded .tm-message{display:none}.gx-tenmake .tm-shell:fullscreen .tm-panel,.gx-tenmake .tm-expanded .tm-panel{inset:5px;padding:12px;gap:6px}.gx-tenmake .tm-shell:fullscreen .tm-eyebrow,.gx-tenmake .tm-expanded .tm-eyebrow,.gx-tenmake .tm-shell:fullscreen .tm-item-guide,.gx-tenmake .tm-expanded .tm-item-guide{display:none}.gx-tenmake .tm-shell:fullscreen .tm-modes,.gx-tenmake .tm-expanded .tm-modes{grid-template-columns:repeat(3,minmax(0,1fr))}.gx-tenmake .tm-shell:fullscreen .tm-modes button,.gx-tenmake .tm-expanded .tm-modes button{display:block;padding:6px;min-height:44px}.gx-tenmake .tm-shell:fullscreen .tm-modes span,.gx-tenmake .tm-expanded .tm-modes span{margin-top:3px;font-size:10px}.gx-tenmake .tm-shell:fullscreen .tm-upgrades,.gx-tenmake .tm-expanded .tm-upgrades{grid-template-columns:repeat(2,minmax(0,1fr))}.gx-tenmake .tm-shell:fullscreen h2.tm-title,.gx-tenmake .tm-expanded h2.tm-title{font-size:20px}.gx-tenmake .tm-shell:fullscreen .tm-result-stats,.gx-tenmake .tm-expanded .tm-result-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.gx-tenmake .tm-shell:fullscreen .tm-result-stats>div,.gx-tenmake .tm-expanded .tm-result-stats>div{padding:3px 6px}.gx-tenmake .tm-shell:fullscreen .tm-result-stats strong,.gx-tenmake .tm-expanded .tm-result-stats strong{font-size:15px}.gx-tenmake .tm-shell:fullscreen .tm-points strong,.gx-tenmake .tm-expanded .tm-points strong{font-size:32px}.gx-tenmake .tm-shell:fullscreen .tm-note,.gx-tenmake .tm-expanded .tm-note{font-size:11px}.gx-tenmake .tm-shell:fullscreen .tm-record-note,.gx-tenmake .tm-expanded .tm-record-note{font-size:10px}}
@media(prefers-reduced-motion:reduce){.gx-tenmake *{animation:none!important;transition:none!important}}