:root{--color-bg: #f3e6cd;--color-bg-raised: #fffaf1;--color-bg-inset: #f0e1c2;--color-bg-row: #f2e5c9;--color-border: #e3cfa0;--color-border-strong: #cbaa6f;--color-text: #4a3620;--color-text-muted: #8d7150;--color-text-soft: #b9a17a;--color-header: #7a5230;--color-header-2: #55371d;--color-blue: #29abe8;--color-blue-dark: #1c86bb;--color-ember: #ff8a3d;--color-ember-dark: #e26a1e;--color-gold: #ffbe2e;--color-gold-dark: #dd9b0e;--color-green: #4ecb7a;--color-green-dark: #33a85c;--color-red: #ff5b5b;--color-red-dark: #dd3b3b;--color-purple: #9b7ae0;--color-purple-dark: #7c5cc4;--color-cream: #f6d9a0;--color-cream-border: #dcAF66;--rarity-commun: #9aa0b4;--rarity-rare: #3ea9e8;--rarity-epique: #a875e8;--rarity-legendaire: #ff8a3d;--rarity-ultime: #29d6c2;--rarity-mythique: #ff5577;--color-success: var(--color-green);--color-danger: var(--color-red);--font-display: "Baloo 2", "Nunito", "Segoe UI", sans-serif;--font-body: "Nunito", "Segoe UI", sans-serif;--font-mono: "Nunito", "Segoe UI", sans-serif;--radius: 16px;--radius-sm: 10px;--radius-pill: 999px;--shadow-card: 0 2px 0 rgba(74, 54, 32, .06), 0 8px 20px rgba(74, 54, 32, .09);--shadow-btn: 0 3px 0;--nav-height: 64px}*{box-sizing:border-box}body{margin:0;background-color:var(--color-bg);background-image:radial-gradient(circle at 15% -10%,rgba(255,190,46,.14),transparent 40%),radial-gradient(circle at 100% 0%,rgba(255,138,61,.12),transparent 45%);color:var(--color-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-display)}.app-shell{min-height:100vh;display:flex;flex-direction:column}main{color:var(--color-text-muted)}.page-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;color:var(--color-text-muted);font-family:var(--font-display);font-weight:700}.app-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1.25rem;background:linear-gradient(180deg,var(--color-header),var(--color-header-2));box-shadow:0 3px #0000001f;position:sticky;top:0;z-index:40}.app-nav__brand{font-family:var(--font-display);font-weight:800;letter-spacing:.01em;text-decoration:none;color:#fff;font-size:1.05rem;display:flex;align-items:center;gap:.5rem}.app-nav__brand:before{content:"🔥";font-size:1.1rem;filter:drop-shadow(0 0 4px rgba(255,138,61,.7))}.app-nav__links{display:flex;align-items:center;gap:.9rem}.app-nav__link{color:#ffffffb8;text-decoration:none;font-family:var(--font-display);font-weight:600;font-size:.85rem;transition:color .15s ease;padding:.3rem .2rem}.app-nav__link:hover,.app-nav__link.active{color:#fff}.app-tabbar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;align-items:center;justify-content:space-around;background:#fff;border-top:1px solid var(--color-border);box-shadow:0 -4px 16px #2c2e4514;padding:.45rem .5rem calc(.45rem + env(safe-area-inset-bottom,0px));height:var(--nav-height)}.app-tabbar__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;border:none;background:none;color:var(--color-text-soft);font-family:var(--font-display);font-size:.66rem;font-weight:700;padding:.35rem .85rem;border-radius:var(--radius-pill);text-decoration:none;cursor:pointer;transition:background .15s ease,color .15s ease,transform .1s ease}.app-tabbar__item svg{width:22px;height:22px;stroke:currentColor}.app-tabbar__item:hover{color:var(--color-blue-dark)}.app-tabbar__item.active{color:#fff;background:linear-gradient(180deg,var(--color-blue),var(--color-blue-dark));box-shadow:0 3px 0 var(--color-blue-dark);transform:translateY(-1px)}.app-main{max-width:720px;margin:0 auto;padding:1.5rem 1rem calc(var(--nav-height) + 2rem);width:100%}.card{background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.35rem 1.4rem;box-shadow:var(--shadow-card)}.card+.card{margin-top:1rem}.card__title{font-family:var(--font-display);font-weight:800;letter-spacing:.01em;text-transform:uppercase;font-size:.85rem;color:var(--color-header);margin:0 0 1rem;padding-bottom:.6rem;border-bottom:2px dashed var(--color-border);display:flex;align-items:center;gap:.4rem}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1.25rem;border-radius:var(--radius-pill);border:none;background:var(--color-bg-inset);color:var(--color-text);font-family:var(--font-display);font-weight:700;font-size:.85rem;cursor:pointer;box-shadow:var(--shadow-btn) var(--color-border-strong);transition:transform .08s ease,box-shadow .08s ease,filter .15s ease}.btn:hover{filter:brightness(1.04)}.btn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--color-border-strong)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:var(--shadow-btn) var(--color-border-strong)}.btn-primary{background:linear-gradient(180deg,var(--color-blue),var(--color-blue-dark));color:#fff;box-shadow:var(--shadow-btn) var(--color-blue-dark)}.btn-primary:active{box-shadow:0 1px 0 var(--color-blue-dark)}.btn-danger{background:linear-gradient(180deg,#ff7676,var(--color-red));color:#fff;box-shadow:var(--shadow-btn) var(--color-red-dark)}.btn-danger:active{box-shadow:0 1px 0 var(--color-red-dark)}.btn-sm{padding:.4rem .85rem;font-size:.75rem}.field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem}.field label{font-size:.78rem;font-weight:700;color:var(--color-text-muted);font-family:var(--font-display)}.field input,.field select{background:var(--color-bg-inset);border:2px solid var(--color-border);border-radius:var(--radius-sm);padding:.6rem .75rem;color:var(--color-text);font-size:.9rem;font-family:var(--font-body);font-weight:600}.field input:focus,.field select:focus{outline:none;border-color:var(--color-blue)}.field-error{color:var(--color-red);font-size:.8rem;font-weight:700}.num{font-family:var(--font-body);font-weight:800;color:var(--color-text)}.forge-meter{display:flex;flex-direction:column;gap:.4rem}.forge-meter__track{position:relative;height:14px;border-radius:var(--radius-pill);background:var(--color-bg-inset);border:2px solid var(--color-border);overflow:hidden}.forge-meter__fill{height:100%;border-radius:var(--radius-pill);background:linear-gradient(90deg,var(--color-ember-dark),var(--color-gold));box-shadow:inset 0 -3px #0000001f;transition:width .4s ease}.forge-meter__label{display:flex;justify-content:space-between;align-items:center;font-size:.78rem;font-weight:700;color:var(--color-text-muted)}.forge-meter__ascension{display:flex;gap:4px}.forge-meter__ascension-tick{width:8px;height:8px;border-radius:50%;background:var(--color-border-strong)}.forge-meter__ascension-tick.filled{background:var(--color-gold);box-shadow:0 0 0 2px #ffbe2e40}.rarity-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .65rem;border-radius:var(--radius-pill);font-size:.72rem;font-weight:800;font-family:var(--font-display);color:#fff;box-shadow:0 2px #00000026}.rarity-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:#ffffffd9}.tabs{display:flex;gap:.4rem;border-bottom:none;margin-bottom:1.25rem;flex-wrap:wrap;background:var(--color-bg-inset);padding:.35rem;border-radius:var(--radius-pill)}.tab{padding:.5rem 1rem;font-size:.8rem;font-family:var(--font-display);font-weight:700;color:var(--color-text-muted);background:none;border:none;border-radius:var(--radius-pill);cursor:pointer;transition:background .15s ease,color .15s ease}.tab.active{color:#fff;background:linear-gradient(180deg,var(--color-blue),var(--color-blue-dark));box-shadow:0 2px 0 var(--color-blue-dark)}.list-row{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem;margin-bottom:.6rem;background:var(--color-bg-row);border-radius:var(--radius-sm);border:1px solid var(--color-border)}.list-row:last-child{margin-bottom:0}.empty-state{text-align:center;padding:2.5rem 1rem;color:var(--color-text-muted);font-weight:600}.banner{padding:.85rem 1.1rem;border-radius:var(--radius);font-size:.85rem;font-weight:700;margin-bottom:1rem;border:2px solid transparent}.banner-error{background:#ffe6e6;border-color:var(--color-red);color:var(--color-red-dark)}.banner-success{background:#e5f9ec;border-color:var(--color-green);color:var(--color-green-dark)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;background-color:var(--color-bg);background-image:radial-gradient(circle at 15% -10%,rgba(255,190,46,.16),transparent 40%),radial-gradient(circle at 100% 100%,rgba(255,138,61,.14),transparent 45%)}.auth-card{width:100%;max-width:380px}.auth-switch{text-align:center;font-size:.85rem;font-weight:600;color:var(--color-text-muted);margin-top:1rem}.auth-switch a{color:var(--color-blue-dark);font-weight:800;text-decoration:none}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1414238c;display:flex;align-items:center;justify-content:center;padding:1.5rem;z-index:50}.overlay__panel{width:100%;max-width:420px;max-height:85vh;overflow-y:auto;border-radius:20px}.overlay__panel .card{box-shadow:0 12px 30px #14142359}.tech-node-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem}.tech-node{background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius);padding:.9rem;text-align:center;box-shadow:var(--shadow-card)}.tech-node__name{font-family:var(--font-display);font-weight:700;font-size:.85rem;margin-bottom:.3rem;color:var(--color-text)}.tech-node__meta{font-size:.72rem;font-weight:600;color:var(--color-text-muted);margin-bottom:.6rem}.tech-node__locked{font-size:.72rem;font-weight:700;color:var(--color-red);margin-bottom:.6rem}.tech-node__controls{display:flex;align-items:center;justify-content:center;gap:.6rem}.tech-node--maxed{border-color:var(--color-green);background:#f2fbf5}.admin-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.78rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden}.admin-table th{position:sticky;top:0;background:var(--color-header);text-align:left;padding:.55rem .5rem;color:#fff;font-family:var(--font-display);font-weight:700;border-bottom:none}.admin-table td{padding:.4rem .5rem;border-bottom:1px solid var(--color-border);background:var(--color-bg-raised)}.admin-table tr:nth-child(2n) td{background:var(--color-bg-inset)}.admin-table__input{width:70px;background:#fff;border:2px solid var(--color-border);border-radius:8px;padding:.25rem .4rem;color:var(--color-text);font-size:.75rem;font-weight:700}.btn-discord{background:linear-gradient(180deg,#6f7bf7,#5865f2);border:none;color:#fff;width:100%;justify-content:center;font-weight:700;box-shadow:var(--shadow-btn) #4249b8}.btn-discord:hover{filter:brightness(1.05)}.btn-discord:active{box-shadow:0 1px #4249b8}.auth-divider{display:flex;align-items:center;gap:.75rem;margin:1rem 0;color:var(--color-text-soft);font-size:.75rem;font-weight:700}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:2px;background:var(--color-border)}.inline-icon{vertical-align:middle;margin-right:2px}.player-avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--color-bg-inset);border:2px solid var(--color-border-strong);overflow:hidden;flex-shrink:0}.player-avatar img{width:100%;height:100%;object-fit:cover}.avatar-picker__trigger{border:none;background:none;padding:0;cursor:pointer;border-radius:50%;transition:transform .1s ease}.avatar-picker__trigger:hover{transform:scale(1.04)}.avatar-picker__trigger .player-avatar{border-color:var(--color-gold);box-shadow:0 2px 0 var(--color-gold-dark)}.avatar-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:.5rem;max-height:320px;overflow-y:auto;padding:.25rem}.avatar-picker__item{border:2px solid var(--color-border);background:var(--color-bg-inset);border-radius:50%;aspect-ratio:1;padding:4px;cursor:pointer;transition:border-color .12s ease,transform .08s ease}.avatar-picker__item img{width:100%;height:100%;object-fit:contain}.avatar-picker__item:hover{border-color:var(--color-border-strong);transform:translateY(-1px)}.avatar-picker__item.selected{border-color:var(--color-gold);background:#fff4dc;box-shadow:0 2px 0 var(--color-gold-dark)}.avatar-picker--emblem .avatar-picker__item{border-radius:var(--radius-sm)}.avatar-picker--emblem .avatar-picker__item img{filter:none}.guild-emblem{display:inline-block;flex-shrink:0;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.color-swatches{display:flex;flex-wrap:wrap;gap:.5rem}.color-swatches__item{width:32px;height:32px;border-radius:50%;border:2px solid var(--color-border);cursor:pointer;box-shadow:0 2px #0000001a}.color-swatches__item.selected{border-color:var(--color-text);transform:scale(1.12)}.tech-graph-card{overflow-x:auto;padding:1.5rem 1rem}.tech-graph{position:relative;margin:0 auto}.tech-graph__lines{position:absolute;top:0;left:0;pointer-events:none}.tech-graph__edge{stroke:var(--color-border-strong);stroke-width:3}.tech-graph__edge--unlocked{stroke:var(--color-gold)}.tech-graph__node{position:absolute;border-radius:50%;border:3px solid var(--color-border-strong);background:var(--color-bg-inset);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:transform .1s ease,box-shadow .1s ease;box-shadow:0 3px #4a362026}.tech-graph__node:hover{transform:translateY(-2px)}.tech-graph__node.selected{border-color:var(--color-blue);box-shadow:0 0 0 3px #29abe84d,0 3px 0 var(--color-blue-dark)}.tech-graph__node--locked{background:var(--color-bg-inset);border-color:var(--color-border);opacity:.65}.tech-graph__node--available{background:#fff4dc;border-color:var(--color-gold-dark)}.tech-graph__node--started{background:#fff0d1;border-color:var(--color-gold);box-shadow:0 3px 0 var(--color-gold-dark)}.tech-graph__node--maxed{background:#e3f9ea;border-color:var(--color-green-dark);box-shadow:0 3px 0 var(--color-green-dark)}.tech-graph__icon{width:68%;height:68%;object-fit:contain}.tech-graph__badge{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);font-family:var(--font-display);font-size:.66rem;font-weight:800;color:var(--color-text-muted);white-space:nowrap;background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:0 .4rem}.tech-graph__node--maxed .tech-graph__badge{color:var(--color-green-dark);border-color:var(--color-green)}.tech-graph__node--started .tech-graph__badge{color:var(--color-gold-dark);border-color:var(--color-gold)}.tech-node-detail{margin-top:1rem}.tab__pct{font-size:.62rem;font-weight:800;opacity:.8;margin-left:.15rem}.tree-progress{margin-bottom:.85rem}.tree-progress__label{display:flex;justify-content:space-between;font-family:var(--font-display);font-weight:700;font-size:.85rem;color:var(--color-text);margin-bottom:.35rem}.tech-node-float{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--nav-height) + .75rem);width:min(560px,calc(100% - 1.5rem));display:flex;align-items:center;gap:.7rem;background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:0 10px 28px #4a362040;padding:.7rem .9rem;z-index:45}.tech-node-float__close{position:absolute;top:-10px;right:-10px;width:26px;height:26px;border-radius:50%;border:2px solid var(--color-bg-raised);background:var(--color-red);color:#fff;font-size:1rem;line-height:1;cursor:pointer;box-shadow:0 2px 0 var(--color-red-dark)}.resource-quadrant{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}.resource-quadrant__field label{display:flex;align-items:center;gap:.35rem;font-size:.8rem;font-weight:700;color:var(--color-text-muted);margin-bottom:.3rem}.resource-quadrant__field input{width:100%;background:var(--color-bg-inset);border:2px solid var(--color-border);border-radius:var(--radius-sm);padding:.6rem .75rem;font-family:var(--font-body);font-weight:800;font-size:1rem;color:var(--color-text)}.resource-quadrant__field input:focus{outline:none;border-color:var(--color-blue)}@media (max-width: 420px){.resource-quadrant{grid-template-columns:1fr}}