*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none;font-family:Nunito,PingFang SC,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body,html{width:100%;height:100%;overflow:hidden;background-color:#7dd9a3;color:#1e293b}#game-canvas{position:absolute;top:0;left:0;width:100vw;height:100vh;display:block}#game-hud{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.hud-top-left{position:absolute;top:16px;left:16px;display:flex;flex-direction:column;gap:6px;pointer-events:auto}.hud-bar-wrapper{display:flex;align-items:center}.bar-track{width:220px;height:18px;background:#0f172ad9;border:3px solid #1e293b;border-radius:10px;position:relative;overflow:hidden;box-shadow:0 3px #1e293b}.bar-fill{height:100%;border-radius:6px;transition:width .15s ease-out}.hp-fill{background:linear-gradient(90deg,#22c55e,#4ade80)}.hunger-fill{background:linear-gradient(90deg,#f59e0b,#fde047)}.bar-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:11px;font-weight:900;color:#fff;text-shadow:0 1px 3px #0f172a,0 0 4px #0f172a;white-space:nowrap}.standard-line-marker{position:absolute;top:0;bottom:0;width:2.5px;background:#ffffffb3;z-index:5}.debug-hud-stats{font-size:11px;font-weight:800;color:#fff;background:#0f172abf;border:2px solid #1e293b;border-radius:8px;padding:2px 8px;width:fit-content;box-shadow:0 2px #1e293b}.hud-top-right{position:absolute;top:16px;right:16px;display:flex;gap:6px;pointer-events:auto}.hud-shortcuts-bar{display:flex;align-items:center;gap:6px}.hud-key-pill{min-width:32px;height:32px;padding:0 8px;background:#ffffffd9;border:2.5px solid #1e293b;border-radius:8px;font-size:12px;font-weight:900;color:#1e293b;box-shadow:0 2px #1e293b;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;transition:transform .1s ease,background .1s ease}.hud-key-pill:hover{background:#fef08a;transform:translateY(-2px)}.hud-key-pill:active{transform:translateY(1px);box-shadow:0 1px #1e293b}.hud-bottom-hotbar{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:auto}.active-handheld-banner{background:#0f172ad9;color:#f8fafc;border:2.5px solid #1e293b;padding:4px 14px;border-radius:12px;font-size:12px;font-weight:700;box-shadow:0 2px #1e293b}.active-handheld-banner strong{color:#fde047}.build-tag{color:#86efac;font-weight:800}.water-tag{color:#38bdf8;font-weight:800}.hotbar-slots-row{display:flex;gap:8px;background:#0f172ab8;padding:8px 12px;border-radius:16px;border:3px solid #64748b;box-shadow:0 4px #64748b}.hud-hotbar-slot{width:52px;height:52px;border:3px solid #64748b;border-radius:12px;position:relative;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2.5px #0003;transition:transform .12s ease,box-shadow .12s ease}.hud-hotbar-slot:hover{transform:translateY(-3px)}.hud-hotbar-slot.active-slot,.hud-hotbar-slot.main-hand-slot{transform:translateY(-7px) scale(1.08);outline:3.5px solid #fde047;box-shadow:0 5px #00000040;z-index:5}.hud-hotbar-slot.offhand-slot{transform:translateY(-5px) scale(1.05);outline:3.5px solid #38bdf8;box-shadow:0 4px #00000040;z-index:4}.hud-hotbar-slot.main-hand-slot.offhand-slot{outline:3.5px solid #eab308;box-shadow:0 0 0 3.5px #38bdf8,0 5px #00000040;z-index:6}.hand-badge{position:absolute;top:-7px;right:-5px;font-size:9px;font-weight:900;padding:1px 4px;border-radius:6px;border:2px solid #1e293b;box-shadow:0 2px #1e293b;z-index:8;line-height:1.1;letter-spacing:-.5px}.main-hand-badge{background:#fde047;color:#0f172a}.offhand-badge{background:#38bdf8;color:#0c4a6e}.offhand-badge.offhand-stacked{top:12px}.slot-stack-badge{position:absolute;bottom:2px;right:4px;font-size:11px;font-weight:900;color:#fff;background:transparent;border:none;text-shadow:0 1px 2px #1e293b,0 0 3px #1e293b,0 0 4px #1e293b;z-index:5;pointer-events:none}.slot-key{position:absolute;top:2px;left:5px;font-size:10px;font-weight:900;color:#fff;text-shadow:0 1px 2px #1e293b,0 0 3px #1e293b;z-index:2}.slot-petal-visual{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.slot-tier-tag{position:absolute;bottom:1px;right:3px;font-size:9px;font-weight:900;color:#fff;text-shadow:0 1px 2px #1e293b,0 0 3px #1e293b}.hotbar-hint{font-size:11px;font-weight:800;color:#fff;background:#0f172ab8;padding:3px 12px;border-radius:10px;border:2px solid #1e293b}.hud-chat-box{position:absolute;left:20px;bottom:20px;width:320px;max-width:calc(50vw - 340px);min-width:260px;background:#0f172a73;border:2.5px solid rgba(15,23,42,.7);border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #00000040;display:flex;flex-direction:column;pointer-events:auto;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease;z-index:10}.hud-chat-box:hover,.hud-chat-box.chat-focused{background:#0f172ae0;border-color:#38bdf8;box-shadow:0 6px 18px #00000073,0 0 0 2px #38bdf840}.hud-chat-messages{max-height:150px;min-height:48px;overflow-y:auto;padding:8px 10px;display:flex;flex-direction:column;gap:4px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.hud-chat-messages::-webkit-scrollbar{width:4px}.hud-chat-messages::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:4px}.hud-chat-msg{font-size:11.5px;font-weight:600;line-height:1.35;word-break:break-all;text-shadow:0 1px 2px #0f172a}.hud-chat-msg.chat-msg-input{color:#38bdf8}.hud-chat-msg.chat-msg-output{color:#4ade80}.hud-chat-msg.chat-msg-system{color:#fde047}.hud-chat-msg.chat-msg-error{color:#f87171}.hud-chat-input-bar{display:flex;border-top:1.5px solid rgba(255,255,255,.12);background:#0f172aa6;padding:4px 8px}.hud-chat-input{flex:1;background:transparent;border:none;outline:none;color:#fff;font-size:12px;font-weight:600;font-family:inherit;padding:3px 2px}.hud-chat-input::placeholder{color:#ffffff73;font-size:11px}.hud-chat-box.chat-hidden{display:none!important}.workshop-hotbar-slot .slot-stack-badge{position:absolute;bottom:2px;right:4px}.modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f172a8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100}.modal-backdrop.hidden{display:none!important}.modal-window{background:#f8fafc;color:#1e293b;border:3.5px solid #64748b;border-radius:20px;box-shadow:0 8px #64748b,0 16px 36px #00000047;display:flex;flex-direction:column;overflow:hidden;position:relative}.workshop-window{width:1040px;max-width:96vw;height:690px;max-height:93vh}.blueprints-window{width:1100px;max-width:96vw;height:750px;max-height:92vh;background:#1e293b;color:#f8fafc}.workshop-top-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 16px;background:#86efac;border-bottom:3px solid #64748b;position:relative;box-sizing:border-box}.workshop-top-nav-tabs{display:flex;align-items:center;gap:8px}.topbar-main-btn{background:#fff;border:2.5px solid #64748b;border-radius:12px;padding:6px 16px;color:#1e293b;font-size:14px;font-weight:800;cursor:pointer;box-shadow:0 2.5px #64748b;transition:transform .1s ease,background .12s;-webkit-user-select:none;user-select:none}.topbar-main-btn:hover{background:#fef08a;transform:translateY(-1px);box-shadow:0 3.5px #64748b}.topbar-main-btn.active{background:#fde047;border-color:#b45309;color:#78350f;box-shadow:0 2px #b45309;transform:translateY(1px)}.workshop-top-right{display:flex;align-items:center;gap:12px}.search-box-wrapper{flex:1;min-width:120px;display:flex;align-items:center;background:#fff;border:2px solid #64748b;border-radius:12px;padding:6px 12px;gap:8px}.search-box-wrapper input{flex:1;width:100%;background:transparent;border:none;outline:none;color:#1e293b;font-weight:700;font-size:13px}.topbar-btn{background:#fff;border:2.5px solid #64748b;border-radius:12px;padding:6px 12px;color:#1e293b;font-size:13px;font-weight:800;cursor:pointer;box-shadow:0 2px #64748b;display:flex;align-items:center;gap:4px;white-space:nowrap;transition:transform .1s ease,background .12s;-webkit-user-select:none;user-select:none}.topbar-btn:hover{background:#fef08a;transform:translateY(-1px);box-shadow:0 3px #64748b}.topbar-btn.active{background:#fde047;transform:translateY(1px);box-shadow:0 1px #b45309;border-color:#b45309;color:#78350f}.topbar-dropdown-container{position:relative;display:inline-block}.topbar-dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;background:#fff;border:3.5px solid #1e293b;border-radius:12px;box-shadow:0 6px #1e293b;z-index:1000;min-width:155px;padding:6px;display:flex;flex-direction:column;gap:4px}.topbar-dropdown-menu.hidden{display:none!important}.topbar-dropdown-menu .dropdown-item{background:#f8fafc;border:2px solid #cbd5e1;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:800;color:#1e293b;cursor:pointer;text-align:left;display:flex;align-items:center;gap:6px;transition:background .1s,border-color .1s}.topbar-dropdown-menu .dropdown-item:hover{background:#e2e8f0;border-color:#1e293b}.topbar-dropdown-menu .dropdown-item.selected{background:#fde047;border-color:#1e293b}.dropdown-tier-dot{width:10px;height:10px;border-radius:50%;border:1.5px solid #1e293b;display:inline-block}.workshop-xp-badge{display:flex;align-items:center;gap:6px;background:#fde047;border:2.5px solid #b45309;padding:6px 12px;border-radius:12px;font-size:13px;font-weight:800;color:#78350f;box-shadow:0 2px #b45309;white-space:nowrap}.lifetime-sub{font-size:11px;opacity:.8}.btn-close-modal,.btn-close-workshop{background:#ef4444;border:2.5px solid #b91c1c;color:#fff;font-size:16px;font-weight:900;cursor:pointer;width:34px;height:34px;min-width:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px #991b1b}.btn-close-modal:hover,.btn-close-workshop:hover{transform:scale(1.06)}.potential-main-view{flex:1;display:flex;align-items:center;justify-content:center;padding:24px;background:#f8fafc;overflow-y:auto}.potential-full-card{width:640px;max-width:95%;background:#fff;border:3px solid #64748b;border-radius:16px;padding:22px;box-shadow:0 5px #64748b;display:flex;flex-direction:column;gap:16px}.warehouse-rows-container{flex:1;overflow-y:auto;overflow-x:auto;display:flex;flex-direction:column;gap:10px;padding:8px 6px}.warehouse-kind-row{display:flex;align-items:center;gap:10px;background:#f8fafc;border:2.5px solid #cbd5e1;border-radius:14px;padding:6px 10px;box-shadow:0 2px #e2e8f0}.kind-label-badge{width:70px;min-width:70px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;border:2.5px solid #1e293b;border-radius:10px;padding:4px 6px;box-shadow:0 2px #1e293b}.kind-name{font-size:13px;font-weight:900;color:#1e293b}.kind-category{font-size:10px;font-weight:800;color:#64748b}.kind-slots-row{display:flex;gap:6px;align-items:center;flex:1}.warehouse-slot-empty{width:52px;min-width:52px;height:52px;min-height:52px;box-sizing:border-box;background:#e2e8f073;border:2.5px dashed #cbd5e1;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s}.warehouse-slot-empty:hover{background:#fef08a59;border-color:#94a3b8}.workshop-main-body{flex:1;display:flex;overflow:hidden;background:#f8fafc}.action-panel{width:370px;border-right:3px solid #cbd5e1;background:#f1f5f9;padding:14px;display:flex;flex-direction:column;overflow-y:auto}.warehouse-panel{flex:1;padding:14px;display:flex;flex-direction:column;background:#fff;overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.workshop-side-header,.warehouse-side-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:8px;border-bottom:2px solid #e2e8f0;margin-bottom:12px}.panel-header-title{font-size:14px;font-weight:900;color:#334155;white-space:nowrap}.sub-mode-btn-group{display:flex;align-items:center;gap:4px;background:#e2e8f0;padding:3px;border-radius:10px;border:1.5px solid #cbd5e1}.sub-pill-btn{background:#fff;border:1.5px solid #cbd5e1;border-radius:7px;padding:4px 10px;font-size:12px;font-weight:800;color:#475569;cursor:pointer;box-shadow:0 1.5px #cbd5e1;transition:all .1s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.sub-pill-btn:hover{background:#fef08a;color:#1e293b;border-color:#94a3b8}.sub-pill-btn.active{background:#38bdf8;border-color:#0284c7;color:#fff;box-shadow:0 1px #0284c7;transform:translateY(1px)}.warehouse-search-wrapper{flex:1;max-width:170px;display:flex;align-items:center;background:#fff;border:1.5px solid #cbd5e1;border-radius:8px;padding:3px 8px}.warehouse-search-wrapper input{width:100%;border:none;outline:none;background:transparent;font-size:12px;font-weight:700;color:#334155}.panel-header h3{font-size:15px;font-weight:900;color:#334155}.craft-container,.combine-container,.repair-container,.absorb-container,.split-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:12px 0}.combine-slots-row{display:flex;align-items:center;justify-content:center;gap:12px}.combine-arrow{font-size:20px;font-weight:900;color:#1e293b;-webkit-user-select:none;user-select:none}.action-slot{width:52px;height:52px;min-height:52px;background:#f1f5f9;border:3.5px dashed #1e293b;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;box-shadow:0 3px #1e293b;box-sizing:border-box;transition:transform .1s ease,background .15s;overflow:hidden}.action-slot:hover{background:#fef08a;transform:scale(1.05)}.action-slot.preview-slot{border-style:solid;border-color:#64748b;background:#e2e8f0;cursor:default}.action-slot.preview-slot:hover{background:#e2e8f0;transform:none}.action-slot .petal-chip{width:100%;height:100%;min-height:100%;border:none;box-shadow:none;border-radius:8px;transform:none!important}.action-info-line{font-size:13px;font-weight:900;color:#1e293b;background:#fff;padding:6px 14px;border-radius:10px;border:2.5px solid #1e293b;box-shadow:0 2px #1e293b;text-align:center;min-width:140px}.split-sub-sockets{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;max-width:240px}.sub-socket-pill{background:#fde047;border:2px solid #1e293b;color:#1e293b;padding:2px 8px;border-radius:8px;font-size:11px;font-weight:800}.btn-action-execute{width:auto;min-width:130px;background:#4ade80;border:3.5px solid #1e293b;color:#1e293b;padding:8px 24px;border-radius:12px;font-weight:900;font-size:14px;cursor:pointer;box-shadow:0 3px #1e293b;transition:transform .12s ease,background .15s}.btn-action-execute:hover{background:#22c55e;transform:translateY(-2px);box-shadow:0 5px #1e293b}.btn-action-execute:active{transform:translateY(2px);box-shadow:0 1px #1e293b}.potential-container{display:flex;flex-direction:column;gap:10px;flex:1}.potential-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.potential-card{background:#fff;border:3px solid #1e293b;border-radius:12px;padding:8px 10px;display:flex;flex-direction:column;gap:4px;box-shadow:0 3px #1e293b}.potential-card.core-stat{border-left:6px solid #ef4444}.potential-card.util-stat{border-left:6px solid #38bdf8}.pot-card-top{display:flex;justify-content:space-between;align-items:center}.pot-title{font-size:11px;font-weight:900;color:#1e293b}.pot-level{font-size:10px;font-weight:900;background:#fde047;border:2px solid #1e293b;padding:1px 5px;border-radius:6px}.pot-value-row{font-size:11px;font-weight:700;color:#334155;display:flex;justify-content:space-between}.pot-inc{color:#16a34a;font-weight:800}.pot-desc{font-size:10px;color:#64748b;line-height:1.25}.btn-upgrade-stat{margin-top:2px;padding:5px 8px;border-radius:8px;border:2.5px solid #1e293b;font-size:11px;font-weight:900;cursor:pointer}.btn-upgrade-stat.affordable{background:#86efac;color:#1e293b;box-shadow:0 2px #1e293b}.btn-upgrade-stat.affordable:hover{background:#fde047}.btn-upgrade-stat.disabled{background:#e2e8f0;color:#94a3b8;cursor:not-allowed}.respec-footer{margin-top:auto;background:#fff;border:3px solid #1e293b;border-radius:12px;padding:8px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px}.respec-info{font-size:11px;font-weight:700;color:#334155}.btn-respec{background:#fca5a5;border:2.5px solid #1e293b;color:#1e293b;font-weight:900;font-size:11px;padding:6px 10px;border-radius:10px;cursor:pointer;white-space:nowrap;box-shadow:0 2px #1e293b}.btn-respec:hover{background:#f87171;color:#fff}.warehouse-grid{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(52px,52px));gap:8px;padding:8px;align-content:flex-start}.empty-warehouse{grid-column:1 / -1;text-align:center;color:#64748b;font-weight:800;padding-top:60px;font-size:14px}.petal-chip{width:52px;min-height:52px;height:52px;border-radius:12px;border:3px solid #64748b;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;position:relative;box-shadow:0 2.5px #00000038;transition:transform .12s ease,box-shadow .12s ease;box-sizing:border-box}.petal-chip:hover{transform:translateY(-2px);box-shadow:0 4.5px #00000040;z-index:10}.petal-chip.craft-selected{outline:3.5px solid #fde047;outline-offset:1px}.petal-icon-svg{display:flex;align-items:center;justify-content:center;width:100%;height:100%;pointer-events:none}.petal-stack-count{position:absolute;bottom:2px;right:4px;background:transparent;color:#fff;border:none;font-size:11px;font-weight:900;line-height:1;pointer-events:none;text-shadow:0 1px 2px #334155,0 0 3px #334155;box-shadow:none;z-index:5}.petal-chip-durability-container{position:absolute;bottom:3.5px;left:4.5px;right:4.5px;height:4px;background:#0f172a73;border-radius:2px;overflow:hidden;pointer-events:none;box-shadow:0 .5px 1px #00000040;z-index:6}.petal-chip-durability-bar{height:100%;border-radius:2px;transition:width .15s ease}.hotbar-durability-container{position:absolute;bottom:3px;left:4px;right:4px;height:4px;background:#0f172a73;border-radius:2px;overflow:hidden;pointer-events:none;box-shadow:0 .5px 1px #00000040;z-index:6}.hotbar-durability-bar{height:100%;border-radius:2px;transition:width .15s ease}.warehouse-attack-grid{grid-template-columns:repeat(auto-fill,minmax(52px,52px))!important;gap:8px!important}.broken-weapon{opacity:.75;filter:grayscale(.5);border:3px dashed #ef4444!important}.workshop-hotbar-bar{display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 18px;background:#cbd5e1;border-top:3px solid #94a3b8;width:100%;box-sizing:border-box}.hotbar-label{display:none}.hotbar-slots-container{display:flex;justify-content:center;align-items:center;gap:8px}.workshop-hotbar-slot{width:48px;height:48px;background:#fff;border:2.5px solid #cbd5e1;border-radius:10px;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;box-shadow:0 2px #00000026}.workshop-hotbar-slot.selected{outline:3px solid #fde047}.hotbar-num{position:absolute;top:1px;left:4px;font-size:9px;color:#334155;font-weight:900}.empty-slot{color:#94a3b8;font-size:16px;font-weight:900}.floating-tooltip{position:fixed;z-index:999;pointer-events:none;min-width:220px;max-width:300px}.floating-tooltip.hidden{display:none!important}.petal-tooltip{background:#fff;border:3.5px solid #1e293b;border-radius:14px;overflow:hidden;box-shadow:0 6px #1e293b;color:#1e293b}.tooltip-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:3px solid #1e293b}.tooltip-title{font-weight:900;font-size:13px;color:#fff;text-shadow:0 1px 2px #1e293b,0 0 3px #1e293b}.tooltip-tier{font-size:10px;font-weight:900;color:#fff;text-shadow:0 1px 2px #1e293b}.tooltip-desc{padding:8px 12px;font-size:11px;font-weight:700;color:#475569;border-bottom:2px solid #e2e8f0}.tooltip-stats{padding:8px 12px;display:flex;flex-direction:column;gap:4px}.stat-row{display:flex;justify-content:space-between;font-size:11px}.stat-label{color:#64748b;font-weight:700}.stat-val{color:#1e293b;font-weight:900}.stat-row.bonus .stat-val{color:#16a34a}.stat-row.block .stat-val{color:#0284c7}.stat-row.components .stat-val{color:#9333ea}.tooltip-footer{display:flex;gap:6px;padding:6px 12px;background:#f1f5f9;border-top:2px solid #e2e8f0}.tooltip-footer .tag{font-size:9px;font-weight:800;padding:2px 6px;border-radius:6px;border:1.5px solid #1e293b}.tag.composite{background:#e9d5ff;color:#1e293b}.tag.basic{background:#bae6fd;color:#1e293b}.tag.reusable{background:#bbf7d0;color:#1e293b}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:3px solid #1e293b;background:#0f172a}.header-title{display:flex;align-items:center;gap:10px}.header-title h2{font-size:17px;font-weight:800;color:#f8fafc}.modal-nav{display:flex;gap:8px;padding:10px 20px;background:#1e293b}.tab-btn{background:#334155;border:2px solid #0f172a;color:#f8fafc;padding:6px 14px;border-radius:10px;font-size:12px;font-weight:800;cursor:pointer}.tab-btn.active{background:#fde047;color:#1e293b}.blueprints-grid{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:16px;padding:18px;background:#0f172a}.blueprint-card{background:#1e293b;border:3px solid #334155;border-radius:14px;overflow:hidden;display:flex;flex-direction:column}.card-header{padding:10px 14px;background:#0f172a}.card-section{font-size:10px;font-weight:800;color:#fde047}.card-title{font-size:13px;font-weight:800;color:#f8fafc}.blueprint-thumb-container{width:100%;height:190px;background:#fff;position:relative;overflow:hidden;cursor:pointer;display:flex;align-items:center;justify-content:center}.blueprint-thumb-container img{max-width:100%;max-height:100%;object-fit:contain}.card-desc{padding:10px 14px;font-size:12px;color:#cbd5e1}.modal-footer{padding:10px 20px;background:#0f172a;text-align:center;font-size:12px;color:#94a3b8}#game-over-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f172acc;display:flex;align-items:center;justify-content:center;z-index:200}.game-over-card{background:#f8fafc;color:#1e293b;border:4px solid #1e293b;box-shadow:0 8px #1e293b;border-radius:20px;padding:36px;text-align:center;max-width:440px}.game-over-card h1{color:#ef4444;font-size:30px;font-weight:900;margin-bottom:12px}.game-over-card p{color:#475569;font-size:14px;font-weight:700;line-height:1.6;margin-bottom:24px}.btn-respawn{background:#86efac;border:3.5px solid #1e293b;color:#1e293b;padding:12px 28px;border-radius:14px;font-size:15px;font-weight:900;cursor:pointer;box-shadow:0 4px #1e293b}.btn-respawn:hover{background:#fde047}.workshop-toast{position:absolute;top:68px;left:50%;transform:translate(-50%);padding:8px 18px;border-radius:12px;border:3px solid #1e293b;font-size:13px;font-weight:900;z-index:50;box-shadow:0 4px #1e293b;animation:toastFadeIn .2s ease-out}.workshop-toast.toast-success{background:#86efac;color:#1e293b}.workshop-toast.toast-error{background:#fca5a5;color:#7f1d1d}@keyframes toastFadeIn{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}.hud-toast-container{position:fixed;top:24px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;z-index:99999}.hud-toast-item{padding:8px 18px;border-radius:14px;border:3px solid #1e293b;font-size:13.5px;font-weight:800;box-shadow:0 5px #1e293b,0 8px 20px #00000040;animation:toastPop .2s cubic-bezier(.18,.89,.32,1.28);transition:opacity .25s ease,transform .25s ease}.hud-toast-item.toast-success{background:#86efac;color:#1e293b}.hud-toast-item.toast-error{background:#fca5a5;color:#7f1d1d}.hud-toast-item.fade-out{opacity:0;transform:translateY(-12px) scale(.95)}@keyframes toastPop{0%{opacity:0;transform:translateY(-16px) scale(.85)}to{opacity:1;transform:translateY(0) scale(1)}}.dragging-petal-ghost{position:fixed;width:60px;height:60px;border-radius:14px;border:3.5px solid #1e293b;box-shadow:0 12px 24px #00000073,0 4px #1e293b;pointer-events:none;z-index:100000;display:flex;flex-direction:column;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.ghost-petal-visual{width:36px;height:36px;display:flex;align-items:center;justify-content:center}.ghost-petal-badge{position:absolute;top:2px;left:4px;font-size:9px;font-weight:900;color:#fff;text-shadow:0 1px 2px #1e293b}.ghost-petal-count{position:absolute;bottom:2px;right:4px;top:auto;font-size:11px;font-weight:900;color:#fff;background:transparent;border:none;box-shadow:none;text-shadow:0 1px 2px #1e293b,0 0 3px #1e293b,0 0 4px #1e293b;z-index:5}.ghost-petal-name{position:absolute;bottom:2px;font-size:8px;font-weight:900;color:#fff;text-shadow:0 1px 2px #1e293b}.petal-drag-source-active{opacity:.32!important;transform:scale(.95)!important;filter:grayscale(40%)}.drag-target-hover{outline:4px solid #fde047!important;outline-offset:2px;transform:scale(1.06)!important;box-shadow:0 0 16px #fde047b3,0 5px #1e293b!important;transition:transform .12s ease,outline .12s ease,box-shadow .12s ease!important}.warehouse-grid.drag-target-hover{outline:none!important;transform:none!important;box-shadow:none!important}.warehouse-item,.workshop-hotbar-slot,.action-slot,.hud-hotbar-slot{-webkit-user-select:none;user-select:none;touch-action:none}.btn-compendium-nav{background:#38bdf8;border:3px solid #1e293b;color:#0f172a;font-size:13px;font-weight:900;cursor:pointer;padding:6px 14px;border-radius:12px;box-shadow:0 2px #1e293b;transition:transform .1s ease,background .15s}.btn-compendium-nav:hover,.btn-compendium-nav.active{background:#0284c7;color:#fff;transform:translateY(-1px)}.workshop-tab.compendium-tab{background:#bae6fd;color:#0369a1}.workshop-tab.compendium-tab.active{background:#f8fafc;color:#0284c7}.compendium-main-view{flex:1;overflow-y:auto;background:#f8fafc;padding:18px 24px}.compendium-doc{max-width:960px;margin:0 auto;display:flex;flex-direction:column;gap:20px;color:#1e293b}.compendium-header{border-bottom:3.5px solid #1e293b;padding-bottom:12px}.compendium-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.compendium-title-row h2{font-size:20px;font-weight:900;color:#0f172a;margin:0}.compendium-badge{background:#fde047;border:2px solid #1e293b;border-radius:8px;font-size:11px;font-weight:900;padding:3px 8px;color:#1e293b}.compendium-lead{font-size:13px;font-weight:700;color:#475569;margin-top:6px}.compendium-toc{display:flex;flex-wrap:wrap;align-items:center;gap:10px;background:#fff;border:3px solid #1e293b;border-radius:12px;padding:10px 16px;box-shadow:0 3px #1e293b}.toc-label{font-weight:900;font-size:13px;color:#1e293b}.toc-link{font-size:12px;font-weight:800;color:#0284c7;text-decoration:none;background:#f1f5f9;border:2px solid #1e293b;border-radius:8px;padding:3px 8px;transition:transform .1s ease,background .15s}.toc-link:hover{background:#fde047;color:#1e293b;transform:translateY(-2px)}.compendium-section{display:flex;flex-direction:column;gap:14px}.section-title{font-size:16px;font-weight:900;color:#0f172a;border-left:6px solid #3b82f6;padding-left:10px;margin:8px 0 0}.compendium-block{background:#fff;border:3px solid #1e293b;border-radius:14px;padding:14px 18px;box-shadow:0 3px #1e293b;display:flex;flex-direction:column;gap:10px}.creature-meta-pills{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 4px}.meta-pill{font-size:11.5px;background:#f1f5f9;border:1.5px solid #cbd5e1;border-radius:8px;padding:4px 8px;color:#334155}.meta-pill strong{color:#0f172a}.block-title{font-size:14px;font-weight:900;color:#1e293b;margin:0}.block-desc{font-size:12px;line-height:1.6;color:#334155;margin:0}.table-wrapper{overflow-x:auto}.compendium-table{width:100%;border-collapse:collapse;font-size:12px;border:2px solid #1e293b;border-radius:10px;overflow:hidden}.compendium-table th{background:#1e293b;color:#fff;padding:8px 10px;font-weight:900;text-align:center}.compendium-table td{padding:6px 10px;border-top:1.5px solid #cbd5e1;border-right:1.5px solid #cbd5e1;text-align:center;color:#1e293b;background:#fff}.compendium-table tr:nth-child(2n) td{background:#f8fafc}.tier-pill{background:var(--t-col, #334155);color:#fff;text-shadow:0 1px 2px #1e293b,0 0 2px #1e293b;padding:2px 6px;border-radius:6px;border:2px solid #1e293b;font-size:11px;font-weight:900}.num-bold{font-weight:900}.num-mono{font-family:monospace;font-weight:700}.highlight-damage{color:#dc2626}.highlight-armor{color:#0284c7}.highlight-speed{color:#16a34a}.highlight-mining{color:#d97706}.highlight-hunger{color:#eab308}.highlight-heal{color:#22c55e}.highlight-hp{color:#059669}.highlight-xp{color:#7c3aed}.doc-callout{background:#f1f5f9;border:2.5px solid #1e293b;border-radius:10px;padding:10px 14px;font-size:12px;line-height:1.6}.formula-quote{background:#fff;border-left:4px solid #3b82f6;border:1.5px solid #94a3b8;padding:4px 10px;margin:6px 0;font-family:monospace;font-weight:800;color:#0f172a;border-radius:6px}.btn-exit-game{background:#ef4444;color:#fff;border:2.5px solid #1e293b;border-radius:8px;font-family:inherit;font-size:13px;font-weight:900;padding:4px 14px;cursor:pointer;box-shadow:0 3px #991b1b,0 4px 6px #00000040;transition:transform .08s ease,filter .08s ease,box-shadow .08s ease;pointer-events:auto;-webkit-user-select:none;user-select:none}.btn-exit-game:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-exit-game:active{transform:translateY(2px);box-shadow:0 1px #991b1b}.start-screen-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:18vh 0 16vh;pointer-events:auto;-webkit-user-select:none;user-select:none}.start-screen-overlay.hidden{display:none!important}.start-screen-top{display:flex;justify-content:center;align-items:center}.start-screen-logo{font-size:88px;font-weight:900;letter-spacing:-2px;color:#fff;-webkit-text-stroke:4.5px #15803d;text-shadow:0 6px 0 #166534,0 12px 24px rgba(0,0,0,.35);margin:0;line-height:1;font-family:Nunito,PingFang SC,sans-serif}.start-screen-bottom{display:flex;flex-direction:column;align-items:center;gap:14px}.account-badge-row{display:flex;align-items:center;gap:8px;background:#0f172abf;padding:6px 20px;border-radius:9999px;border:2px solid rgba(255,255,255,.22);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:Nunito,PingFang SC,sans-serif;font-size:15px;font-weight:800;color:#f1f5f9;box-shadow:0 4px 12px #00000059}.account-badge-label{color:#94a3b8}.account-badge-name{color:#4ade80;font-weight:900}.start-screen-account-actions{display:flex;gap:14px;margin-top:2px}.btn-account-action{font-family:inherit;font-size:16px;font-weight:900;padding:10px 24px;border-radius:14px;cursor:pointer;transition:transform .1s ease,filter .1s ease,box-shadow .1s ease;-webkit-user-select:none;user-select:none}.btn-switch-account{background:linear-gradient(180deg,#38bdf8,#0284c7);color:#082f49;border:3px solid #0369a1;box-shadow:0 4px #075985,0 6px 16px #0006}.btn-switch-account:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px #075985,0 8px 18px #00000073}.btn-switch-account:active{transform:translateY(3px);box-shadow:0 1px #075985}.btn-create-account{background:linear-gradient(180deg,#fbbf24,#d97706);color:#451a03;border:3px solid #b45309;box-shadow:0 4px #92400e,0 6px 16px #0006}.btn-create-account:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px #92400e,0 8px 18px #00000073}.btn-create-account:active{transform:translateY(3px);box-shadow:0 1px #92400e}.account-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000000b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center}.account-dialog-backdrop.hidden{display:none!important}.account-dialog-card{background:#1e293b;border:4px solid #334155;border-radius:20px;width:440px;max-width:90vw;box-shadow:0 12px #0f172a,0 20px 40px #000c;display:flex;flex-direction:column;padding:24px;gap:16px;color:#fff;font-family:Nunito,PingFang SC,sans-serif;animation:popModal .15s cubic-bezier(.175,.885,.32,1.275)}@keyframes popModal{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.account-dialog-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #334155;padding-bottom:12px}.account-dialog-header h3{margin:0;font-size:22px;font-weight:900;color:#f8fafc;letter-spacing:.5px}.btn-close-dialog{background:#334155;border:2px solid #475569;color:#cbd5e1;font-size:20px;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease,transform .1s ease}.btn-close-dialog:hover{background:#ef4444;border-color:#b91c1c;color:#fff;transform:scale(1.08)}.account-dialog-body{display:flex;flex-direction:column;gap:12px}.dialog-label{font-size:15px;font-weight:800;color:#cbd5e1}.account-input{background:#0f172a;border:3px solid #475569;border-radius:12px;padding:12px 16px;color:#fff;font-size:16px;font-family:inherit;font-weight:700;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.account-input:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf840}.account-dialog-msg{font-size:14px;font-weight:800;padding:8px 12px;border-radius:8px}.account-dialog-msg.hidden{display:none!important}.account-dialog-msg.error{background:#ef444433;color:#fca5a5;border:1px solid rgba(239,68,68,.5)}.account-dialog-msg.success{background:#22c55e33;color:#86efac;border:1px solid rgba(34,197,94,.5)}.account-existing-list{display:flex;flex-direction:column;gap:8px;margin-top:4px}.account-existing-list.hidden{display:none!important}.existing-title{font-size:13px;font-weight:700;color:#94a3b8}.existing-pills-container{display:flex;flex-wrap:wrap;gap:8px;max-height:120px;overflow-y:auto;padding:6px;background:#0f172a;border-radius:10px;border:2px solid #334155}.account-pill{background:#334155;color:#f1f5f9;border:2px solid #475569;border-radius:20px;padding:5px 14px;font-size:13px;font-weight:800;cursor:pointer;transition:all .15s ease;font-family:inherit}.account-pill:hover{background:#38bdf8;border-color:#0284c7;color:#082f49;transform:translateY(-1px)}.account-pill.active{background:#22c55e;border-color:#15803d;color:#052e16}.account-dialog-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:6px}.btn-dialog-cancel{background:#475569;color:#e2e8f0;border:2px solid #334155;padding:9px 20px;border-radius:12px;font-size:15px;font-weight:800;cursor:pointer;font-family:inherit;transition:background .15s ease}.btn-dialog-cancel:hover{background:#64748b}.btn-dialog-confirm{background:linear-gradient(180deg,#22c55e,#16a34a);color:#052e16;border:2px solid #15803d;padding:9px 24px;border-radius:12px;font-size:15px;font-weight:900;cursor:pointer;font-family:inherit;box-shadow:0 3px #166534;transition:transform .1s ease,filter .1s ease}.btn-dialog-confirm:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px #166534}.btn-dialog-confirm:active{transform:translateY(2px);box-shadow:0 1px #166534}.btn-start-game{background:linear-gradient(180deg,#4ade80,#22c55e);color:#052e16;font-family:inherit;font-size:24px;font-weight:900;padding:14px 52px;border:4px solid #14532d;border-radius:20px;box-shadow:0 6px #14532d,0 12px 24px #00000073;cursor:pointer;transition:transform .1s ease,filter .1s ease,box-shadow .1s ease}.btn-start-game:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 8px #14532d,0 16px 28px #00000080}.btn-start-game:active{transform:translateY(4px);box-shadow:0 2px #14532d}