:root{color-scheme:dark;color:#cec9b8;background:#111310;font-family:'Courier New',monospace;font-size:14px}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 0,#272922,#0e100e 80%);min-height:100vh}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:2px solid #ddc88e;outline-offset:4px}button:disabled{cursor:default;opacity:.45}main{max-width:1160px;margin:auto;padding:20px 24px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #4b4c3b;padding:6px 0 16px}.logo{font-size:18px;font-weight:bold;letter-spacing:3px}.tag{font-size:10px;color:#989a88;letter-spacing:2px}h1{font-size:clamp(28px,4vw,44px);letter-spacing:-2px;margin:24px 0 8px;font-weight:normal}.intro{color:#989c8a;font-size:12px;line-height:1.6;margin:0 0 18px}.layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(270px,1fr);gap:20px}.arena{position:relative;height:690px;overflow:hidden;background:#10130f;border:1px solid #555443;box-shadow:0 12px 50px #0007,inset 0 0 40px #000}.scene3d{position:absolute;inset:0}.scene3d canvas{width:100%;height:100%;display:block;image-rendering:pixelated;touch-action:manipulation}.balance{position:absolute;left:22px;top:20px;pointer-events:none;z-index:3;text-shadow:0 2px 5px #000}.label,.section-title{font-size:10px;color:#a9ad96;letter-spacing:2px}.number{display:block;font-size:40px;font-weight:normal;line-height:1.2;font-variant-numeric:tabular-nums}.yield{font-size:11px;color:#b5b69c}.stamp{position:absolute;top:25px;right:20px;font-size:10px;text-align:right;color:#abae98;letter-spacing:1px;pointer-events:none}.toast{position:absolute;top:96px;left:12px;right:12px;text-align:center;color:#dbd3ac;font-size:11px;text-shadow:0 1px 3px #000;pointer-events:none}.scene-status{position:absolute;bottom:115px;left:12px;right:12px;text-align:center;font-size:10px;color:#b2b297;pointer-events:none;text-shadow:0 1px 4px #000}.cig-panel{position:absolute;left:18px;right:18px;bottom:66px;background:#10140edf;padding:10px 12px;border:1px solid #686247;z-index:2}.cig-meta{display:flex;justify-content:space-between;gap:10px;font-size:11px;margin-bottom:8px}.burn{height:4px;background:#464435}.burn span{display:block;height:100%;width:100%;background:#b89d6b;transition:width .1s}.shop{display:flex;flex-direction:column;gap:11px}.section-title{margin:2px 0 6px}.upgrade{width:100%;border:1px solid #4a4f3d;background:#20251c;text-align:left;padding:17px 15px;display:grid;grid-template-columns:29px 1fr;gap:12px}.upgrade:hover:not(:disabled){background:#2c3225;border-color:#969574}.icon{font-size:25px;color:#a8ab8e}.upgrade b{display:block;font-size:14px;font-weight:normal;margin-bottom:6px}.upgrade small{font-size:11px;line-height:1.6;color:#a0a58e}.price{display:block;margin-top:8px;color:#c2c6a1;font-size:11px}.current-card{border:1px solid #4c4f3b;padding:16px;background:#191f17}.current-card h2{font-size:17px;margin:7px 0 8px;font-weight:normal}.current-card p{font-size:11px;line-height:1.6;color:#b1b49d;margin:6px 0}.pill{display:inline-block;font-size:9px;letter-spacing:1px;border:1px solid #686850;padding:4px 6px}.tempo{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #464d36;margin-top:12px;padding-top:12px;font-size:11px}.tempo strong{color:#c3b383;font-weight:normal}.stats{display:flex;justify-content:space-between;border-top:1px solid #484d3b;padding-top:14px;font-size:10px;color:#a5aa93}.stats b{display:block;font-size:18px;margin-top:7px;color:#c5c7aa;font-weight:normal}.note{font-size:10px;color:#909781;line-height:1.7;margin:2px 0}a{color:#c0c1a4}.draft-panel{grid-column:1/-1;border:1px solid #605e44;background:#161c14;padding:18px}.draft-panel[hidden]{display:none}.draft-heading{display:flex;justify-content:space-between;gap:16px;align-items:baseline}.draft-panel h2{font-size:21px;font-weight:normal;margin:0 0 8px}.draft-panel p{font-size:11px;color:#a8af96;line-height:1.6;margin:0 0 15px}.choices{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.choice{background:#262d20;border:1px solid #6a6b4e;text-align:left;padding:16px;color:#d0d1b7;min-height:190px}.choice .choice-number{font-size:25px;color:#bab284;margin-right:8px}.choice h3{font-size:16px;font-weight:normal;margin:12px 0 8px}.choice small{display:block;font-size:11px;line-height:1.6;color:#bbc1a5}.choice .pick{display:block;font-size:10px;margin-top:13px;color:#d7cca0;letter-spacing:2px}.draft-mode .cig-panel{display:none}.draft-mode .draft-mode .scene-status{bottom:68px}.draft-mode .toast{color:#d4c391}.float{position:absolute;left:50%;top:47%;color:#dac799;font-size:20px;pointer-events:none;animation:float .65s ease-out forwards;text-shadow:0 1px 4px #000;z-index:4}@keyframes float{to{transform:translateY(-35px);opacity:0}}details{font-size:10px;color:#b1b699;line-height:1.8}summary{cursor:pointer;color:#c7c4a0}.odds{border-top:1px solid #3c4531;padding-top:12px}.draft-copy{display:none;position:absolute;top:118px;left:20px;right:20px;text-align:center;font-size:13px;color:#d5c698;pointer-events:none}.draft-mode .draft-copy{display:block}.error{color:#dfae8c}@media(max-width:740px){main{padding:14px 12px}.layout{grid-template-columns:1fr;gap:14px}h1{font-size:32px;margin-top:19px}.arena{height:620px}.tag{font-size:8px;letter-spacing:1px}.number{font-size:33px}.balance{left:17px;top:18px}.shop{display:grid;grid-template-columns:1fr 1fr;gap:10px}.shop>.section-title,.shop>.current-card,.shop>.stats,.shop>.note,.shop>details{grid-column:1/-1}.upgrade{padding:12px 9px;grid-template-columns:1fr}.icon{display:none}.upgrade b{font-size:12px}.draft-panel{padding:13px;order:0}.choices{grid-template-columns:1fr;gap:9px}.choice{min-height:0;padding:12px}.choice h3{display:inline-block;margin:0 0 7px}.choice .pick{margin-top:8px}.draft-mode{height:490px}.draft-heading{display:block}.stamp{right:15px}.cig-meta{font-size:10px}.scene-status{font-size:9px}}@media(prefers-reduced-motion:reduce){.float{display:none}.burn span{transition:none}}

.arena{grid-column:1;grid-row:1}.shop{grid-column:2;grid-row:1}.draft-panel{grid-row:2}@media(max-width:740px){.shop{grid-column:1;grid-row:3}.draft-panel{grid-row:2}}

.tap-note{position:absolute;bottom:24px;left:18px;right:18px;text-align:center;font-size:10px;letter-spacing:2px;color:#8b9079;pointer-events:none;user-select:none}.sound-toggle{border:1px solid #52523e;background:transparent;color:#aaa58a;font-size:10px;padding:8px 10px}.speech{position:absolute;z-index:5;top:32%;left:57%;max-width:40%;padding:12px 14px;border:2px solid #865135;background:repeating-linear-gradient(17deg,#452c20 0 2px,#402b20 2px 5px);color:#e2ca9c;font-size:clamp(12px,2vw,18px);font-weight:bold;box-shadow:3px 4px 0 #120e0bb0;transform:rotate(-3deg);pointer-events:none}.speech:after{content:"";position:absolute;bottom:-13px;left:14px;border-top:12px solid #865135;border-right:14px solid transparent}.speech[hidden]{display:none}.speech.speak{animation:utter .16s steps(2,end)}@keyframes utter{0%{transform:translate(3px,3px) rotate(2deg);opacity:.4}60%{transform:translate(-2px,-1px) rotate(-4deg)}100%{transform:rotate(-3deg)}}@media(prefers-reduced-motion:reduce){.speech.speak{animation:none}}

.arena.loading .scene-status{top:42%;bottom:auto;z-index:6;font-size:14px;line-height:1.6;padding:22px;background:#151912ed;border:1px solid #686247}.arena.loading .toast{visibility:hidden}