:root{color:#f6f1e8;background:#101621;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,#101621b8,#101621 520px),url(https://static.nanoka.cc/assets/ww/UIResources/Common/Image/IconRolePile/T_IconRole_Pile_daniya_UI.webp) top right / min(760px,92vw) auto no-repeat,#101621}button{border:0;border-radius:8px;color:inherit;font:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.68}a{color:inherit}input{width:100%;min-height:48px;border:1px solid rgba(246,241,232,.18);border-radius:8px;background:#101621;color:#f6f1e8;font:inherit;padding:0 14px}.shell{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:32px 0 56px}.masthead,.results-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.eyebrow{margin:0 0 8px;color:#7dd3c7;font-size:13px;font-weight:800;letter-spacing:0;text-transform:uppercase}h1,h2{margin:0;max-width:760px;color:#fffaf2;line-height:1.04}h1{font-size:clamp(42px,8vw,88px)}h2{font-size:38px}.secondary,.actions button,.masthead button,.admin-login button,.nav-link,.start-link,.ranking-nav-link{min-height:44px;padding:0 18px;background:#223044;color:#f6f1e8;font-weight:800}.nav-link,.start-link,.ranking-nav-link{display:inline-grid;align-items:center;text-decoration:none}.ranking-nav-link{min-height:46px;border:1px solid rgba(125,211,199,.4);background:#7dd3c71f;color:#a9f4ea;box-shadow:inset 0 1px #ffffff1f;transition:background .16s ease,border-color .16s ease,transform .16s ease}.ranking-nav-link:hover{transform:translateY(-2px);border-color:#7dd3c7c7;background:#7dd3c72e}.landing-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(90deg,#101621f2,#101621b3 54%,#101621eb),url(https://static.nanoka.cc/assets/ww/UIResources/Common/Image/IconRolePile/T_IconRole_Pile_daniya_UI.webp) center right / min(900px,120vw) auto no-repeat}.landing-hero{width:min(980px,100%);text-align:center}.landing-hero h1{margin:0 auto;max-width:900px;font-size:clamp(54px,10vw,118px)}.typewriter{width:fit-content;max-width:100%;padding-right:6px;margin:26px auto 0;overflow:hidden;border-right:3px solid #7dd3c7;color:#d7e2ed;font-size:clamp(18px,3vw,28px);font-weight:800;line-height:1.35;white-space:nowrap;animation:type-text 2.4s steps(39,end) both,caret-blink .8s step-end infinite}.start-link{min-width:190px;min-height:54px;justify-content:center;margin-top:34px;border:1px solid rgba(246,241,232,.2);border-radius:8px;background:#7dd3c7;color:#101621;box-shadow:0 16px 34px #7dd3c738,inset 0 1px #ffffff59;font-size:18px;font-weight:900;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.start-link:hover{transform:translateY(-2px);box-shadow:0 22px 44px #7dd3c74d,inset 0 1px #ffffff73;filter:saturate(1.08)}.start-link:active{transform:translateY(0);box-shadow:0 10px 22px #7dd3c72e,inset 0 1px #ffffff40}@keyframes type-text{0%{max-width:0}to{max-width:520px}}@keyframes caret-blink{50%{border-color:transparent}}.header-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:18px;background:#101621c7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.name-modal{width:min(440px,100%);padding:26px;border:1px solid rgba(246,241,232,.16);border-radius:8px;background:#182332;box-shadow:0 24px 80px #00000057}.name-modal h2{font-size:30px}.name-modal label{display:block;margin:22px 0 8px;color:#9fb3c8;font-weight:800}.name-modal button{width:100%;min-height:48px;margin-top:14px;background:#7dd3c7;color:#101621;font-weight:900}.resume-modal p:not(.eyebrow){margin:14px 0 0;color:#9fb3c8}.resume-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.resume-actions button{margin-top:0}.resume-actions .secondary{background:#223044;color:#f6f1e8}.filter-panel{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:24px;padding:18px;border:1px solid rgba(246,241,232,.12);border-radius:8px;background:#0d131dc2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.filter-panel strong,.filter-panel span{display:block}.filter-panel span,.filter-options p{color:#9fb3c8}.filter-options{display:flex;flex-wrap:wrap;gap:10px}.filter-options label{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 12px;border:1px solid rgba(246,241,232,.14);border-radius:8px;background:#182332;color:#d7e2ed;font-weight:800}.filter-options input{width:18px;min-height:18px;accent-color:#7dd3c7}.modal-filters{margin:18px 0 0;padding:14px;border:1px solid rgba(246,241,232,.12);border-radius:8px}.modal-filters legend{padding:0 6px;color:#9fb3c8;font-weight:800}.name-modal .filter-options label{margin:0}.modal-filters p{width:100%;margin:0;font-size:14px}.progress-panel,.results,.history{margin-top:28px;padding:22px;border:1px solid rgba(246,241,232,.12);border-radius:8px;background:#0d131dd6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.progress-panel div:first-child{display:flex;justify-content:space-between;color:#9fb3c8}.progress-bar{height:10px;margin-top:12px;overflow:hidden;border-radius:999px;background:#263348}.progress-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7dd3c7,#f3c969);transition:width .18s ease}.progress-panel p,.results-header p{margin:10px 0 0;color:#9fb3c8}.duel{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;margin-top:24px;overflow:visible}.pair-bottom-actions{display:flex;justify-content:center;gap:10px;margin-top:18px}.pair-tools{position:relative;z-index:4;display:grid;justify-items:center;gap:10px}.versus,.undo-button{display:grid;width:58px;height:58px;place-items:center;border:1px solid rgba(246,241,232,.18);border-radius:50%;background:#101621;color:#f3c969;font-weight:900}.undo-button{position:relative;z-index:6;background:#223044;color:#d7e2ed;font-size:26px;transition:transform .16s ease,border-color .16s ease}.undo-button:hover{transform:translateY(-2px);border-color:#7dd3c7b8}.undo-button:after{position:absolute;z-index:20;bottom:calc(100% + 12px);left:50%;width:max-content;max-width:190px;padding:8px 10px;border:1px solid rgba(246,241,232,.12);border-radius:6px;background:#182332;color:#f6f1e8;content:attr(data-tooltip);font-size:13px;font-weight:800;line-height:1.2;opacity:0;pointer-events:none;transform:translate(-50%,4px);transition:opacity .14s ease,transform .14s ease}.undo-button:hover:after,.undo-button:focus-visible:after{opacity:1;transform:translate(-50%)}.character-card{position:relative;min-height:580px;overflow:hidden;border:1px solid rgba(246,241,232,.14);background:#182332;text-align:left;transition:transform .16s ease,border-color .16s ease}.character-card:hover{transform:translateY(-4px);border-color:#7dd3c7c2}.character-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:radial-gradient(circle at center,rgba(125,211,199,.12),transparent 34%),#182332}.character-silhouette{position:relative;width:112px;height:138px;opacity:.9}.character-silhouette:before,.character-silhouette:after{position:absolute;left:50%;content:"";transform:translate(-50%)}.character-silhouette:before{top:0;width:54px;height:54px;border:1px solid rgba(246,241,232,.16);border-radius:50%;background:linear-gradient(180deg,#7dd3c742,#7dd3c714);box-shadow:0 16px 36px #00000038}.character-silhouette:after{bottom:0;width:112px;height:78px;border:1px solid rgba(246,241,232,.14);border-radius:52px 52px 18px 18px;background:linear-gradient(180deg,#7dd3c738,#7dd3c70f);box-shadow:0 22px 46px #00000047}.character-card img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top center;opacity:0;transition:opacity .18s ease}.character-card img.loaded{opacity:1}.character-card:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:linear-gradient(180deg,#1016210a,#10162152 45%,#101621f0)}.character-copy{position:absolute;z-index:1}.character-copy{right:22px;bottom:22px;left:22px}.character-copy strong{display:block;color:#fffaf2;font-size:42px;line-height:1}.character-copy small{display:block;margin-top:8px;color:#d7e2ed;font-size:17px;font-weight:700}.actions{display:flex;flex-wrap:wrap;gap:10px}.actions button:first-child{background:#7dd3c7;color:#101621}.ranking-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin:22px 0 0;padding:0;list-style:none}.ranking-list li{display:grid;grid-template-columns:54px 48px 1fr auto;align-items:center;gap:12px;min-height:68px;padding:10px;border-radius:8px;background:#182332}.ranking-list li.podium{background:#24364c}.rank{color:#f3c969;font-weight:900}.ranking-list img{width:48px;height:48px;border-radius:8px;object-fit:cover}.ranking-list small,.history span{color:#9fb3c8}.empty-note{margin:20px 0 0;color:#9fb3c8}.error-note{color:#ffb08d}.admin-login form{display:grid;gap:12px;width:min(420px,100%)}.admin-login label{color:#9fb3c8;font-weight:800}.admin-login button{background:#7dd3c7;color:#101621}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}.stats-grid article{padding:20px;border:1px solid rgba(246,241,232,.12);border-radius:8px;background:#0d131dd6}.stats-grid span,.user-list span,.submission-list span{display:block;color:#9fb3c8}.stats-grid strong{display:block;margin-top:8px;color:#fffaf2;font-size:34px}.favorite-character{display:flex;align-items:center;gap:10px;margin-top:8px}.favorite-character img{width:42px;height:42px;border-radius:8px;object-fit:cover}.favorite-character strong{margin:0;font-size:20px}.admin-top-characters{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-expand{display:block;margin:18px auto 0}.submission-list{display:grid;gap:12px;margin-top:20px}.admin-user-grid{display:grid;grid-template-columns:260px 1fr;gap:16px;margin-top:20px}.user-list{display:grid;align-content:start;gap:8px}.user-list button{display:grid;gap:4px;padding:12px;border:1px solid rgba(246,241,232,.1);background:#182332;text-align:left}.user-list button.selected{border-color:#7dd3c7b8;background:#223044}.submission-list article{padding:16px;border-radius:8px;background:#182332}.submission-list article>div{margin-bottom:16px}.submission-list ol{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}.submission-list li{padding:8px 10px;border-radius:6px;background:#223044;color:#d7e2ed;font-size:14px;font-weight:800}.submission-list .admin-character-card{display:grid;grid-template-rows:auto 1fr auto;gap:8px;min-width:0;padding:8px}.admin-character-card img{width:100%;aspect-ratio:1;border-radius:6px;object-fit:cover}.admin-character-rank{color:#f3c969;font-size:12px}.admin-character-name{overflow:hidden;color:#f6f1e8;text-align:center;text-overflow:ellipsis;white-space:nowrap}.history>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.history article{display:flex;justify-content:space-between;gap:12px;padding:14px;border-radius:8px;background:#182332}.about-shell{padding-bottom:80px}.about-intro{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-top:42px}.about-intro h2{max-width:640px}.about-intro>p{margin:0;color:#9fb3c8;font-weight:800}.about-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}.about-cell{position:relative;aspect-ratio:4 / 5;overflow:hidden;border:1px solid rgba(246,241,232,.14);border-radius:10px;background:radial-gradient(circle at 22% 18%,rgba(125,211,199,.2),transparent 30%),#182332;text-align:left;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.about-cell:hover,.about-cell:focus-visible{border-color:#7dd3c7d6;box-shadow:0 14px 28px #00000038;outline:none;transform:translateY(-3px)}.about-cell.filled{background:#182332}.about-cell img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top center}.about-cell.filled:after{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 32%,rgba(16,22,33,.92));content:""}.about-cell-number{position:absolute;top:16px;left:16px;color:#f6f1e84d;font-size:13px;font-weight:900;letter-spacing:.08em}.about-cell-name,.about-cell-prompt{position:absolute;z-index:1;right:16px;left:16px}.about-cell-name{bottom:37px;overflow:hidden;color:#fffaf2;font-size:clamp(20px,2.7vw,32px);font-weight:900;line-height:1;text-overflow:ellipsis;white-space:nowrap}.about-cell-prompt{bottom:16px;color:#a9f4ea;font-size:12px;font-weight:800;letter-spacing:.03em;text-transform:uppercase}.grid-picker-backdrop{z-index:30}.grid-picker{width:min(840px,100%);max-height:min(760px,calc(100vh - 36px));padding:22px;overflow:auto;border:1px solid rgba(246,241,232,.16);border-radius:12px;background:#182332;box-shadow:0 24px 80px #0006}.grid-picker header{display:flex;align-items:start;justify-content:space-between;gap:16px}.grid-picker h2{font-size:clamp(28px,5vw,42px)}.grid-picker-close{display:grid;width:40px;height:40px;flex:0 0 auto;place-items:center;background:#223044;color:#f6f1e8;font-size:24px;font-weight:800}.grid-search{display:block;margin-top:20px}.grid-search span{display:block;margin-bottom:8px;color:#9fb3c8;font-size:13px;font-weight:800}.picker-character-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;margin-top:14px}.picker-character-list button{display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:10px;padding:8px;border:1px solid rgba(246,241,232,.1);background:#223044;text-align:left}.picker-character-list button:hover,.picker-character-list button:focus-visible{border-color:#7dd3c7b8;outline:none}.picker-character-list img{width:46px;height:46px;border-radius:7px;object-fit:cover}.picker-character-list span{overflow:hidden;color:#f6f1e8;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.picker-character-list .empty-note{grid-column:1 / -1}.grid-clear-selection{display:block;margin:18px auto 0;padding:10px 14px;background:transparent;color:#ffb08d;font-weight:800}.my-wuwa-shell{width:min(1480px,calc(100% - 32px))}.my-wuwa-intro{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-top:38px}.my-wuwa-intro h2{max-width:680px}.grid-name-field{display:block;width:min(430px,100%);margin-top:12px}.grid-name-field span{display:block;margin-bottom:7px;color:#9fb3c8;font-size:12px;font-weight:800;text-transform:uppercase}.grid-name-field input{min-height:42px;background:#0d131dd6}.my-wuwa-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px}.my-wuwa-actions>span{color:#9fb3c8;font-size:14px;font-weight:800}.my-wuwa-download{min-height:44px;padding:0 18px;background:#7dd3c7;color:#101621;font-weight:900}.clear-grid{min-height:44px;padding:0 18px;background:#ffb08d1f;color:#ffb08d;font-weight:800}.reset-grid{min-height:44px;padding:0 18px;background:transparent;color:#9fb3c8;font-weight:800}.my-wuwa-workspace{display:grid;grid-template-columns:278px minmax(0,1fr);gap:24px;align-items:start;margin-top:24px}.character-browser{position:sticky;top:18px;max-height:calc(100vh - 36px);padding:14px;overflow:auto;border:1px solid rgba(246,241,232,.12);border-radius:10px;background:#0d131ddb}.character-browser-heading strong{display:block;color:#d7e2ed;font-size:14px}.character-browser-search{display:block;margin-top:16px}.character-browser-search span{display:block;margin-bottom:7px;color:#9fb3c8;font-size:12px;font-weight:800}.character-browser-search input{min-height:42px}.character-palette{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px;max-height:540px;padding-right:4px;overflow-y:auto;align-content:start}.character-palette button{min-width:0;padding:0;overflow:hidden;border:1px solid transparent;border-radius:7px;background:#223044;cursor:grab}.character-palette button:active{cursor:grabbing}.character-palette button:hover,.character-palette button:focus-visible{border-color:#7dd3c7b8;outline:none}.character-palette img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.character-palette span{display:block;padding:5px 4px;overflow:hidden;color:#f6f1e8;font-size:10px;font-weight:800;text-align:center;text-overflow:ellipsis;white-space:nowrap}.my-wuwa-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.my-wuwa-cell{position:relative;aspect-ratio:4 / 5;overflow:hidden;border:1px solid rgba(246,241,232,.13);border-radius:8px;background:radial-gradient(circle at 18% 16%,rgba(125,211,199,.16),transparent 30%),#304052;text-align:left;transition:transform .14s ease,border-color .14s ease,opacity .14s ease}.my-wuwa-cell:hover,.my-wuwa-cell:focus-visible{border-color:#7dd3c7d1;outline:none;transform:translateY(-2px)}.my-wuwa-cell.dragging{opacity:.35}.my-wuwa-cell img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top center}.my-wuwa-cell.filled:after{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 38%,rgba(16,22,33,.94));content:""}.my-wuwa-cell-placeholder{position:absolute;top:50%;right:12px;left:12px;color:#f6f1e8a3;font-size:14px;font-weight:800;text-align:center;transform:translateY(-50%)}.my-wuwa-cell-name,.my-wuwa-cell-prompt{position:absolute;z-index:1;right:10px;left:10px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.my-wuwa-cell-name{bottom:33px;color:#fffaf2;font-size:clamp(16px,1.6vw,23px);font-weight:900;line-height:1}.my-wuwa-cell-prompt{bottom:12px;color:#a9f4ea;font-size:10px;font-weight:900;letter-spacing:.025em;text-transform:uppercase}.my-wuwa-help{margin:14px 0 0;color:#9fb3c8;font-size:13px;text-align:center}.tutorial-overlay{position:fixed;z-index:50;top:0;right:0;bottom:0;left:0;background:#04080ecc}.tutorial-focus{position:relative;z-index:52;border-radius:10px;box-shadow:0 0 0 4px #7dd3c7,0 0 0 10px #7dd3c733}.tutorial-card{position:fixed;z-index:60;width:min(360px,calc(100% - 40px));padding:22px;border:1px solid rgba(125,211,199,.62);border-radius:12px;background:#182332;box-shadow:0 24px 70px #0000007a;pointer-events:auto}.tutorial-card:before{position:absolute;top:26px;left:-42px;color:#7dd3c7;content:"←";font-size:42px;font-weight:900;line-height:1;text-shadow:0 4px 18px rgba(125,211,199,.56)}.tutorial-card.left:before{right:-42px;left:auto;content:"→"}.tutorial-step{color:#7dd3c7;font-size:12px;font-weight:900;letter-spacing:.08em}.tutorial-card h2{margin-top:8px;font-size:30px}.tutorial-card p{margin:12px 0 0;color:#d7e2ed;line-height:1.45}.tutorial-card button{width:100%;min-height:44px;margin-top:18px;background:#7dd3c7;color:#101621;font-weight:900}.grid-preview-backdrop{z-index:40}.tile-editor{width:min(760px,100%);max-height:min(760px,calc(100vh - 36px));padding:22px;overflow:auto;border:1px solid rgba(246,241,232,.16);border-radius:12px;background:#182332;box-shadow:0 24px 80px #0006}.tile-editor header{display:flex;align-items:start;justify-content:space-between;gap:16px}.tile-editor-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.tile-editor-list label span{display:block;margin-bottom:6px;color:#9fb3c8;font-size:12px;font-weight:800}.tile-editor .my-wuwa-download{display:block;margin-left:auto}.grid-preview-modal{width:min(1080px,100%);max-height:min(900px,calc(100vh - 36px));padding:22px;overflow:auto;border:1px solid rgba(246,241,232,.16);border-radius:12px;background:#182332;box-shadow:0 24px 80px #0006}.grid-preview-modal header{display:flex;align-items:start;justify-content:space-between;gap:16px}.grid-preview-modal .eyebrow{margin:0;font-size:24px}.grid-preview-image{display:block;width:100%;margin-top:18px;border:1px solid rgba(246,241,232,.12);border-radius:8px}.grid-preview-actions{display:flex;justify-content:center;gap:10px;margin-top:16px}.grid-preview-status{margin:12px 0 0;color:#a9f4ea;font-size:14px;font-weight:800;text-align:center}@media(max-width:780px){body{background-size:120vw auto}.shell{width:min(100% - 20px,1120px);padding-top:18px}.masthead,.results-header{display:grid}.header-actions{justify-content:stretch}.header-actions button{width:100%}.header-actions .ranking-nav-link{width:100%;justify-content:center}.filter-panel,.filter-options{display:grid}h1{font-size:44px}h2{font-size:30px}.duel{grid-template-columns:1fr}.pair-bottom-actions{display:grid}.pair-tools{justify-self:center}.versus,.undo-button{width:48px;height:48px}.character-card{min-height:420px}.character-copy strong{font-size:34px}.ranking-list,.admin-top-characters{grid-template-columns:1fr}.submission-list ol{grid-template-columns:repeat(3,minmax(0,1fr))}.stats-grid,.admin-user-grid,.submission-list article{grid-template-columns:1fr}.my-wuwa-intro{display:grid;align-items:start}.my-wuwa-actions{justify-content:flex-start}.my-wuwa-workspace{grid-template-columns:1fr}.character-browser,.character-palette{display:none}.my-wuwa-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-preview-modal,.tile-editor{padding:18px}.tile-editor-list{grid-template-columns:1fr}.grid-preview-actions{display:grid}.about-intro{display:grid;align-items:start}.about-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-picker{padding:18px}.picker-character-list{grid-template-columns:repeat(2,minmax(0,1fr))}}