*{box-sizing:border-box}html,body{height:100%;margin:0;background:radial-gradient(circle at 50% 30%,#241a12,#120d09 75%);font-family:Nunito,"Baloo 2",Arial Rounded MT Bold,system-ui,sans-serif;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}body{display:flex;align-items:center;justify-content:center;overflow:hidden}#app-frame{position:relative;width:100vw;height:100dvh;overflow:hidden;background:#000}@media (min-width: 700px) and (min-height: 500px){#app-frame{height:min(94vh,1218px);width:auto;aspect-ratio:563 / 1218;border-radius:30px;border:3px solid #3a2a1a;box-shadow:0 0 0 6px #17110b,0 24px 60px #000000b3}}#game-root,#ui-root{position:absolute;inset:0}#game-root canvas{display:block}#ui-root{pointer-events:none;z-index:10;overflow:hidden}.hud-top{position:absolute;top:calc(8px + env(safe-area-inset-top));left:8px;right:8px;display:flex;flex-direction:column;gap:6px}.resource-bar{display:flex;gap:4px;justify-content:space-between;background:#1e140cb8;border:2px solid #5b3a1e;border-radius:12px;padding:4px 6px}.res-slot{position:relative;display:flex;align-items:center;gap:4px;flex:1;min-width:0;justify-content:center}.res-ico{width:14px;height:14px;border-radius:50%;border:2px solid #2a1c10;flex:none}.res-meat{background:#e2698a}.res-wood{background:#8a5a2b}.res-stone{background:#9aa2ad}.res-ruby{background:#d8394b}.res-diamond{background:#3fa9f5}.res-val{color:#f5efe2;font-size:13px;font-weight:800;text-shadow:0 1px 0 #2a1c10;overflow:hidden;text-overflow:ellipsis}.res-float{position:absolute;top:-4px;left:50%;transform:translate(-50%);color:#6fe06a;font-size:13px;font-weight:900;text-shadow:0 0 3px #143310,0 1px 0 #143310;animation:res-float-up .9s ease-out forwards;pointer-events:none;white-space:nowrap}@keyframes res-float-up{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-26px)}}.influence-chip{align-self:flex-start;display:flex;align-items:center;gap:6px;background:#1e140cb8;border:2px solid #5b3a1e;border-radius:999px;padding:3px 12px 3px 6px}.chip-castle{width:16px;height:14px;background:#c9a26a;border:2px solid #2a1c10;clip-path:polygon(0 100%,0 35%,15% 35%,15% 10%,35% 10%,35% 35%,65% 35%,65% 10%,85% 10%,85% 35%,100% 35%,100% 100%)}.chip-val{color:#f8d878;font-size:14px;font-weight:900;text-shadow:0 1px 0 #2a1c10}.quest-card{position:absolute;top:calc(78px + env(safe-area-inset-top));right:8px;width:178px;display:flex;align-items:center;gap:8px;padding:8px;background:#1e140cd9;border:2px solid #5b3a1e;border-radius:12px;pointer-events:auto;cursor:pointer;transition:box-shadow .25s}.quest-card.claimable{background:linear-gradient(160deg,#6e4a14,#4a3208);border-color:#f2b53c;animation:card-glow 1.1s ease-in-out infinite}@keyframes card-glow{0%,to{box-shadow:0 0 6px 1px #f2b53c80}50%{box-shadow:0 0 16px 5px #f2b53cd9}}.qc-icon{width:34px;height:34px;flex:none;border-radius:8px;border:2px solid #2a1c10;background:#7a5230;position:relative}.qc-icon:after{content:"";position:absolute;inset:7px;border-radius:50%;border:2px solid #2a1c10}.icon-skeleton:after{background:#d9d4c5}.icon-raider:after{background:#8a7f9d}.icon-meat:after{background:#e2698a}.icon-log:after{background:#8a5a2b;border-radius:4px}.icon-archer:after,.icon-villager:after{background:#58a44c}.icon-ranch:after,.icon-castle:after{background:#c9a26a;border-radius:4px}.icon-quest:after,.icon-done:after{background:#f2b53c}.qc-body{min-width:0}.qc-title{color:#f5efe2;font-size:13px;font-weight:800;line-height:1.15;text-shadow:0 1px 0 #2a1c10}.qc-progress{color:#d9c9a8;font-size:12px;font-weight:700;margin-top:2px}.quest-card.claimable .qc-progress{color:#ffe9a8}.gauntlet{position:absolute;width:30px;height:30px;pointer-events:none;z-index:40;filter:drop-shadow(0 2px 2px rgba(0,0,0,.6));animation:gauntlet-bounce .7s ease-in-out infinite}.gauntlet:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,#eef1f5,#9aa4b2 55%,#6c7683);clip-path:polygon(50% 100%,12% 30%,32% 30%,32% 0,68% 0,68% 30%,88% 30%);border-radius:4px}.card-gauntlet{right:-10px;bottom:-16px}.world-gauntlet{transform:translate(-50%,-100%)}@keyframes gauntlet-bounce{0%,to{margin-top:0}50%{margin-top:8px}}.hidden{display:none!important}.chat-ticker{position:absolute;left:8px;bottom:calc(10px + env(safe-area-inset-bottom));width:66%;max-width:340px}.chat-line{font-size:12px;font-weight:700;color:#f0e8d8;text-shadow:0 0 3px #17110b,0 1px 1px #17110b;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-name{margin-right:4px}.chat-emote{display:inline-block;font-style:normal;font-size:10px;font-weight:800;color:#ffd97a;background:#3c2814d9;border-radius:6px;padding:0 4px;margin:0 2px}.joy-base{position:absolute;width:108px;height:108px;border-radius:50%;border:3px solid rgba(255,255,255,.45);background:#ffffff1f;transform:translate(-50%,-50%);pointer-events:none;z-index:30;opacity:.85;transition:opacity .2s}.joy-base.joy-fading{opacity:0}.joy-knob{position:absolute;left:50%;top:50%;width:44px;height:44px;border-radius:50%;background:#ffffff8c;border:2px solid rgba(255,255,255,.7);transform:translate(-50%,-50%)}.dialog-overlay{position:absolute;inset:0;pointer-events:auto;z-index:60;background:#00000040}.letterbox{position:absolute;left:0;right:0;height:11%;background:#000}.letterbox-top{top:0}.letterbox-bottom{bottom:0}.dialog-panel{position:absolute;left:4%;right:4%;bottom:13%;display:flex;align-items:flex-end;gap:10px}.dialog-portrait{flex:none;width:96px;height:118px;position:relative}.dialog-portrait:before{content:"";position:absolute;left:50%;bottom:0;width:64px;height:74px;transform:translate(-50%);border-radius:32px;border:3px solid #3a2417;background:#e58a2f}.dialog-portrait:after{content:"";position:absolute;left:50%;top:0;width:52px;height:52px;transform:translate(-50%);border-radius:50%;border:3px solid #3a2417;background:#f3c99a}.portrait-villager:before{background:#4a7fb5}.dialog-right{flex:1;min-width:0;padding-bottom:8px}.dialog-name{display:inline-block;background:#e58a2f;border:2px solid #3a2417;border-radius:999px;color:#fff;font-size:13px;font-weight:900;padding:2px 14px;margin:0 0 -8px 14px;position:relative;z-index:2;text-shadow:0 1px 0 #6e4210}.dialog-speech{background:#f3e2c0;border:3px solid #5b3a1e;border-radius:16px;padding:14px 14px 8px;min-height:74px}.dialog-text{color:#4a331f;font-size:14px;font-weight:700;line-height:1.35}.dialog-advance{text-align:right;color:#8a6238;font-weight:900;letter-spacing:2px;animation:adv-pulse 1s ease-in-out infinite}@keyframes adv-pulse{0%,to{opacity:.4}50%{opacity:1}}.toast-stack{position:absolute;left:50%;bottom:20%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;z-index:50;width:max-content;max-width:90%}.toast{background:#f3e2c0;border:2px solid #5b3a1e;border-radius:10px;color:#4a331f;font-size:13px;font-weight:800;padding:6px 14px;animation:toast-in-out 2.4s ease forwards;text-align:center}@keyframes toast-in-out{0%{opacity:0;transform:translateY(8px)}10%,85%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}.influence-toast{position:absolute;left:50%;top:30%;transform:translate(-50%);text-align:center;z-index:55;pointer-events:none;animation:toast-in-out 2.2s ease forwards}.influence-toast:before{content:"Influence";display:block;font-size:20px;font-weight:900;font-style:italic;color:#f8d878;text-shadow:0 2px 0 #5b3a1e,0 0 12px rgba(242,181,60,.8)}.inf-num{font-size:26px;font-weight:900;color:#fff;text-shadow:0 2px 0 #5b3a1e}.inf-delta{font-size:16px;font-weight:900;color:#6fe06a;text-shadow:0 1px 0 #143310}.hero-banner{position:absolute;left:0;right:0;top:34%;padding:14px 0;text-align:center;background:linear-gradient(90deg,transparent,rgba(30,20,12,.9) 18%,rgba(30,20,12,.9) 82%,transparent);border-top:2px solid #f2b53c;border-bottom:2px solid #f2b53c;z-index:55;pointer-events:none;animation:toast-in-out 2.4s ease forwards}.hero-banner-title{font-size:20px;font-weight:900;color:#f8d878;text-shadow:0 2px 0 #5b3a1e}.hero-banner-name{font-size:15px;font-weight:800;color:#f5efe2;margin-top:2px}.modal-scrim{position:absolute;inset:0;background:#0a060399;display:flex;align-items:center;justify-content:center;z-index:70;pointer-events:auto}.modal-card{width:78%;max-width:320px;background:#f3e2c0;border:4px solid #5b3a1e;border-radius:18px;padding:18px 16px 16px;text-align:center}.modal-title{font-size:18px;font-weight:900;color:#4a331f}.modal-sub{font-size:12px;font-weight:700;color:#8a6238;margin-top:4px}.modal-rows{margin:12px 0;display:flex;flex-direction:column;gap:6px}.modal-row{display:flex;align-items:center;gap:8px;background:#5b3a1e1f;border-bottom:2px dashed #d3ab6b;border-radius:8px;padding:6px 10px}.modal-row-label{flex:1;text-align:left;font-size:13px;font-weight:800;color:#4a331f}.modal-row-val{font-size:14px;font-weight:900;color:#2c7a2a}.btn-gold{appearance:none;border:2px solid #8a5a10;border-radius:999px;background:linear-gradient(180deg,#ffd97a,#f2a53c 60%,#e08a20);color:#5b3a0e;font-family:inherit;font-size:16px;font-weight:900;padding:8px 34px;cursor:pointer;box-shadow:inset 0 2px #fff9,0 3px #8a5a10}.btn-gold:active{transform:translateY(2px);box-shadow:inset 0 2px #fff9}.btn-gold:disabled{filter:grayscale(.85) brightness(.8);cursor:not-allowed;transform:none}.build-scrim{background:#0a060373}.build-card{position:relative;width:72%;max-width:280px;background:#f3e2c0;border:4px solid #5b3a1e;border-radius:16px;padding:16px 14px 14px;text-align:center}.build-close{position:absolute;top:-12px;right:-12px;width:32px;height:32px;border-radius:10px;border:2px solid #7a1f18;background:linear-gradient(180deg,#e0554a,#b5271e);color:#fff;font-size:15px;font-weight:900;font-family:inherit;cursor:pointer;transform:rotate(8deg);box-shadow:0 2px #7a1f18}.build-title{font-size:17px;font-weight:900;color:#4a331f}.build-sub{font-size:12px;font-weight:700;color:#8a6238;margin-top:2px}.build-rows{margin:10px 0;display:flex;flex-direction:column;gap:6px}.cost-short{color:#b5271e}.build-btn{margin-top:2px}.build-reason{margin-top:6px;font-size:12px;font-weight:800;color:#b5271e}.celebration{position:absolute;inset:0;z-index:80;pointer-events:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#140c048c;animation:celebration-in .5s ease-out}@keyframes celebration-in{0%{opacity:0}to{opacity:1}}.celebration-burst{position:absolute;width:150vmin;height:150vmin;border-radius:50%;background:repeating-conic-gradient(#ffd97a59 0deg 9deg,#ffd97a00 9deg 18deg),radial-gradient(circle,rgba(255,217,122,.9),rgba(242,165,60,.4) 35%,transparent 65%);animation:burst-spin 9s linear infinite,burst-pop .7s ease-out;pointer-events:none}@keyframes burst-spin{to{transform:rotate(360deg)}}@keyframes burst-pop{0%{scale:.2;opacity:0}to{scale:1;opacity:1}}.celebration-title{position:relative;font-size:34px;font-weight:900;color:#ffd97a;text-shadow:0 3px 0 #5b3a1e,0 0 18px rgba(242,181,60,.9);animation:burst-pop .6s ease-out}.celebration-sub{position:relative;margin-top:8px;font-size:14px;font-weight:800;color:#f5efe2;text-shadow:0 1px 0 #2a1c10}.settings-gear{position:absolute;top:calc(56px + env(safe-area-inset-top));left:8px;width:34px;height:34px;border-radius:50%;border:2px solid #5b3a1e;background:linear-gradient(180deg,#7a5a38,#4a331f);color:#f0e0c0;font-size:17px;line-height:1;cursor:pointer;box-shadow:0 2px #2a1c10;pointer-events:auto}.settings-gear:active{transform:translateY(1px);box-shadow:none}.settings-card .btn-danger{appearance:none;border:2px solid #7a1f18;border-radius:999px;background:linear-gradient(180deg,#f07a5a,#d4432f 60%,#b02a1c);color:#fff1e8;font-family:inherit;font-size:15px;font-weight:900;padding:8px 26px;cursor:pointer;box-shadow:inset 0 2px #ffffff59,0 3px #7a1f18;margin-bottom:10px}.settings-card .btn-danger:active{transform:translateY(2px);box-shadow:inset 0 2px #ffffff59}.stage-card{position:relative;width:80%;max-width:320px;background:#f3e2c0;border:4px solid #5b3a1e;border-radius:16px;padding:26px 14px 16px;text-align:center}.stage-ribbon{position:absolute;top:-16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;white-space:nowrap;background:linear-gradient(180deg,#e0554a,#b5271e);border:2px solid #7a1f18;border-radius:10px;padding:5px 16px;box-shadow:0 2px #7a1f18}.stage-ribbon-name{color:#fff;font-size:15px;font-weight:900;text-shadow:0 1px 0 #7a1f18}.stage-ribbon-id{color:#ffd97a;font-size:12px;font-weight:900;background:#7a1f18b3;border-radius:999px;padding:1px 8px}.stage-lineup{display:flex;justify-content:center;gap:6px;margin:10px 0 8px;flex-wrap:wrap}.stage-chip{width:48px;border:2px solid #5b3a1e;border-radius:10px;background:#e8d3a8;padding:3px 2px 2px}.stage-chip-img{width:30px;height:40px;object-fit:contain;image-rendering:auto;display:block;margin:0 auto}.stage-chip-fallback{width:26px;height:34px;margin:3px auto;border-radius:12px;border:2px solid #3a2417;background:#d9d4c5}.stage-chip-lv{font-size:10px;font-weight:900;color:#f5efe2;background:#7a5230;border-radius:6px;margin-top:2px}.stage-power-banner{background:linear-gradient(180deg,#d4432f,#a12318);border:2px solid #7a1f18;border-radius:10px;color:#fff;font-size:15px;font-weight:900;text-shadow:0 1px 0 #7a1f18;padding:6px 0;margin:4px 0 10px}.stage-section-label{font-size:11px;font-weight:900;letter-spacing:.6px;text-transform:uppercase;color:#8a6238}.stage-loot-row{display:flex;justify-content:center;gap:8px;margin:6px 0}.stage-loot-tile{display:flex;align-items:center;gap:5px;background:#5b3a1e1f;border:2px solid #d3ab6b;border-radius:8px;padding:4px 9px;font-size:13px;font-weight:900;color:#4a331f}.stage-rate-row{display:flex;justify-content:center;gap:6px;margin-bottom:10px;flex-wrap:wrap}.stage-rate-pill{background:linear-gradient(180deg,#6fcf6a,#3f9a3c);border:2px solid #2c7a2a;border-radius:999px;color:#fff;font-size:12px;font-weight:900;text-shadow:0 1px 0 #205a1e;padding:3px 10px}.stage-my-power{display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:10px}.stage-my-power-text{color:#2456a8;font-size:14px;font-weight:900}.btn-blue{appearance:none;border:2px solid #163a78;border-radius:999px;background:linear-gradient(180deg,#6aa8f0,#2f6ac4 60%,#2456a8);color:#f0f6ff;font-family:inherit;font-size:17px;font-weight:900;text-shadow:0 1px 0 #163a78;padding:9px 40px;cursor:pointer;box-shadow:inset 0 2px #ffffff73,0 3px #163a78}.btn-blue:active{transform:translateY(2px);box-shadow:inset 0 2px #ffffff73}#ui-root.battle-mode>:not(.battle-layer){display:none!important}.battle-layer{position:absolute;inset:0;pointer-events:none;z-index:90}.vs-splash{position:absolute;inset:0;pointer-events:auto;animation:celebration-in .25s ease-out}.vs-half{position:absolute;left:0;right:0;height:52%;display:flex;align-items:center;justify-content:center;gap:16px}.vs-att{top:0;background:linear-gradient(180deg,#7a1f18,#c23a2c);clip-path:polygon(0 0,100% 0,100% 88%,92% 94%,84% 89%,76% 95%,68% 90%,60% 96%,52% 90%,44% 95%,36% 89%,28% 95%,20% 90%,12% 95%,4% 90%,0 94%)}.vs-def{bottom:0;background:linear-gradient(0deg,#163a78,#2f6ac4);clip-path:polygon(0 100%,100% 100%,100% 12%,92% 6%,84% 11%,76% 5%,68% 10%,60% 4%,52% 10%,44% 5%,36% 11%,28% 5%,20% 10%,12% 5%,4% 10%,0 6%)}.vs-seam{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;font-size:52px;filter:drop-shadow(0 3px 3px rgba(0,0,0,.6));animation:burst-pop .4s ease-out}.vs-portrait{width:84px;height:104px;border-radius:14px;border:3px solid rgba(255,255,255,.75);background:#00000040;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.vs-portrait-img{width:64px;height:90px;object-fit:contain}.vs-meta{text-align:left}.vs-name{color:#fff;font-size:19px;font-weight:900;text-shadow:0 2px 0 rgba(0,0,0,.45)}.vs-power{display:flex;align-items:center;gap:6px;margin-top:4px}.vs-power-num{color:#ffd97a;font-size:22px;font-weight:900;text-shadow:0 2px 0 rgba(0,0,0,.45)}.battle-outcome{position:absolute;inset:0;pointer-events:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#140c048c;animation:celebration-in .35s ease-out;overflow:hidden}.outcome-ribbon{position:relative;font-size:40px;font-weight:900;padding:10px 42px;border-radius:14px;animation:burst-pop .45s ease-out}.ribbon-win{color:#ffd97a;background:linear-gradient(180deg,#e0554a,#a12318);border:3px solid #7a1f18;box-shadow:0 4px #7a1f18;text-shadow:0 3px 0 #7a1f18,0 0 18px rgba(255,217,122,.8)}.ribbon-lose{color:#d8d8d8;background:linear-gradient(180deg,#6e6e76,#45454c);border:3px solid #2c2c31;box-shadow:0 4px #2c2c31;text-shadow:0 3px 0 #2c2c31}.outcome-sub{color:#e8dcc4;font-size:14px;font-weight:800;text-shadow:0 1px 0 #2a1c10}.outcome-loot{display:flex;gap:10px}.outcome-loot-tile{display:flex;align-items:center;gap:6px;background:#f3e2c0;border:3px solid #2f6ac4;border-radius:10px;padding:8px 12px;font-size:16px;font-weight:900;color:#2c7a2a;opacity:0;animation:loot-fly-in .5s cubic-bezier(.2,1.4,.4,1) forwards}@keyframes loot-fly-in{0%{opacity:0;transform:translateY(60px) scale(.4)}to{opacity:1;transform:translateY(0) scale(1)}}.outcome-tap{color:#f5efe2;font-size:13px;font-weight:800;letter-spacing:.5px;text-shadow:0 1px 0 #2a1c10;animation:adv-pulse 1.2s ease-in-out infinite}.confetti{position:absolute;top:-14px;width:8px;height:14px;border-radius:2px;animation:confetti-fall linear forwards}@keyframes confetti-fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(110vh) rotate(540deg);opacity:.7}}.chat-tag{display:inline-block;font-size:10px;font-weight:900;letter-spacing:.4px;color:#e8d8b8;background:#2a1c10c7;border:1px solid rgba(240,224,192,.35);border-radius:999px;padding:2px 8px;margin-bottom:3px;text-transform:uppercase}.dialog-portrait.has-art{background-size:contain;background-position:center bottom;background-repeat:no-repeat;background-color:transparent}.dialog-portrait.has-art:before,.dialog-portrait.has-art:after{content:none}.hero-banner-art{width:96px;height:96px;margin:6px auto 0;background-size:contain;background-position:center;background-repeat:no-repeat;filter:drop-shadow(0 3px 4px rgba(23,17,11,.5))}.title-screen{position:absolute;inset:0;z-index:5000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px 18px calc(18px + env(safe-area-inset-bottom));background:radial-gradient(ellipse 90% 55% at 50% 30%,#4a3520 0%,transparent 70%),linear-gradient(180deg,#241a12,#17110b 60%,#100b07);overflow:hidden;transition:opacity .6s ease}.title-screen.title-leaving{opacity:0;pointer-events:none}.title-glow{position:absolute;top:12%;left:50%;width:320px;height:320px;transform:translate(-50%);background:radial-gradient(circle,rgba(242,181,60,.22) 0%,transparent 65%);pointer-events:none}.title-cast{display:flex;align-items:flex-end;justify-content:center;height:208px}.title-duck{background-size:contain;background-position:center bottom;background-repeat:no-repeat;filter:drop-shadow(0 6px 10px rgba(0,0,0,.55))}.duck-main{width:196px;height:198px;margin:0 -10px;z-index:1;animation:duck-bob 2.6s ease-in-out infinite}.duck-side{width:92px;height:102px;opacity:.92}.duck-left{transform:rotate(-4deg)}.duck-right{transform:rotate(4deg)}@keyframes duck-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.title-wordmark{margin:2px 0 0;font-family:system-ui,-apple-system,sans-serif;font-size:44px;font-weight:900;letter-spacing:3px;color:#ffd97a;text-shadow:0 2px 0 #8a5a10,0 4px 0 #5b3a0e,0 7px 14px rgba(0,0,0,.6)}.title-tagline{font-size:14px;font-weight:700;color:#d8c8a8;opacity:.85;margin-bottom:8px}.title-slots{display:flex;flex-direction:column;gap:9px;width:min(320px,86%)}.slot-card{appearance:none;text-align:left;border:2px solid #5b3a1e;border-radius:14px;background:linear-gradient(180deg,#f7ecd2,#ecd9b4);padding:10px 14px;cursor:pointer;box-shadow:0 3px #3a2417;font-family:inherit}.slot-card:active{transform:translateY(2px);box-shadow:none}.slot-name{font-size:11px;font-weight:900;letter-spacing:1px;text-transform:uppercase;color:#8a6a42}.slot-line{font-size:16px;font-weight:900;color:#4a331f;margin-top:1px}.slot-line.slot-new{color:#2e7d32}.slot-sub{font-size:12px;font-weight:700;color:#8a6a42;margin-top:1px}.title-version{position:absolute;bottom:calc(8px + env(safe-area-inset-bottom));font-size:11px;font-weight:700;color:#9a8768;opacity:.75}.settings-meta{font-family:ui-monospace,monospace;font-size:12px}.cloud-section{width:100%;border-top:2px solid #d9c294;margin-top:10px;padding-top:8px;text-align:left}.cloud-title{font-size:12px;font-weight:900;letter-spacing:1px;text-transform:uppercase;color:#8a6a42;margin-bottom:6px}.cloud-body{display:flex;flex-direction:column;gap:7px}.cloud-hint{font-size:12px;font-weight:700;color:#8a6a42;line-height:1.35}.cloud-sent{color:#4a331f}.cloud-error{font-size:12px;font-weight:800;color:#a33a2a;min-height:0}.cloud-error:empty{display:none}.cloud-input{appearance:none;font-family:inherit;font-size:15px;font-weight:700;color:#4a331f;background:#fff7e6;border:2px solid #b99668;border-radius:10px;padding:8px 10px;width:100%;box-sizing:border-box}.cloud-input:focus{outline:none;border-color:#8a6a42}.cloud-code{letter-spacing:8px;text-align:center;font-size:20px;font-weight:900}.cloud-btn{width:100%}.cloud-link{appearance:none;background:none;border:none;padding:2px 0;font-family:inherit;font-size:12px;font-weight:800;color:#7a5a32;text-decoration:underline;cursor:pointer;align-self:flex-start}.cloud-link:disabled{opacity:.5}.cloud-status{font-size:13px;font-weight:900;color:#2e6b34}.cloud-rows{display:flex;flex-direction:column;gap:8px}.cloud-slot-row{border:2px solid #d9c294;border-radius:10px;background:#fbf3dd;padding:7px 9px}.cloud-slot-head{display:flex;align-items:center;justify-content:space-between}.cloud-slot-name{font-size:12px;font-weight:900;letter-spacing:1px;text-transform:uppercase;color:#8a6a42}.cloud-sync-badge{font-size:11px;font-weight:900;color:#2e6b34}.cloud-slot-cols{display:flex;gap:10px;margin:4px 0 6px}.cloud-col{flex:1 1 0;min-width:0;display:flex;flex-direction:column}.cloud-col-label{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.5px;color:#b09468}.cloud-col-val{font-size:12px;font-weight:800;color:#4a331f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cloud-slot-btns{display:flex;gap:8px}.cloud-mini-btn{appearance:none;flex:1 1 0;font-family:inherit;font-size:12px;font-weight:900;color:#4a331f;background:linear-gradient(180deg,#f3dfae,#e2c581);border:2px solid #a97e3f;border-radius:9px;padding:6px 4px;cursor:pointer;box-shadow:0 2px #7a5a24}.cloud-mini-btn:active{transform:translateY(2px);box-shadow:none}.cloud-mini-btn:disabled{opacity:.45;cursor:default;box-shadow:none;transform:none}