/* ========================================================================== 
   OMRPG — Additional CSS
   Canonical stylesheet — 2026-09-15
   ========================================================================== */

/* 01. TOKENS ------------------------------------------------------------- */
:root{
  --om-accent:#1fa3b3;
  --om-surface:#121414;
  --om-surface-2:#171919;
  --om-text:#ffffff;
  --om-body:#d7dada;
  --om-strong:#f4f5f5;
  --om-muted:#cfd2d2;
  --om-border:rgba(255,255,255,.11);
  --om-radius:16px;
  --om-shadow:0 16px 34px rgba(0,0,0,.16);
  --om-dmtips:#bd1968;
  --om-dmtips-rgb:189,25,104;
  --om-dmtips-brand:#a41f5f;
  --om-dmq:#8a5a2b;
  --om-dmq-rgb:138,90,43;
  --om-subsystems:#1f4cab;
  --om-subsystems-rgb:31,76,171;
  --om-quick:#e49b14;
  --om-quick-rgb:228,155,20;
  --om-weird:#6f8a98;
  --om-weird-rgb:111,138,152;
  --om-narrative:#9c1818;
  --om-narrative-rgb:156,24,24;
  --om-fast:#9a24c7;
  --om-fast-rgb:154,36,199;
  --om-plot:#3b6387;
  --om-plot-rgb:59,99,135;
  --om-kickstarter:#189446;
  --om-kickstarter-rgb:24,148,70;

  --om-icon-dmtips:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20671%20749%22%3E%3Cpath%20fill%3D%22%23bd1968%22%20fill-rule%3D%22evenodd%22%20d%3D%22M531,462L530,469L534,474L585,502L593,499L594,492L590,487L539,459L535,459Z%20M138,463L135,460L130,459L79,487L75,491L76,499L83,502L136,473L139,469Z%20M35,300L37,305L42,308L94,317L103,317L106,315L108,310L106,305L100,302L47,293L40,293Z%20M635,297L632,293L625,292L567,302L564,305L563,310L566,315L573,316L625,308L634,304Z%20M332,269L257,313L255,317L255,402L257,406L331,450L337,451L415,405L416,316L410,310L339,269Z%20M398,402L368,421L364,421L385,396Z%20M273,402L286,396L307,421L305,422Z%20M300,397L301,395L372,396L344,429L336,435L333,435Z%20M404,350L404,394L391,386Z%20M267,349L281,386L267,394Z%20M336,315L375,383L371,385L297,385L296,383Z%20M348,313L400,323L402,325L383,376L348,317Z%20M324,313L324,316L288,376L270,324Z%20M330,285L331,300L329,302L289,310L285,309L326,285Z%20M341,284L344,284L384,308L379,309L343,302L341,300Z%20M321,158L288,164L256,176L224,196L193,226L176,251L159,290L152,322L151,358L158,396L166,418L177,440L232,516L240,530L248,550L252,573L242,583L239,593L241,605L248,615L243,621L239,633L242,647L251,657L261,661L270,661L275,675L282,686L292,697L302,704L325,712L346,712L363,707L381,695L395,677L400,662L413,660L419,657L429,645L430,628L422,615L429,605L431,594L428,583L418,573L423,547L437,518L486,453L506,417L518,377L521,352L521,335L517,305L504,266L484,232L457,203L428,182L395,167L361,159Z%20M285,662L386,662L380,675L370,686L355,695L344,698L327,698L308,691L294,679Z%20M253,633L255,628L263,622L407,622L415,628L417,637L414,643L408,647L265,648L255,642Z%20M253,594L255,589L260,584L266,582L405,582L414,587L417,597L415,602L407,608L263,608L255,602Z%20M290,178L322,172L360,173L395,182L422,195L448,214L470,237L487,263L497,285L502,301L507,331L507,357L504,377L495,407L477,441L440,489L423,514L412,537L403,569L366,568L387,446L387,440L384,436L377,436L373,441L354,562L351,569L317,568L296,439L290,435L284,438L283,448L303,568L267,569L259,539L248,515L193,439L182,420L172,395L165,363L165,328L171,298L178,278L188,258L208,230L234,206L254,193Z%20M136,115L132,120L134,127L176,171L183,171L187,166L186,160L145,116L141,114Z%20M535,113L531,112L527,114L486,158L485,166L489,170L495,170L538,124L539,118Z%20M333,35L328,40L328,105L331,109L338,110L342,106L342,39L338,35Z%22%2F%3E%3C%2Fsvg%3E");
  --om-icon-dmq:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org/2000%2Fsvg%22%20viewBox%3D%220%200%20889%20651%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23b47a43%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%238A5A2B%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url%28%23g%29%22%20fill-rule%3D%22evenodd%22%20d%3D%22M750%2C378L739%2C386L737%2C400L744%2C411L751%2C414L759%2C414L770%2C407L773%2C401L773%2C390L765%2C380Z%20M692%2C378L681%2C386L678%2C396L679%2C402L689%2C413L701%2C414L708%2C411L715%2C401L715%2C391L708%2C381L702%2C378Z%20M634%2C378L624%2C385L621%2C391L621%2C401L624%2C407L631%2C413L643%2C414L651%2C410L655%2C405L657%2C391L650%2C381L644%2C378Z%20M318%2C344L307%2C348L299%2C355L294%2C366L294%2C379L300%2C391L307%2C397L315%2C400L329%2C400L344%2C390L349%2C380L350%2C370L346%2C358L338%2C349L330%2C345Z%20M305%2C151L278%2C162L258%2C180L250%2C192L244%2C208L241%2C234L285%2C234L286%2C221L290%2C211L300%2C199L310%2C193L324%2C190L335%2C191L349%2C197L356%2C204L361%2C214L362%2C227L360%2C235L354%2C245L344%2C255L324%2C269L312%2C281L303%2C297L300%2C309L300%2C326L343%2C326L345%2C310L350%2C301L360%2C291L386%2C273L402%2C254L409%2C236L409%2C208L398%2C182L383%2C166L374%2C160L358%2C153L345%2C150L318%2C149Z%20M75%2C111L67%2C127L63%2C143L63%2C402L68%2C419L76%2C433L90%2C448L100%2C455L116%2C462L131%2C465L181%2C466L181%2C556L284%2C465L459%2C465L461%2C486L466%2C501L477%2C517L499%2C532L519%2C537L678%2C537L683%2C544L685%2C543L752%2C604L752%2C537L770%2C537L791%2C532L808%2C522L825%2C501L832%2C480L832%2C294L823%2C268L803%2C247L787%2C239L773%2C236L587%2C236L585%2C137L573%2C110L565%2C100L550%2C88L538%2C82L518%2C77L130%2C77L111%2C82L96%2C90L87%2C97Z%20M587%2C248L773%2C248L785%2C251L798%2C258L811%2C271L817%2C282L821%2C298L820%2C482L811%2C502L792%2C519L774%2C525L740%2C526L741%2C570L739%2C577L682%2C525L516%2C525L495%2C517L483%2C506L476%2C495L471%2C474L473%2C465L517%2C465L539%2C460L561%2C446L571%2C435L579%2C422L586%2C400Z%20M86%2C118L107%2C98L131%2C90L518%2C90L531%2C93L545%2C100L556%2C109L564%2C119L570%2C131L574%2C147L574%2C395L572%2C406L565%2C422L560%2C429L543%2C444L533%2C449L516%2C453L279%2C453L194%2C528L193%2C453L133%2C453L114%2C448L99%2C439L88%2C428L77%2C406L75%2C395L75%2C150L80%2C129Z%22%2F%3E%3C%2Fsvg%3E");
  --om-icon-subsystems:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20587%20606'%3E%3Cpath%20fill='%231f4cab'%20fill-rule='evenodd'%20d=%22M220%20359%20L187%20361%20L184%20389%20L168%20395%20L146%20378%20L122%20401%20L137%20424%20L131%20438%20L102%20440%20L98%20474%20L124%20481%20L128%20498%20L108%20516%20L124%20543%20L127%20545%20L153%20534%20L164%20543%20L161%20571%20L191%20581%20L195%20579%20L206%20556%20L222%20555%20L237%20579%20L268%20566%20L262%20537%20L272%20528%20L300%20536%20L316%20506%20L293%20489%20L295%20473%20L320%20463%20L321%20459%20L313%20429%20L285%20431%20L277%20419%20L290%20393%20L263%20372%20L243%20391%20L228%20388%20Z%20M203%20427%20L216%20427%20L230%20431%20L245%20445%20L253%20465%20L253%20476%20L249%20491%20L235%20506%20L216%20514%20L203%20514%20L184%20506%20L170%20490%20L166%20477%20L166%20464%20L174%20445%20L187%20433%20Z%20M425%20197%20L422%20199%20L416%20234%20L398%20240%20L373%20217%20L370%20217%20L338%20244%20L355%20273%20L346%20292%20L311%20291%20L302%20334%20L335%20346%20L339%20366%20L311%20389%20L333%20426%20L367%20414%20L381%20426%20L374%20459%20L414%20477%20L433%20446%20L452%20446%20L468%20475%20L511%20462%20L505%20427%20L519%20415%20L550%20427%20L575%20390%20L548%20367%20L552%20347%20L585%20336%20L577%20293%20L542%20293%20L533%20275%20L551%20246%20L519%20218%20L494%20238%20L472%20233%20L466%20198%20Z%20M429%20285%20L454%20284%20L470%20290%20L488%20306%20L497%20325%20L498%20346%20L490%20367%20L476%20382%20L458%20391%20L441%20393%20L417%20386%20L400%20371%20L391%20354%20L389%20331%20L396%20311%20L411%20294%20Z%20M180%201%20L129%206%20L125%2050%20L106%2060%20L69%2036%20L31%2075%20L57%20109%20L49%20130%20L7%20134%20L1%20188%20L43%20198%20L50%20219%20L20%20251%20L45%20288%20L88%20276%20L109%20288%20L106%20331%20L153%20344%20L176%20304%20L198%20302%20L224%20337%20L270%20315%20L259%20271%20L275%20255%20L315%20266%20L339%20218%20L302%20192%20L304%20170%20L342%20152%20L328%20100%20L284%20104%20L272%2088%20L289%2048%20L246%2017%20L215%2048%20L194%2044%20Z%20M165%20107%20L190%20109%20L218%20124%20L231%20142%20L238%20163%20L237%20188%20L224%20214%20L204%20231%20L178%20239%20L160%20238%20L147%20234%20L125%20219%20L112%20200%20L106%20174%20L111%20148%20L125%20127%20L137%20117%20L149%20111%20Z%22/%3E%3C/svg%3E");
  --om-icon-fast:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org/2000/svg'%20viewBox%3D'0%200%20798%20684'%3E%3Cpath%20fill%3D'%239b4dff'%20fill-rule%3D'evenodd'%20d%3D'M486%20539L481%20543L480%20547L480%20604L481%20607L485%20611L490%20611L496%20605L496%20545L492%20540ZM86%20434L87%20441L92%20444L245%20444L248%20443L251%20439L250%20431L245%20428L92%20428ZM654%20384L654%20391L658%20395L711%20395L716%20390L715%20383L712%20380L708%20379L707%20380L703%20379L701%20380L667%20379L666%20380L658%20380ZM86%20325L87%20333L92%20336L245%20336L248%20335L251%20331L251%20325L246%20320L92%20320L88%20322ZM424%20381L422%20376L333%20290L325%20289L322%20291L320%20295L321%20300L396%20373L395%20374L31%20374L26%20377L24%20384L26%20388L29%20390L394%20390L395%20392L321%20466L320%20470L322%20475L325%20477L330%20477L344%20465L422%20388ZM628%20252L619%20251L514%20356L512%20356L503%20350L492%20347L483%20347L474%20349L462%20356L452%20368L447%20384L448%20397L455%20412L466%20422L474%20426L482%20428L498%20427L513%20419L523%20407L528%20392L527%20378L523%20368L629%20263L630%20255ZM482%20363L494%20363L502%20367L508%20373L512%20382L512%20393L509%20400L503%20407L493%20412L482%20412L475%20409L468%20403L463%20393L463%20382L465%20376L473%20367ZM486%20161L481%20165L480%20168L480%20224L482%20229L485%20231L491%20231L494%20229L496%20225L496%20167L492%20162ZM406%2025L400%2028L396%2032L392%2040L392%2062L397%2071L402%2075L408%2077L479%2077L481%2079L480%2082L480%20113L479%20114L462%20114L461%20115L439%20117L405%20125L375%20136L353%20147L329%20162L306%20180L281%20205L271%20217L255%20240L242%20263L242%20265L238%20272L238%20277L240%20280L249%20281L253%20277L264%20255L279%20232L292%20216L315%20193L332%20179L362%20160L385%20149L398%20145L401%20143L439%20133L460%20131L461%20130L475%20130L476%20129L513%20130L514%20131L522%20131L548%20136L571%20143L589%20150L620%20166L642%20181L662%20198L690%20229L712%20263L729%20302L738%20335L738%20340L741%20352L741%20360L742%20361L742%20373L743%20374L743%20400L742%20401L742%20412L741%20413L740%20427L733%20458L727%20476L720%20493L704%20523L694%20538L676%20560L646%20588L634%20597L610%20612L580%20626L556%20634L540%20638L516%20641L515%20642L470%20643L469%20642L450%20641L449%20640L423%20636L400%20629L380%20621L360%20611L342%20600L314%20578L293%20557L277%20537L260%20510L248%20485L245%20483L239%20483L235%20486L234%20488L235%20493L249%20522L263%20544L276%20561L306%20592L326%20608L354%20626L386%20641L417%20651L442%20656L457%20657L458%20658L471%20658L472%20659L500%20659L501%20658L514%20658L515%20657L536%20655L561%20649L592%20638L617%20626L644%20609L673%20585L693%20564L710%20542L727%20514L742%20480L749%20458L749%20454L755%20431L757%20405L758%20404L757%20357L756%20356L755%20342L751%20322L738%20282L719%20244L705%20223L690%20205L690%20203L713%20181L736%20205L745%20209L752%20209L761%20205L769%20197L772%20192L773%20183L771%20176L763%20166L716%20118L709%20114L701%20113L694%20115L680%20129L679%20141L682%20149L702%20170L679%20192L661%20176L644%20163L624%20150L597%20136L568%20125L541%20118L529%20117L522%20115L514%20115L513%20114L497%20114L496%20113L496%2078L497%2077L572%2077L579%2074L586%2067L588%2062L588%2039L586%2034L577%2026L574%2025L461%2025L460%2024L458%2025L457%2024L456%2025ZM695%20134L701%20129L706%20130L757%20182L756%20189L751%20193L746%20193L695%20140L694%20138ZM407%2044L411%2040L569%2040L573%2043L573%2058L570%2061L410%2061L407%2058Z'%2F%3E%3C%2Fsvg%3E");
  --om-icon-plot:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org/2000%2Fsvg%22%20viewBox%3D%220%200%20685%20675%22%3E%3Cpath%20d%3D%22M328%2C29L306%2C31L276%2C36L253%2C42L217%2C55L185%2C71L152%2C94L134%2C108L115%2C126L90%2C155L65%2C194L50%2C226L37%2C266L32%2C290L29%2C315L29%2C354L32%2C381L39%2C414L48%2C442L58%2C466L75%2C497L92%2C522L106%2C539L133%2C566L155%2C584L186%2C604L211%2C617L238%2C628L260%2C635L292%2C642L327%2C646L361%2C646L390%2C643L419%2C637L445%2C629L476%2C616L502%2C602L534%2C580L555%2C562L576%2C541L593%2C519L612%2C490L623%2C469L634%2C443L643%2C415L651%2C376L653%2C355L653%2C314L649%2C281L641%2C247L630%2C216L622%2C198L612%2C179L602%2C163L594%2C153L572%2C126L556%2C110L528%2C86L496%2C66L466%2C52L423%2C38L399%2C33L361%2C30L360%2C29ZM317%2C64L372%2C64L405%2C69L428%2C75L456%2C85L482%2C98L521%2C124L538%2C139L556%2C158L570%2C176L584%2C198L597%2C225L607%2C253L613%2C281L617%2C309L619%2C325L618%2C359L615%2C382L608%2C412L597%2C443L585%2C468L576%2C483L557%2C510L516%2C552L493%2C569L475%2C580L453%2C591L420%2C603L400%2C608L377%2C611L325%2C613L307%2C611L276%2C605L245%2C595L228%2C588L194%2C570L166%2C550L152%2C538L128%2C513L114%2C495L97%2C468L84%2C441L75%2C416L68%2C388L64%2C360L64%2C311L68%2C285L75%2C258L83%2C236L98%2C205L109%2C187L120%2C172L152%2C137L167%2C124L204%2C99L235%2C84L264%2C74L294%2C67ZM325%2C548L316%2C556L312%2C565L311%2C576L314%2C586L322%2C594L329%2C598L343%2C599L354%2C595L362%2C586L365%2C579L366%2C570L362%2C558L354%2C549L345%2C546L331%2C546ZM398%2C107L365%2C105L349%2C109L336%2C115L323%2C124L311%2C137L304%2C149L299%2C166L299%2C183L305%2C200L311%2C208L318%2C214L331%2C219L344%2C218L354%2C210L355%2C202L347%2C199L341%2C193L336%2C182L336%2C173L338%2C164L342%2C157L354%2C146L363%2C142L373%2C140L381%2C140L396%2C145L406%2C153L416%2C172L416%2C189L411%2C202L406%2C209L381%2C235L376%2C245L374%2C253L373%2C260L373%2C431L369%2C447L360%2C464L349%2C476L337%2C485L324%2C491L309%2C495L287%2C495L276%2C493L265%2C489L250%2C479L242%2C471L231%2C452L227%2C437L227%2C413L231%2C399L247%2C419L249%2C407L249%2C370L253%2C347L258%2C326L263%2C307L237%2C331L204%2C369L196%2C378L180%2C395L183%2C398L204%2C388L199%2C403L193%2C427L193%2C450L196%2C465L200%2C476L211%2C495L227%2C512L243%2C523L264%2C532L290%2C536L313%2C537L337%2C532L356%2C524L375%2C511L390%2C496L400%2C482L407%2C468L411%2C456L415%2C435L415%2C265L421%2C249L439%2C230L452%2C211L458%2C192L458%2C170L454%2C155L448%2C143L440%2C132L434%2C126L418%2C114Z%22%20fill%3D%22%233b6387%22%20fill-rule%3D%22evenodd%22/%3E%3C/svg%3E");
  --om-icon-quick:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org/2000%2Fsvg%22%20viewBox%3D%220%200%20748%20563%22%3E%3Cpath%20d%3D%22M535%20375C517%20375%20508%20387%20509%20407L521%20408C522%20398%20529%20392%20543%20392C551%20392%20555%20397%20555%20406C555%20418%20548%20423%20518%20446L506%20457L505%20459L506%20474C529%20476%20548%20477%20570%20477L572%20463L532%20457C548%20444%20563%20435%20569%20424C575%20414%20576%20399%20570%20388C563%20378%20553%20375%20535%20375ZM479%20375L456%20388L455%20402L474%20399L469%20456L470%20472L485%20473L494%20382L493%20375ZM661%20369C650%20369%20650%20388%20661%20388H721C730%20388%20730%20370%20720%20371L698%20370ZM505%20308C445%20316%20400%20363%20400%20432C400%20497%20451%20542%20518%20542C585%20542%20634%20493%20634%20418C634%20354%20581%20308%20505%20308ZM506%20324C570%20324%20618%20364%20618%20424C618%20482%20574%20526%20518%20526C461%20526%20416%20484%20416%20424C416%20367%20456%20324%20506%20324ZM296%20331C281%20331%20283%20353%20295%20354L392%20360C404%20360%20404%20339%20393%20338ZM236%20320C219%20320%20217%20348%20231%20356C246%20365%20260%20350%20260%20338C260%20327%20251%20320%20236%20320ZM300%20259C286%20259%20288%20280%20300%20281L472%20291C483%20291%20483%20270%20471%20269ZM241%20248C225%20248%20223%20276%20237%20284C252%20293%20266%20278%20266%20266C266%20255%20256%20248%20241%20248ZM305%20187C291%20187%20292%20207%20304%20208L465%20218C478%20218%20476%20198%20466%20196ZM246%20176C230%20176%20228%20205%20243%20212C258%20220%20271%20203%20271%20192C271%20182%20261%20176%20246%20176ZM312%20115C297%20115%20299%20136%20315%20138L486%20147C497%20147%20497%20127%20485%20125ZM252%20105C236%20105%20235%20134%20249%20141C265%20150%20276%20132%20276%20120C276%20111%20266%20105%20252%20105ZM218%2020C201%2020%20192%2032%20192%2059L189%2070L111%2090C96%2093%2087%20106%2091%20125L96%20147L93%20155L59%20171C31%20184%2015%20198%2023%20220L152%20518C158%20528%20169%20530%20188%20523L299%20482C286%20480%20275%20478%20267%20477L176%20511C168%20511%20162%20505%20158%20496L36%20212C34%20203%2037%20198%2050%20192L99%20169L148%20401L152%20350L105%20117C104%20111%20112%20106%20121%20103L189%2087L162%20434C161%20446%20172%20457%20184%20457L392%20471C390%20464%20388%20458%20387%20455L186%20441C177%20438%20176%20431%20177%20422L207%2065C207%2044%20212%2037%20222%2035L525%2052C534%2053%20538%2059%20538%2081L528%20292L543%20294L552%2060C552%2048%20544%2039%20526%2037Z%22%20fill%3D%22%23e49b14%22%20fill-rule%3D%22evenodd%22/%3E%3C%2Fsvg%3E");
  --om-icon-weird:url("https://oneman-rpg-studio.com/wp-content/uploads/2026/09/weird-trinkets-harp-exact.png");
  --om-icon-narrative:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 495'%3E%3Cg fill='none' stroke='%239c1818' stroke-width='18' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M70 405c85-28 153-21 180 27 28-48 95-55 180-27v48c-78-25-140-20-180 24-40-44-102-49-180-24z'/%3E%3Cpath d='M253 393c18-91 59-183 151-300-18 78-63 153-130 224l-18 73'/%3E%3Cpath d='M327 184l54 38M299 232l48 34M277 280l40 28M264 329l29 21'/%3E%3C/g%3E%3C/svg%3E");
  --om-icon-kickstarter:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org/2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M76%2012L63%2023L49%2043L43%2058L39%2078L39%20432L42%20449L46%20461L58%20482L67%20492L78%20500L93%20507L113%20511L132%20511L154%20506L166%20500L184%20484L196%20465L203%20438L205%20329L330%20485L343%20498L353%20504L367%20509L380%20511L398%20511L422%20505L439%20495L449%20486L458%20475L469%20453L472%20439L472%20415L467%20397L455%20378L354%20251L355%20247L442%20121L447%20110L451%2094L451%2071L446%2052L434%2032L413%2013L400%206L383%201L352%201L338%205L326%2011L314%2020L302%2033L205%20174L203%2062L198%2046L188%2031L175%2018L165%2011L150%204L138%201L105%201L90%205Z%22%20fill%3D%22%23189446%22/%3E%3C/svg%3E");
}