body[data-screen=trial]{overflow:hidden}body[data-screen=trial] #app{height:var(--view-height);min-height:0}body[data-screen=trial] .preview-bar{display:none}.trial-world{height:var(--view-height);min-height:480px;position:relative;overflow:hidden;isolation:isolate;touch-action:none;background:#7d966c;color:#fff3d5}.trial-world canvas{position:absolute;inset:0;width:100%;height:100%;outline-offset:-4px}.trial-world button{touch-action:none;-webkit-user-select:none;user-select:none}.trial-top{position:absolute;left:22px;right:22px;top:calc(13px + env(safe-area-inset-top));display:flex;align-items:center;gap:13px;text-shadow:0 2px 5px #163d40}.trial-top div{display:grid;gap:3px;flex:1}.trial-top span{font:9px Georgia,serif;letter-spacing:.2em;color:#e8ce8d}.trial-top b{font:700 21px Georgia,'Noto Serif TC',serif;letter-spacing:.12em}.trial-top button{border:1px solid #e7d5a680;background:#244d4fd9;color:#f5df9e;width:38px;height:38px;min-width:38px;border-radius:50%;font-size:20px;display:grid;place-items:center}.trial-top svg{width:18px}.trial-progress{position:absolute;left:60px;right:60px;top:calc(80px + env(safe-area-inset-top));display:flex;align-items:center;justify-content:center;gap:8px;color:#f2eed6b0;font-size:11px;letter-spacing:.05em;text-shadow:0 1px 3px #263e31}.trial-progress i{height:1px;width:25px;background:#e2dba45e}.trial-progress .current{color:#fff0b2;font-weight:bold}.trial-progress .complete{color:#bdefc1}.trial-enemy{position:absolute;top:calc(111px + env(safe-area-inset-top));left:50%;transform:translateX(-50%);width:min(350px,calc(100% - 68px));text-align:center;text-shadow:0 2px 4px #1e3435}.trial-enemy small{font-size:10px;letter-spacing:.12em;color:#ecdfb3}.trial-enemy>div:nth-child(2){font-weight:700;font-size:15px;letter-spacing:.06em;margin:5px 0 9px}.trial-enemy-track{height:5px;border-radius:5px;background:#263c3dda;box-shadow:0 0 0 1px #e9dcb770;overflow:hidden}.trial-enemy-track i{height:100%;width:100%;display:block;background:linear-gradient(90deg,#a75370,#f0b09d);transition:width .1s}.trial-enemy-meta{display:flex;justify-content:space-between;font-size:10px;margin-top:5px;color:#f7ecd2}.trial-player{position:absolute;left:22px;bottom:calc(212px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:8px;pointer-events:none}.trial-player>img{width:40px;height:40px;object-fit:cover;object-position:50% 10%;border-radius:50%;border:1px solid #ecdcab;background:#d9dcc4}.trial-player>div{width:150px}.trial-player b{font-size:12px;text-shadow:0 1px 3px #17393e}.trial-player small{font-size:9px;font-weight:400;color:#f5e8bd}.trial-hp{position:relative;background:#213e41ed;height:14px;border:1px solid #d4d7b781;border-radius:4px;margin-top:4px;overflow:hidden}.trial-hp i{display:block;height:100%;background:linear-gradient(90deg,#5a9c70,#b5d9a0);width:100%;transition:width .1s}.trial-hp span{position:absolute;inset:0;text-align:center;font-size:9px;font-weight:bold;line-height:12px;text-shadow:0 1px 2px #19382b}.trial-controls{position:absolute;inset:auto 20px calc(43px + env(safe-area-inset-bottom));height:155px;display:flex;align-items:end;justify-content:space-between;pointer-events:none}.trial-joystick{width:104px;height:104px;flex:0 0 104px;border:1px solid #f3e3b055;border-radius:50%;background:radial-gradient(#d9e8c91a, #274c4059);pointer-events:auto;position:relative;touch-action:none;box-shadow:inset 0 0 0 10px #294d3a22}.trial-joystick i{position:absolute;left:31px;top:31px;width:40px;height:40px;border-radius:50%;background:radial-gradient(at 40% 30%,#dae6c587,#6c987a8c);border:1px solid #e4e6be99;box-shadow:0 3px 9px #183c4166}.trial-joystick span{position:absolute;top:13px;width:100%;text-align:center;font-size:9px;color:#f5ebc7a0}.trial-buttons{width:184px;height:155px;position:relative;pointer-events:auto}.trial-buttons button{position:absolute;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff0c6;border:1px solid #e1c77a;border-radius:50%;padding:0;box-shadow:0 4px 12px #183e4559,inset 0 0 0 3px #5c817080;background:radial-gradient(at 35% 25%,#5c8b78,#264c4e 80%);overflow:hidden;text-shadow:0 1px 3px #152f30}.trial-buttons b{font-size:24px;line-height:26px;pointer-events:none}.trial-buttons span{font-size:9px;line-height:16px;white-space:nowrap;pointer-events:none}.trial-buttons em{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:#152f3dcc;font-size:19px;font-weight:bold;font-style:normal}.trial-buttons button[data-cooling=true] em{display:flex}.trial-buttons .trial-attack{width:77px;height:77px;right:21px;bottom:0;background:radial-gradient(at 35% 25%,#b79248,#695736 85%);box-shadow:0 4px 14px #19374466,inset 0 0 0 4px #dbc38c42}.trial-attack b{font-size:33px;line-height:36px}.trial-buttons .trial-skill{width:58px;height:58px}.trial-skill.one{left:0;top:36px}.trial-skill.two{left:54px;top:0}.trial-buttons .trial-dodge{width:51px;height:51px;right:0;top:41px;background:radial-gradient(at 35% 25%,#5f899b,#2b4b64)}.trial-buttons .trial-heal{width:43px;height:43px;left:0;bottom:3px;background:#4a7152}.trial-heal b{font-size:18px}.trial-footer{position:absolute;left:20px;right:20px;bottom:calc(12px + env(safe-area-inset-bottom));display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#deead7}.trial-footer button{border:1px solid #c6dcc15c;border-radius:12px;color:#f6eed2;background:#294e48bb;padding:5px 9px;font-size:10px}.trial-banner{position:absolute;top:calc(50% - 135px);left:0;right:0;pointer-events:none;text-align:center;color:#fff0c6;font:700 20px Georgia,serif;text-shadow:0 2px 5px #173d41,0 0 18px #173d41;padding:12px;transition:opacity .2s}.trial-banner:empty{opacity:0}.trial-overlay{position:absolute;inset:0;z-index:20;display:grid;place-items:center;background:#173d49a6;backdrop-filter:blur(5px);padding:calc(25px + env(safe-area-inset-top)) 25px calc(25px + env(safe-area-inset-bottom));touch-action:pan-y}.trial-overlay[hidden]{display:none}.trial-card{max-height:100%;overflow:auto;width:min(390px,100%);padding:32px 24px 25px;color:#34524c;background:linear-gradient(135deg,#f4eed5,#e5dbc0);border:1px solid #efdb9b;box-shadow:0 0 0 4px #30544dbb,0 20px 50px #13374366;text-align:center;position:relative}.trial-card:before{content:'✧';display:block;font-size:42px;color:#a98542;margin-bottom:14px}.trial-card .eyebrow{font-size:9px;letter-spacing:.18em;color:#8c774b}.trial-card h1{font:700 30px Georgia,'Noto Serif TC',serif;letter-spacing:.16em;margin:12px 0 14px}.trial-card p{font-size:12px;line-height:1.9;color:#66715d;margin:12px 0 18px}.trial-card button{width:100%;min-height:45px;margin-top:9px}.trial-card .trial-brief{display:flex;justify-content:space-around;padding:12px 0;border-block:1px solid #ad996239;margin:18px 0;font-size:12px}.trial-brief small{display:block;font-size:9px;color:#8b8e6e;margin-top:5px}.trial-card .trial-note{font-size:10px;line-height:1.7}.trial-load-line{height:3px;background:#abc1ad;margin:24px 0}.trial-load-line i{display:block;width:5%;height:100%;background:#547969}.trial-result-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.trial-result-stats b{font:24px Georgia,serif}.trial-result-stats small{display:block;font-size:10px;margin-top:4px}.trial-muted{color:#8b8b70}
@media(min-width:760px){.trial-top{left:35px;right:35px}.trial-player{bottom:60px;left:40px}.trial-controls{left:35px;right:40px;bottom:60px}.trial-joystick{margin-left:220px}.trial-buttons{transform:scale(1.15);transform-origin:bottom right}.trial-progress{top:35px;left:30%;right:30%}.trial-enemy{top:87px;width:380px}.trial-footer{left:40px;right:40px;bottom:20px}.trial-banner{top:24%}}
@media(max-height:700px){.trial-top{top:calc(8px + env(safe-area-inset-top))}.trial-progress{top:65px}.trial-enemy{top:89px}.trial-player{bottom:188px}.trial-controls{bottom:36px;transform:scale(.9);transform-origin:bottom right;left:8px;right:15px}.trial-card{padding:18px}.trial-card:before{font-size:30px;margin-bottom:6px}.trial-card h1{font-size:25px;margin:9px 0}.trial-card p{font-size:11px;margin:8px 0}.trial-card .trial-brief{margin:10px 0}.trial-banner{font-size:16px}}

