:root{--ink:#202825;--muted:#65706a;--paper:#f4efe3;--card:#fffdf6;--jade:#315e4b;--jade-dark:#1f4637;--gold:#c48d3a;--red:#a94736;--line:#d8cfbd;--shadow:0 16px 46px rgba(39,43,34,.13)}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:radial-gradient(circle at 15% -10%,#fff 0,transparent 34%),linear-gradient(135deg,#f4efe3,#e9e1d1);font:15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3{font-family:Georgia,serif;margin:0}.public-header{max-width:1180px;margin:auto;padding:26px 24px 14px}.public-brand{display:flex;align-items:center;gap:13px}.public-brand>span{display:grid;place-items:center;width:49px;height:49px;border-radius:50%;background:var(--ink);color:var(--paper);box-shadow:inset 0 0 0 3px var(--gold);font-size:24px}.public-brand p{margin:0;color:var(--red);text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:900}.public-brand h1{font-size:27px}.public-main{max-width:1180px;margin:auto;padding:12px 24px 60px}.public-card{background:rgba(255,253,246,.94);border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 8px 24px rgba(46,44,36,.06)}.public-loading,.public-empty{padding:70px 20px;text-align:center;color:var(--muted)}.public-error{color:var(--red);font-weight:750;min-height:22px}.public-primary,.public-secondary{border:0;border-radius:9px;padding:10px 14px;font-weight:800}.public-primary{background:var(--jade);color:white}.public-primary:hover{background:var(--jade-dark)}.public-secondary{background:#e4ece7;color:var(--jade-dark)}button:disabled{opacity:.45;cursor:not-allowed}.login-shell{width:min(460px,calc(100% - 28px));margin:12vh auto}.login-shell>.public-brand{margin-bottom:20px}.login-card{display:grid;gap:14px}.login-card p{margin:0;color:var(--muted)}label{display:grid;gap:5px;color:#46504b;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}input,select,textarea{width:100%;border:1px solid #cfc4af;border-radius:9px;padding:10px 11px;background:white;color:var(--ink)}.public-toolbar{display:grid;grid-template-columns:minmax(200px,1fr) repeat(2,minmax(180px,.45fr));gap:10px;margin-bottom:16px}.public-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.tech-card h2{font:800 18px/1.25 inherit}.tech-card p{color:#4f5a54}.public-meta,.public-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.public-chip{display:inline-flex;padding:4px 9px;border-radius:999px;background:#e3ebe6;color:#294c3d;font-size:11px;font-weight:800}.public-chip.gold{background:#f3e5ca;color:#6e4a16}.public-chip.red{background:#f4dfd9;color:#85392d}.public-character-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:15px}.public-character-head p{margin:4px 0;color:var(--muted)}.public-character-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:14px}.public-section{margin-top:14px}.public-section>h2{font-size:20px;margin-bottom:9px}.public-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.public-stat{text-align:center;padding:9px;background:#eee8da;border-radius:9px}.public-stat b{display:block;font-size:19px;color:var(--jade)}.public-stat span{font-size:10px;text-transform:uppercase}.public-track{margin-top:14px;padding:13px;border-radius:11px;background:#f0eadf}.public-track-head{display:flex;justify-content:space-between;font-weight:800;margin-bottom:9px}.public-boxes,.public-marks{display:flex;gap:7px;flex-wrap:wrap}.public-box{width:36px;height:36px;border:2px solid #aa9f8b;background:white;border-radius:8px}.public-box.active{background:var(--jade);border-color:var(--jade);color:white}.public-mark{border:1px solid #cfc4af;border-radius:999px;padding:7px 10px;background:white;font-weight:700}.public-mark.active{background:#f2dcd6;border-color:var(--red);color:#7b2d23}.public-mark.positive.active{background:#dceae1;border-color:var(--jade);color:var(--jade-dark)}.ability-list{display:grid;gap:8px}.ability-card{border:1px solid var(--line);border-radius:10px;background:#fff;padding:12px}.ability-card summary{cursor:pointer;font-weight:800}.ability-card p{color:#4f5a54}.ability-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.learning-card{display:grid;gap:8px}.learning-card p{margin:0;color:var(--muted)}.public-toast{position:fixed;right:20px;bottom:20px;background:var(--ink);color:white;padding:11px 15px;border-radius:9px;opacity:0;transform:translateY(50px);transition:.2s}.public-toast.show{opacity:1;transform:none}.text-marker{border-radius:5px;padding:0 3px;background:#eee8da}.marker-status{background:#f3dcd6}.marker-condition{background:#f0d8d5}.marker-fatigue{background:#f4decf}.marker-technique,.marker-basicMove{background:#e8dff2}.marker-approach{background:#f3e3b9}.marker-balance{background:#dcebec}.marker-stat{background:#e2dfd7}.marker-training{background:#dce9e0}.marker-principle{background:#ece3cf}
@media(max-width:760px){.public-header,.public-main{padding-left:14px;padding-right:14px}.public-toolbar,.public-character-grid{grid-template-columns:1fr}.public-character-head{display:grid}.public-stats{grid-template-columns:repeat(2,1fr)}}
.ability-head{margin-bottom:9px}.learning-card{display:grid;gap:8px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:15px}.learning-card h3{font:800 16px/1.25 inherit}.readonly-note{display:block;margin-top:10px;color:var(--muted)}.public-toast{z-index:30}.public-dialog{width:min(960px,calc(100% - 28px));max-height:88vh;padding:0;border:0;border-radius:18px;background:var(--paper);box-shadow:var(--shadow)}.public-dialog::backdrop{background:rgba(24,30,27,.55);backdrop-filter:blur(3px)}.public-dialog-shell{padding:22px}.public-dialog-shell>header{display:flex;justify-content:space-between;align-items:start;padding-bottom:14px;border-bottom:1px solid var(--line)}.public-dialog-shell>header p{margin:0;color:var(--red);text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:900}.public-dialog-shell>header button{width:38px;height:38px;border:0;border-radius:50%;background:#e7dfd0;font-size:22px}.learning-tabs{display:flex;gap:8px;margin:16px 0}.learning-tabs button{border:1px solid var(--line);border-radius:999px;background:white;padding:8px 13px;font-weight:800}.learning-tabs button.active{background:var(--jade);border-color:var(--jade);color:white}.dialog-search{margin:12px 0}.dialog-filters{display:grid;grid-template-columns:minmax(210px,1fr) repeat(2,minmax(180px,.65fr));gap:10px;margin:16px 0}.dialog-learning-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:58vh;overflow:auto;padding:2px}
@media(max-width:760px){.dialog-filters,.dialog-learning-list{grid-template-columns:1fr}.ability-head{align-items:start;flex-direction:column}}
.tech-card{padding:0;overflow:hidden}.tech-card-button{display:block;width:100%;min-height:100%;padding:20px;border:0;background:transparent;color:inherit;text-align:left}.tech-card-button:hover,.tech-card-button:focus-visible{background:#f4eee1;outline:none}.tech-open-hint{display:block;margin-top:14px;color:var(--jade);font-size:12px;font-weight:850}.technique-rule-text{margin-top:18px;padding:17px;border-radius:12px;background:#fff;border:1px solid var(--line);font-size:16px;line-height:1.65;white-space:pre-line}.technique-rule-text .text-marker{white-space:normal}
.training-symbol{display:inline-grid;place-items:center;width:24px;height:24px;margin-right:7px;border:1px solid currentColor;border-radius:50%;font:900 13px/1 ui-sans-serif,system-ui,sans-serif;vertical-align:-3px;background:rgba(255,255,255,.65)}.training-symbol-fire{color:#b64e3d}.training-symbol-water{color:#397da8}.training-symbol-earth{color:#557d4d}.training-symbol-air{color:#9a8f7c}.training-symbol-technology{color:#765493}.training-symbol-weapons{color:#626a67}.training-symbol-universal{color:#a87826}.training-symbol-group{color:#337b76}
.public-balance-track{margin-top:14px;padding:10px 12px;border-radius:10px;background:#eee8da}.public-balance-heading{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;margin-bottom:8px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.public-balance-heading span{overflow-wrap:anywhere}.public-balance-heading span:last-child{text-align:right}.public-balance-heading strong{color:var(--ink);font-size:11px;text-align:center}.public-balance-row{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:7px}.public-balance-row+.public-balance-row{margin-top:5px}.public-balance-row>span{color:var(--muted);font-size:9px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.public-balance-rail{position:relative;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.public-balance-rail::before{content:"";position:absolute;top:11px;right:7%;left:7%;height:2px;background:#b9ae9b}.public-balance-node{position:relative;display:grid;place-items:center;min-width:0;padding:0;border:0;background:transparent;color:var(--muted)}.public-balance-node::before{content:"";z-index:1;width:15px;height:15px;border:2px solid #a69a86;border-radius:50%;background:#eee8da}.public-balance-node span{margin-top:2px;font-size:10px;font-weight:800}.public-balance-node.active::before{border-color:var(--jade);background:var(--jade);box-shadow:0 0 0 3px rgba(49,94,75,.15)}.public-balance-node.active span{color:var(--jade)}.public-center-row .public-balance-rail::before{background:#c5aa72}.public-balance-node.center::before{border-color:var(--gold);background:#f7ecd6;box-shadow:inset 0 0 0 3px var(--gold)}.public-balance-node.center span{color:#8a6222}.public-balance-node:disabled{opacity:1;cursor:default}
@media(max-width:420px){.public-balance-track{padding:10px 8px}.public-balance-heading{font-size:9px}.public-balance-row{grid-template-columns:36px minmax(0,1fr);gap:3px}.public-balance-rail{gap:1px}.public-balance-node span{font-size:9px}}