body[data-preview=true][data-screen=trial]{--view-height:100svh;padding-bottom:0}.trial-world canvas:focus{outline:none}
.trial-loot{position:absolute;top:calc(176px + env(safe-area-inset-top));left:50%;transform:translateX(-50%);font-size:10px;white-space:nowrap;color:#ffe7a3;background:#173e45bf;border:1px solid #d5b36d66;padding:6px 12px;border-radius:20px;pointer-events:none}.trial-card .reward-heading{font:700 15px Georgia,'Noto Serif TC',serif;color:#6a6b4d;margin:18px 0 10px}.trial-card .wallet-strip{color:#f7e4ae}.reward-items{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:12px 0}.reward-items>div{width:90px;border:1px solid #9eac8755;background:#d2d5b6;border-radius:5px;padding:6px 3px}.reward-items img{display:block;object-fit:contain;width:66px;height:66px;margin:auto}.reward-items b,.reward-items small{display:block;font-size:10px;color:#526556;margin-top:4px}.reward-items small{font-size:9px;color:#7a7e65}.trial-result-stats{grid-template-columns:repeat(3,1fr)}.trial-card #trial-result-actions button{margin-top:7px}.trial-card{max-height:calc(100svh - 70px);overflow:auto;overscroll-behavior:contain}.trial-footer{font-size:9px}

.trial-portal-button{position:absolute;z-index:7;top:215px;left:50%;transform:translateX(-50%);padding:10px 18px;border:2px solid #b4e9c8;border-radius:22px;background:linear-gradient(#387f78,#245057);color:#edfff2;font:700 14px Georgia,serif;box-shadow:0 3px 0 #173c40,0 0 22px #7affe23d;white-space:nowrap}.trial-portal-button[hidden]{display:none}

.trial-core{font-size:10px;line-height:1.4;color:#fff3bb;background:#203f43e6;border:1px solid #cfb9798c;border-radius:5px;padding:4px 6px;margin-top:4px;text-shadow:none;width:200px;max-width:calc(100vw - 110px)}